﻿* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	background-color: #026f99;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#wrapper {
	width: 820px;
	background: #EFF3FF url('bg2.jpg') repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrapper {
	width: 780px;
	margin: 0px auto;
	padding: 0;
}
#header {
	background-position: center top;
	position: relative;
	height: 121px;
	background: #CCCCCC url('header2.jpg') no-repeat center top;
	padding: 0;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 820px;
}
#main {
	float: left;
	width: 530px;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin: 10px 0pt 0pt 10pt;
}
#main p, #sidebar p {
	text-align: left;
}
#maincontact {
	float: left;
	width: 500px;
	height: 500px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 5px;
	display: inline;
	background: url("box.jpg") no-repeat;
}
#mainhire {
	float: left;
	width: 400px;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 20px;
	display: inline;
}
#mainscreens {
	float: left;
	width: 430px;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 20px;
	display: inline;
}
#mainlights {
	float: left;
	width: 360px;
	padding: 0px 0 0 0;
	margin: 0px 0px 0px 20px;
	display: inline;
}


#fullcontent {
	float: left;
	width: 780px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#fullcontent2 {
	float: left;
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	display: inline;
}
#facebook {
	float: left;
	width: 770px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	display: inline;
	height: 500px;
}
#fullcontent3 {
	float: left;
	width: 592px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
	text-align: left;
	vertical-align: top;
}
#fullcontent3 p, #fullcontent3 h1, #fullcontent3 h2, #fullcontent3 h3, #fullcontent3 ol, #fullcontent3 ul, #fullcontent3 li {
	margin: 10px 0pt 0pt 10pt;
}
#fullcontent4 {
	float: left;
	width: 592px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
	text-align: left;
	vertical-align: top;
}
#fullcontent4 p, #fullcontent4 h1, #fullcontent4 h2, #fullcontent4 h3, #fullcontent4 ol, #fullcontent4 ul, #fullcontent4 form {
	margin: 10px 0pt 0pt 10pt;
}
#fullcontent5 {
	float: left;
	width: 730px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	display: inline;
	text-align: left;
	vertical-align: top;
}
#fullcontent5 p, #fullcontent5 h1, #fullcontent5 h2, #fullcontent5 h3, #fullcontent5 ol, #fullcontent5 ul, #fullcontent5 li {
	margin: 10px 0pt 0pt 10pt;
}
#box1 {
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #0c6286;
}
#box2 {
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#box3 {
	float: left;
	width: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
	border-right-style: solid;
	border-right-width: thin;
	border-right-color: #0c6286;
}
#box4 {
	float: left;
	width: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#box3 p {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
#box4 p {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
#box5 {
	float: left;
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#box5 p  {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#box5 ul li {
	
	list-style-type: disc;
	list-style-position: inside;
}

#box5 h2  {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0c6286;

}


#box6 {
	float: left;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	display: inline;
}
#box6 p {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#fullcontent p, #fullcontent h1, #fullcontent h2, #fullcontent h3, #fullcontent ol, #fullcontent ul, #fullcontent form {
	margin: 10px 0pt 0pt 10pt;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #e66718;
	letter-spacing: 3px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #909090;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 5px;
}
#main img {
	border: 1px solid #CCC;
	padding: 5px;
}
a, a:visited {
	color: #FD7719;
	text-decoration: none;
}
a:hover {
	color: #909090;
	text-decoration: underline;
}
#sidebar {
	float: right;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-right: 12px;
}
#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333 padding-top: 10px;
}
#sidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 10px;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px;
	padding: 0;
	text-decoration: none;
	border-top: 1px solid #d1d5e1;
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;
	color: #777;
	border-bottom: 1px solid #d1d5e1;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;
	color: #202020;
}
#sidebar ul.sidemenu li a:hover {
	color: #FD7719;
}
#sidebar ul.sidemenu ul {
	margin: 0 0 0 5px;
	padding: 0;
}
#sidebar ul.sidemenu ul li {
	border: none;
}
#sidebar2 {
	float: left;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-right: 0px;
}
#sidebar2  h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 5px;
	padding-left: 5px;
}

#sidebar3 {
	float: right;
	width: 310px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-right: 12px;
}
#sidebar3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333 padding-top: 10px;
}
#sidebar3 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 10px;
}

#sidebar3 ul
{
  margin-left: 0;
  padding-left: 16px;
}

#sidebar4 {
	float: right;
	width: 310px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-right: 12px;
}
#sidebar4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333 padding-top: 10px;
}
#sidebar4 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 10px;
}

#sidebar5 {
	float: right;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	margin-right: 12px;
}
#sidebar5 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333 padding-top: 10px;
}
#sidebar5 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0c6286;
	padding-top: 10px;
}


.glossymenu {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 170px;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
}
.glossymenu li a {
	background-position: left bottom;
	background: white url('../images/glossyback2.gif') repeat-x left bottom;
	font: bold 9pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none;
}
* html .glossymenu li a {
	/*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}
.glossymenu li a:visited, .glossymenu li a:active {
	color: white;
}
.glossymenu li a:hover {
	background-image: url('../images/glossyback.gif');
}
#footer {
	color: #0c6286;
	background: #EFF3FF url("footer.jpg?z=94610") no-repeat center top;
	clear: both;
	width: 820px;
	height: 80px;
	text-align: center;
	font-size: 8pt;
}
#footer p {
	padding: 10px 0;
	margin: 0;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.clear {
	clear: both;
}
a, a:visited {
	text-decoration: none;
	background: inherit;
	color: #FD7719;
}
a:hover {
	text-decoration: underline;
	background: inherit;
	color: #909090;
}
img {
	padding: 0;
	margin: 20px 10px 10px 10px;
	border: 0px solid #DFDFDF;
}
img.my_img1 {
	float: left;
	margin: 0px 3px 0px 5px;
	border: 0px solid #DFDFDF;
}
img.my_img2 {
	margin: 0px 3px 0px 5px;
	border: 0px solid #00FFFF;
	
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* extended styles */
.layout {
	margin: 0;
}
.bloc-txt, .bloc-txt-txt, .bloc-img-txt, .bloc-txt-img, .bloc-img {
	margin: 0;
	padding: 0 5px 0 5px;
	clear: both;
}
.bloc-txt-txt .richtext, .bloc-img-txt .richtext, .bloc-img-txt .image, .bloc-txt-img .richtext, .bloc-txt-img .image {
	margin: 0;
	width: 48%;
	float: left;
}
.bloc-sep {
	width: 20px;
	margin: 0;
	padding: 0;
	float: left;
}

table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}


td {
		padding: 0 0.5em;
	}
	div.thumbnail {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#textinteractive {
	float: left;
	width: 730px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	text-align: left;
	vertical-align: top;
}
#textinteractive p, #textinteractive h1, #textinteractive h2, #textinteractive h3, #textinteractive ol, #textinteractive ul, #textinteractive li {
	margin: 0px 0pt 0pt 0pt;
}


