/********* Template stylesheet *********/
html, body, h1, h2, h3, h4, h5, p, ul, li, form, img, img.min, div {
	border:0;
	padding:0;
	margin:0;
}

body{
	font:12px Arial, Helvetica, sans-serif;
	color:#000
}

/*** link ***/

a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.item_link,.item_linkBlue {
	position:absolute;
	bottom:28px;
	left:15px;
}

.item_link a:link,.item_link a:visited  { color:#f67001 }
.item_linkBlue a:link,.item_linkBlue a:visited { color:#4d4948 }

a:hover { text-decoration:underline }

ul {
	margin:10px 0 10px 40px;
	padding:0;
}

/* titles */
h1 {
	font:16px Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000;
	padding-bootom:12px
}

h2 {
	font:14px Arial, Helvetica, sans-serif;
	color:#424141;
	margin:0 0  4px 0;
	padding:0;
}

h3 {
	font:14px Arial, Helvetica, sans-serif;
	font-style:normal;
}

/*** image ***/
img.image_right{
	float: right;
	margin:10px 0 5px 16px;
}

img.image_float_right{
	float: right;
	margin:10px 0 0 10px;
}


img.image_left {
	float: left;
	margin: 0 5px 15px 0px;
}

img.image_center {
	text-align: center;
	display: block; /* no !important */
	_display:inline;
	margin:8px auto 0 auto;
}

/**************** ID *******************/

#wrapper {
	position:relative;
	margin:0 auto;
	width:1000px;
	min-height:816px
}

#header {
	position:absolute;
	width:1000px;
	height:190px;
	top:0
}

a#logo{
	float:left;
	width:265px;
	height:190px;
	top:0;
	left:0;
	background:url(../images/home/logoRH2S.jpg) no-repeat
}

#headBand {
	float:left;
	width:735px;
	height:190px;
	background:url(../images/home/bandeau.jpg) no-repeat
}

#centralContent {
	float:right;
	width:758px;
	min-height:492px;
	padding:35px 0 0 16px;
	_padding:28px 0 0 16px;
	_display:inline
}

#mainPage, #mainFrame {
	float:left;
	width:729px;
	height:512px;
	margin-left:244px;
	border:2px solid #f57000
}

#mainFrame {
	width:744px;
	border:none
}

#fullPage {
	width:958px;
	margin:10px 0 0 20px;
}

/****************************** pagelayout ******************************/

#pagelayout {
	position:relative;
	_position:absolute;
	float:right;
	width:1000px;
	min-height:554px;
	margin:240px 0 40px 20px;
	z-index:1;
	//z-index:-1;
}

/****************************** section ******************************/

.colLeft {
	float:left;
	width:185px;
	min-height:516px;
	_height:516px;
	margin-left:20px;
	padding:10px;
	background:#4d4948 url(../images/home/colorfullPeople.jpg) no-repeat bottom;
	_margin-left:0;
	_display:inline
}

.col, .colFull {
	float:left;
	width:235px;
	margin:0 17px 0 0;
}

.colFull { width:300px; }

.textJob {
	position:absolute;
	width:430px;
	min-height:406px;
	margin:20px
}

.pictJob {
	position:absolute;
	width:220px;
	height:355px;
	margin:68px 0 0 470px
}

.titleDetail {
	width:956px;
	min-height:42px;
	padding:10px 20px 0 20px;
	margin-bottom:2px
}

.textDetail, .standardDetail {
	width:956px;
	height:332px;
	margin-top:10px;
	padding:10px 0 20px 20px;
	border:2px solid  #f57000
}

.standardDetail { border:none }

.spaceText {
	float:left;
	width:690px;
	min-height:173px;
	padding:28px 0 12px 38px
}

.smallCol1,.smallCol2,.smallCol3 {
	float:left;
	width:226px;
	height:279px;
	margin:20px 19px 0 0;
	border:2px solid #58585a
}

.smallCol2  { border:2px solid #49b6cf }
.smallCol3 {
	margin:20px 0 0 0;
	border:2px solid  #f57000
}

.partLeft,.partRight {
	float:left;
	width:460px;
	min-height:650px;
	margin:0 15px 0 15px
}

.partRight { margin: 9px 15px 0 20px }

/****************************** model ******************************/
/******** colText ********/

.dot,.dotBlue,.dotOrange { 
	margin-left:20px;
	padding-right:20px;
	background:url(../images/home/bigBrownDot.gif) no-repeat left 10px
}

.dotBlue { background:url(../images/home/bigBlueDot.gif) no-repeat left 10px }
.dotOrange { background:url(../images/home/bigOrangeDot.gif)  no-repeat left 10px }

h1.colDot, h1.colDotBlue, h1.colDotOrange {
	width:175px;
	min-height:47px;
	font-size:15px;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
}

.colorText,.colorTextBlue {
	width:189px;
	min-height:30px;
	font-size:13px;
	text-align:center;
	color:#58585a;
	margin:30px 20px
}

.colorTextBlue { color:#49b6cf }

.colContent {
	width:208px;
	font-size:13px;
	text-align: left;
	margin:36px 0 10px 0;
	padding:0 10px
}

/******** colColors ********/
.colColors, .colColorsBlue, .colColorsOrange {
	padding:6px 10px;
	margin-bottom:20px;
	border:2px solid #4d4948
}

.colColorsBlue { border:2px solid #48b6cf }
.colColorsOrange { border:2px solid #f67001 }

.colColors ul, .colColorsBlue ul, .colColorsOrange ul {
	margin:6px 10px 6px 16px
}

.colColors li, .colColorsBlue li, .colColorsOrange li {
	margin:5px 0
}

.colColors a, .colColorsBlue a, .colColorsOrange a {
	color:#f57000

}


/******** titleOnly ********/

h3.onlyTitle {
	min-height:10px;
	color:#48b6cf;
	text-decoration:underline;
	padding: 5px 0 6px 6px
}

/******** questionReponse********/

.questAns {
	margin-bottom:12px
}

.question {
	font-size:12px;
	font-weight:bold;
	color:#48b6cf
}
.answer {
	color:#fff;
	padding-bottom:6px
}

/******** text_zoom********/

.zoom {
	font-size:18px;
	text-align:justify
}

/******** introduction ********/


h2.titleDot {
	font-size:17px;
	font-weight:bold;
	text-align: left
}

/******** frame ********/

.frame,.frameBlue,.colorFrame,.colorFrameBlue {
	float:left;
	position:relative;
	width:298px;
	height:151px;
	margin:15px 15px 0 0;
	_margin:15px 0 0 0;
	border:2px solid  #4d4948;
	_display:inline
}
.frameBlue { border:2px solid  #49b6cf }

h1.titleFrame,.title_colorFrame {
	min-height:20px;
	font-size:15px;
	text-align:center;
	margin-left:10px;
	padding:10px 0 0 0
}

/*.frameBlue h1.titleFrame { background:url(../images/home/bigBlueDot.gif) no-repeat left 5px }*/

.contentFrame {
	margin:10px;
	text-align:center;
}

/******** colorFrame ********/

.colorFrame {
	position:relative;
	color:#ffffff;
	background:#4d4948;
	border:2px solid  #4d4948
}

.colorFrameBlue  {
	border:none;
	color:#ffffff;
	background:#49b6cf;
	border:2px solid  #49b6cf
}

.title_colorFrame { color:#ffffff }

/******** fullText ********/

.fullText {
	width:936px;
	_width:916px;
	min-height:322px;
	padding:20px 0 20px 20px;
	border:2px solid  #a7a7a8
}

.fullText_Content {
	 width:696px;
	_display:inline
}

.cornerPict {
	float:right;
	margin:0 20px 0 0
}

/******** get_inTouch ********/

.contactUs {
	width:280px;
	height:280px;
	margin:20px 0 0 160px
}

h1 .titleTouch {
	min-height:22px;
	margin-bottom:15px;
	font-size:15px;
	font-weight:bold
}

.get_inTouch {
	float:left;
	width:240px;
	height:240px;
	padding:5px 15px 5px 15px;
	border:2px solid #4d4948
}

.img_floatLeft {
	float:left;
	width:141px;
	height:105px;
	margin:2px 20px 0 0;
	background:url(../images/contact/LogoRH2S_small.jpg) no-repeat
}

.contentTouch {
	float:left;
	width:200px;
	height:105px;
	margin-top:10px
}

/****************************** class ******************************/
.content {
	font:12px Tahoma, Geneva, sans-serif;
	line-height:16px;
	margin-left: 40px;
	min-height:140px;
	_height:240px;
	width:550px;
	color:#fff
}



.imageRight { padding: 0 20px 27px 20px }

.clear {
	padding:0;
	margin:0;
	border:0;
	height:1px;
	font-size:1px;
	clear:both;
}

.item_separator25 { height:25px }
.itemSepartor16 {height:16px }