/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ background:url(images/top-tail.gif) top repeat-x #e8e8e8; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#959595;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#8C251F; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h6{ color:#3c3c3c; background:url(images/unline2.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px;}
strong{ color:#000; font-style:italic; display:block; font-size:1.167em;}
em{ display:block; font-size:1.083em;}
object{ vertical-align:top; outline:none;}

/* ============================= main layout ====================== */
.imgindent {margin:0 21px 0 0; float:left;}
.phone{ float:right; padding-right:195px;}
.space1{ margin-left:28px;}
.margin1{ margin-top:10px !important;}
.padding1{ padding-top:36px;}
.padding2{ padding-top:18px;}
.padding3{ padding-top:25px;}

/* ============================= content ====================== */
#content{ padding-bottom:41px;}
.column-2{ margin-left:40px;}

.content{ background:url(images/content-border.gif) top repeat-x #fff; width:100%;}
.content .left-border{ background:url(images/content-border.gif) left repeat-y;}
.content .right-border{ background:url(images/content-border.gif) right repeat-y;}
.content .bot-border{ background:url(images/content-border.gif) bottom repeat-x;}
.content .left-top{ background:url(images/content-corner-left-top.gif) left top no-repeat;}
.content .right-top{ background:url(images/content-corner-right-top.gif) right top no-repeat;}
.content .left-bot{ background:url(images/content-corner-left-bot.gif) left bottom no-repeat;}
.content .right-bot{ background:url(images/content-corner-right-bot.gif) right bottom no-repeat;}
.content .indent{ padding:48px 30px 41px 30px; }

.title{ padding-bottom:23px;}
.title1{ padding-bottom:11px;}
.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:29px; margin-bottom:26px;}

.link{ background:url(images/link-bg.gif) no-repeat 1px 9px; font-style:italic; padding-left:10px; display:inline-block;}
.link1{ background:url(images/link1-bg.gif) no-repeat 0 0; display:inline-block; width:62px; font-size:1.333em; font-style:italic; color:#ffffff; text-decoration:none; font-weight:bold; padding:7px 0 7px 10px; margin-top:24px;}
.link1:hover{ background:url(images/link1-bg-act.gif) no-repeat 0 0;}
.link2{ color:#959595; padding-top:4px;}
.link2 a{ color:#959595; font-style:italic; font-size:1.083em;}

.list{ margin:-3px 0;}
.list li{ line-height:2.083em; color:#8C251F;}
.clients a{ display:inline-block; margin-right:20px;}
.clients{ margin-right:-5px;}
.clients .last{ margin:0;}
.text1{ color:#8C251F; display:block;}

.bottom{ width:100%; overflow:hidden; padding-top:33px; margin-bottom:-9px;}
.bottom .column-2, .bottom .column-3, .bottom .column-4{ margin-left:30px;}
.bottom li{ line-height:2.333em;}
.bottom a{ color:#7b7b7b; text-decoration:none;}
.bottom a:hover{ color:#000;}
.extra-padding{ padding-left:31px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-tail.gif) top repeat-x; font-size:0.833em; text-transform:uppercase;}
#footer .left-bg{ background:url(images/footer-left-bg.gif) left top no-repeat;}
#footer .right-bg{ background:url(images/footer-right-bg.gif) right top no-repeat; height:51px; width:100%; overflow:hidden;}

#footer .menu{ float:right; padding:19px 35px 0 0;}
#footer .menu li{ float:left; padding-left:6px;}
#footer .menu a{ color:#949494; display:inline-block; margin-right:6px;}
#footer .menu a:hover, #footer .menu .active{ color:#010101; text-decoration:none;}

#footer p{ padding:19px 0 0 30px;}
#footer p a{ color:#949494; text-decoration:none;}
#footer p a:hover{ color:#010101;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:29px;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #bebebe; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#959595; padding:2px 2px 1px 3px; width:240px;}
#ContactForm textarea{  border:solid 1px #bebebe; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#959595; padding:2px 2px 1px 3px; width:240px; height:334px; overflow:auto;}
#ContactForm .link1{ float:right; margin:25px 5px 0 0;}


/*============================================================*/
/*		
/*						Style Etienne
/*
/*============================================================*/

.header {
	width: 100%;
	background: url('images/fond-header.png') left bottom repeat-x;
	margin: 50px auto 30px;
	border-radius: 5px;
}

.logo {
	padding: 9px 10px;
	float:left;
	width: 270px;
}

.menu {
	width: 500px;
	float:right;
}

.menu ul { list-style-type: none; }

.menu li a {
	color: #000;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;
	display:block;
	float:left;
	width: 80px;
	padding: 19px 10px;
	text-align: center;
}

.menu li:last-child a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.menu li a:hover {
	transition-property: background-color, color;
	transition-duration: 1.5s;
	transition-timing-function: ease;
	background-color: #90221e;
	color: #fff;
}

.menu li a.selected {
	background-color: #90221e;
	color: #fff;
}


.precontent {
	width: 978px;
	margin: auto;
	margin-bottom: 30px;
}

.precontent .menuimg {
	width: 223px;
	float: left;
	margin-right:18px;
	background-color: #e0e0e0;
	padding: 4px;
	border-radius: 5px;
}

.precontent img {
	border-radius: 5px;
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

.precontent img:hover {
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.precontent .menuimg:last-child {
	margin-right: 0;
}

.precontent p {
	text-align: center;
	font-size: 18px;
	color: #444;
	margin-bottom: 6px;
}








/*============================================================*/
/*		
/*						Helper classes
/*
/*============================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}