/*
--------------------------------------------------------
CSS:    Styles for Bat & Co
Author: Jozz Scott - Creative Produce, for  Marshall & Marshall
--------------------------------------------------------
*/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 140%;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #131A1D url(../images/bg-images/body-bg.gif) repeat-y 55% 100% !important;
}

a {
	text-decoration: none;
	color: #191916;
	cursor: pointer;
	cursor: hand;
}

area {
	cursor: pointer;
	cursor: hand;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

img a {
	border: 0;
	padding: 0;
	margin: 0;
}

hr {
	width: 417px;
	float: left;
	margin: 4px 0 7px 0;
	color: transparent;
	background-color: transparent;
	height: 1px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dashed #ECECEC;
	border-left: none;
}

/*-- Change paragraph typeface and colour --*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 140%;
	color: #464C21;
	text-align: left;
	margin: 0;
}

/*-- H styles yet to be determined --*/
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #56601C;
	clear: both;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #56601C;
	clear: both;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #56601C;
	clear: both;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bolder;
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #56601C;
	clear: both;
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	margin: 5px 0 0 0;
	padding: 0;
	color: #56601C;
	clear: both;
}

/*-- Main Blocks --*/

#container {
	width: 1000px;
	margin: 0 auto;
	margin-top: 0;
	padding: 0;
	text-align: left;
	background: transparent url(../images/bg-images/container_bg.gif) repeat-y;
	/* border: 1px solid red; */
}

#header {
	width: 100%;
	height: 88px;
	padding-top: 35px;
	/* border: 1px solid yellow; */
}

#header img {
	margin-left: 10px;
}

#content {
	width: 100%;
	clear: both;
	background: transparent url(../images/bg-images/content_bg.jpg) top left repeat-y;
	border-top: 1px solid #6D7377;
	border-bottom: 1px solid #6D7377;
}

#content a:hover {
	color: #6A6A48;
}

#content_left {
	width: 500px;
	min-height: 365px;
	float: left;
	text-align:left;
	margin: 0;
	padding: 0;
	/* border: 1px solid aqua; */
}

#content_left p {
	margin: 10px 10px 0 13px;
	padding: 0;
	/* border: 1px solid aqua; */
}

#content_left h1 {
	margin: 10px 0 0 13px;
	padding: 0;
}

#content_left h2 {
	margin: 10px 0 0 13px;
	color: #383E17;
	padding: 0;
}

#content_left h3 {
	margin: 10px 0 0 13px;
	color: #383E17;
	padding: 0;
}

#content_left_1 {
	width: 500px;
	height: 383px;
	float: left;
	text-align:left;
	/* border: 1px solid aqua; */
}

.content_left_holder {
	width: 500px;
	height: 383px;
	float: left;
	text-align:left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-images/home_bg.jpg) top left repeat-y;
	/* border: 1px solid aqua; */
}

.content_left_holder fieldset {
	width: 480px;
	margin: 13px;
	/* border: 1px solid aqua; */
}

#content_right {
	width: 490px;
	min-height: 365px;
	float: right;
	padding: 0;
	background:transparent;
	/* border: 1px solid orange; */
}

#content_right p {
	margin: 10px 10px 0 0;
	/* border: 1px solid aqua; */
}

#content_center_image {
	border: 1px solid green;
}

#content_bottom_text_leftcol {
	border: 1px solid maroon;
}

#footer {
	width: 1000px;
	height: 50px;
	padding-top: 10px;
	clear: both;
	color: #fff;
	background: #354A56;
	border-bottom: 1px solid #6D7377;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	font-weight: bolder;
	color: #fff;
}

/* Navigation */

#nav {
	width: 970px;
	margin-top: 10px;
	padding: 0 0 0 20px;
}

#nav ul {
	/* width: 416px; WORK WITH NOWRAP SETTING TO PUSH CONTENT DOWN */
	list-style-type: none;
	margin: 0 0 0 -8px;
	padding: 0;
	
}

#nav li {
	display:block;
	float:left;
	width: 120px;
	margin-right:4px;
	height: 41px;
	text-align:center;
	padding: 0px 0px;
	background: transparent url(../images/bg-images/navbutton.png) top left no-repeat;
	/* border: 1px solid yellow; */
}

#nav li.wide {
	display:block;
	float:left;
	width: 150px;
	margin-right:4px;
	height: 41px;
	text-align:center;
	padding: 0px 0px;
	background: transparent url(../images/bg-images/navbutton-wide.png) top left no-repeat;
	/* border: 1px solid yellow; */
}

#nav li a {
	font-size: 11px;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	color: #566c11;
	margin: 3px 0 0 0;
	display: block;
	/* border: 1px solid red; */
}

#nav li a:hover {
	text-decoration: none;
	/*margin: 2px 0 0 1px;
	padding: 2px;*/
	color: #b2bb1e;
}

/* Voir une bio chantier */
.content_left_2 {
	background: url(../none);
}

/* qui sommes nous */
.content_left_3 {
	background: url(../images/bg-images/Firstlevel_4.jpg) top left no-repeat;
	_height: 365px;
}

/* Diagnostic */
.content_left_4 {
	background: url(../images/bg-images/Firstlevel_4.jpg) top left no-repeat;
	_height: 365px;
}

/* aide */
.content_left_5 {
	background: url(../images/bg-images/Firstlevel_4.jpg) top left no-repeat;
	_height: 365px;
}

/* Flash infos */
.content_left_6 {
	background: url(../images/bg-images/Firstlevel_6.jpg) top left no-repeat;
}

/* Diagnostic */
.content_left_8 {
	background: url(../images/bg-images/Firstlevel_4.jpg) top left no-repeat;
	_height: 365px;
}

/* Diagnostic */
.content_left_9 {
	background: url(../images/bg-images/Firstlevel_4.jpg) top left no-repeat;
	_height: 365px;
}

#hometext {
	padding: 0 10px 0 10px;
}

fieldset {
	border: none;
	margin: 10px 0 0 0;
	padding: 0;
}

label {
	width: 210px;
	margin: 0;
	padding: 0 8px 0 0;
	float: left;
	color: #191916;
}

input.inputbig {
	width: 190px;
	height: 18px;
	padding: 1px;
	font-family: 'Gill Sans', Helvetica, Arial, 'sans serif';
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #191916;
	float: left;
	border: 1px solid silver;
}

input.inputsmall {
	width: 50px;
	height: 18px;
	padding: 1px;
	font-family: 'Gill Sans', Helvetica, Arial, 'sans serif';
	font-size: 12px;
	letter-spacing: 0.05em;
	color: #191916;
	float: left;
	border: 1px solid silver;
}

label.medium {
	width: 185px;
	margin: 0;
	padding: 0 8px 0 0;
	float: left;
	color: #191916;
}

select.small {
	width: 100px;
	height: 20px;
	float: right;
}

select.big {
	width: 200px;
	height: 20px;
}

select.general {
	width: 275px;
	height: 20px;
	float: left;
}

select.huge {
	height: 20px;
	float: left;
}

textarea.textarea {
	width: 190px;
	height: 120px;
	padding: 4px;
	font-family: 'Gill Sans', Helvetica, Arial, 'sans serif';
	font-size: 12px;
	letter-spacing: 0.05em;
	text-align: justify;
	color: #898989;
	border: 1px solid silver;
}

.small_text {
	font-size: 10px;
}

.content_right_container_left {
	width: 280px;
	float: left;
	/* border: 1px solid red; */
}

.content_right_container_right {
	width: 170px;
	float: right;
	/* border: 1px solid yellow; */
}

.content_right_container_right p {
	text-align: center;
}

.content_right_container_right p a {
	text-decoration: none;
	border: 0;
}

.bio-image {
	margin: 0 8px 8px 0;
}

.popupicon {
	margin: 4px 0 0 4px;
	float: left;
}

#help_container h1, #help_container p {
	color: #FFFFFF;
	margin: 10px;
}

.bat_details {
	font-size: 12px;
	font-weight: bolder;
	color: #CBD0D2;
}

.textareabig {
	width: 190px
}

#infos_container {
	width: 95%;
	height: 580px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: left;
	background: transparent url(../images/bg-images/home_bg.jpg) top left repeat-y;
	overflow: auto;
}