body {
margin : 0;
padding : 0;
background : #fff url(page_bg.gif) repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #333;
text-align : center;
}
div {
position : relative;
margin : 0;
padding : 0;
text-align : left;
}
a {
outline: none;
color : #999;
text-decoration : none;
}
a:hover {
color : #000;
}
h1, h2, h3, h4, h5, h6 {
font-family : "Trebuchet MS", Tahoma, sans-serif;
font-weight : normal;
color : #666;
margin : 0;
padding : 0;
}
h1 {
font-size : 220%;
color : #fc0;
}
h2 {
font-size : 170%;
color : #333;
}
h3 {
font-size : 130%;
color : #8a1b0c;
}
h4 {
font-size : 120%;
}
h5 {
font-size : 110%;
}
h6 {
font-size : 100%;
}
ul {
list-style : none;
}
ul.small-list, ul.medium-list {
list-style : square;
}
ul.small-list li {
font-size : 8pt;
color : #333;
}
ul.medium-list li {
margin-bottom : 8px;
color : #333;
text-align : left;
}
label {
padding : 2px 5px 0 0;
text-align : right;
width : 200px;
float : left;
}
input {
width : 200px;
}
input.button {
width : 80px;
}
em {
color : #8a1b0c;
}
br {
clear : both;
}
hr {
margin : 0;
padding : 0;
height : 1px;
border : 1px solid #ccc;
}
#content {
margin : 0 auto;
padding : 0;
width : 980px;
text-align : center;
}
#header {
background : transparent url(bandeau.jpg) no-repeat;
margin : 0 auto;
width : 940px;
height : 150px;
}
#header h1 {
display : none;
position : absolute;
top : 0;
left : 0;
margin-top : 30px;
margin-left : 400px;
text-align : left;
}
#header h2 {
position : absolute;
top : 0;
left : 0;
margin-top : 35px;
margin-left : 400px;
text-align : left;
color : #fff;
}
#header h1#logo {
display : block;
position : absolute;
top : 10px;
left : 0;
margin : 0;
padding : 0;
width : 60px;
height : 60px;
text-align : center;
}
#header h1#logo img {
border : 0;
}
#main {
padding : 0 20px;
padding-top : 20px;
float : left;
width : 620px;
}
.home #main {
float : none;
padding : 0;
margin : 0 auto;
width : 960px;
}
#main p {
text-align : justify;
}
#main h3 a {
color : #8a1b0c;
}
#main h3 a:hover {
color : #000;
}
#menu {
position : absolute;
top : 0;
left : 0;
margin-top : 100px;
width : 100%;
text-align : center;
}
#menu ul {
width : 860px;
height : 30px;
margin : 0 auto;
padding-left : 80px;
}
* html #menu ul {
width : 940px;
}
#menu li {
float : left;
margin : 0;
padding : 0;
}
#menu li a {
padding : 0 20px 0 10px;
height : 30px;
line-height : 30px;
display : block;
color : #fff;
font-size : 10pt;
}
#menu li a.current, #menu li a:hover {
color : #333;
background : #fff url(menu_bg.gif) no-repeat 100% 0;
}
#sidebar {
float : right;
margin : 0 10px;
padding : 10px;
padding-top : 30px;
width : 220px;
background : #cee0de url(sidebar_top.jpg) repeat-x;
}
#sidebar h3 {
margin-top : 10px;
margin-bottom : 0;
padding-left : 20px;
}
#sidebar h3 a {
color : #8a1b0c;
}
#sidebar h3 a:hover {
color : #000;
}
#sidebar h4 {
margin : 0;
padding : 0;
}
#sidebar h4 a {
height : 30px;
line-height : 30px;
padding-left : 20px;
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
color : #333;
border-bottom : 1px solid #fff;
}
#sidebar h4 a:hover {
color : #000;
}
#sidebar h4 a.current {
color : #999;
}
#sidebar h4 span {
display : none;
font-weight : normal;
font-size : 8pt;
font-family : Arial, Helvetica, sans-serif;
color : #666;
}
#sidebar ul {
margin : 0;
padding : 0;
}
#sidebar ul li ul li {
margin : 0;
padding : 0;
height : 30px;
display : block;
}
.home #sidebar {
float : none;
margin : 0 auto;
margin-top : 10px;
padding : 0;
width : 980px;
height : 240px;
background : #fff url(sidebar_bg.png) no-repeat 20px 0;
}
.home #sidebar .clear {
clear : none;
display : none;
}
.home #sidebar div {
width : 100%;
}
.home #sidebar ul {
float : left;
margin : 0 10px;
padding-left : 80px;
width : 380px;
height : 220px;
}
.home #sidebar ul li ul {
float : none;
display : block;
background : none;
margin : 10px 0;
padding : 0;
}
.home #sidebar ul li ul li {
height : 36px;
}
.home #sidebar h4 a {
height : 36px;
line-height : 36px;
margin-left : 120px;
padding-left : 50px;
display : block;
font-weight : bold;
font-size : 9pt;
color : #666;
border : 0;
}
.home #sidebar h4 a:hover {
color : #000;
}
.armaphoto {
background : url(icon_armaphoto.gif) no-repeat 4px 2px;
}
.armavideo {
background : url(icon_armavideo.gif) no-repeat 4px 2px;
}
.armadoc {
background : url(icon_armadoc.gif) no-repeat 4px 2px;
}
.armamuseum {
background : url(icon_armamuseum.gif) no-repeat 4px 2px;
}
.armahealth {
background : url(icon_armahealth.gif) no-repeat 4px 2px;
}
.home #sidebar h4 a.armaportal {
position : absolute;
padding : 0;
margin : 0;
top : 80px;
left : 80px;
width : 80px;
height : 80px;
display : block;
overflow : hidden;
text-indent : -1000px;
background : url(icon_armaportal.png) no-repeat 0 0;
}
.home #sidebar h4 a.armaportal:hover {
background-position : 0 -80px;
}
.armaaudit {
background : url(icon_armaaudit.gif) no-repeat 4px 2px;
}
.armaingen {
background : url(icon_armaingen.gif) no-repeat 4px 2px;
}
.armaweb {
background : url(icon_armaweb.gif) no-repeat 4px 2px;
}
.armahost {
background : url(icon_armahost.gif) no-repeat 4px 2px;
}
.armatech {
background : url(icon_armatech.gif) no-repeat 4px 2px;
}
.armaphoto:hover,
.armavideo:hover,
.armadoc:hover,
.armamuseum:hover,
.armahealth:hover,
.armaaudit:hover,
.armaingen:hover,
.armaweb:hover,
.armahost:hover,
.armatech:hover {
background-position : 4px -32px;
}
#sidebarscreen {
float : right;
margin : 0 10px;
padding : 10px;
width : 220px;
background : #cee0de;
}
#english {
position : absolute;
top : 120px;
left : 810px;
height : 30px;
line-height : 30px;
text-align : left;
font-size : 7pt;
}
#english a {
font-size : 9px;
color : #fff;
}
#changelang {
position : absolute;
top : 10px;
right : 0;
z-index : 100;
}
#changelang img {
border : 0;
}
#language {
display : none;
}
#language label {
padding : 0 5px 0 0;
width : auto;
}
#language select {
font-size : 7pt;
color : #333;
}
#language input {
width : 30px;
}
#footer {
clear : both;
padding : 10px 0;
margin : 0;
width : 100%;
text-align : center;
font-size : 7pt;
color : #999;
}
#footer a:hover {
color : #000;
}
#main .line {
padding-top : 10px;
}
.home #main .line {
padding : 10px;
width : 220px;
float : left;
}
.home #main .line p {
font-size : 9pt;
}
.home #main .about h3 {
height : 80px;
background : url(ban_about.png) no-repeat 0 30px;
}
.home #main .references h3 {
height : 80px;
background : url(ban_references.png) no-repeat 0 30px;
}
.home #main .products h3 {
height : 80px;
background : url(ban_products.png) no-repeat 0 30px;
}
.home #main .expertise h3 {
height : 80px;
background : url(ban_expertise.png) no-repeat 0 30px;
}
.apercu {
display : block;
padding : 25px 0 0 20px;
}
.apercu img {
border : 1px solid #8a1b0c;
width : 158px;
}
.clear {
clear : both;
}
.code {
color : #8a1b0c;
font-style : italic;
}
.margin-form {
margin-left : 205px;
}
.grey-font {
color : #666;
}
.red-font {
color : #8a1b0c;
}
.orange-font {
color : #fc0;
}
.more {
padding-left : 15px;
background : #fff url(more_bg.gif) no-repeat 0 2px;
}
#divpopupcover {
background : #000;
}
#hdivpopupcover div {
background : #fff;
overflow: visible;
}
#hdivpopupcover div.divpopupwin {
background : #fff url(ajax-loader.gif) no-repeat 50% 50%;
text-align : center;
}
#hdivpopupcover a.divpopuplink {
width: 20px;
height: 20px;
display: block;
overflow: hidden;
text-indent: -200px;
background: #ccc url(closediv.gif) no-repeat;
}
#newsletter {
position : absolute;
top : 0;
right : 0;
margin-top : 100px;
margin-right: 20px;
width : 220px;
height: 60px;
font-size: 9pt;
color: #7b180b;
background: #7b180b url(newsletter_bg.png) 0 0 no-repeat;
}
#newsletter form {
margin: 0;
padding: 0;
}
#newsletter p {
margin: 6px 10px;
}
#newsletter label {
text-align: left;
font-size: 10pt;
color: #7b180b;
display: block;
}
#newsletter input {
margin: 0;
width: 150px;
display: inline;
color: #a6c9c5;
}
#newsletter input.selected {
color: #333;
}
#newsletter input.button {
padding: 4px 0;
width: 44px;
cursor: pointer;
overflow: visible;
border: 0;
background: transparent url(newsletter_button.png) 100% 0 no-repeat;
color: #fff;
font-size: 8pt;
}
*+html #newsletter input.button {
padding: 2px 0;
}
.newsletter
{
  clear: both;
  margin-left: 80px;
  margin-bottom: 80px;
}
.newsletter img
{
  float: right;
  margin-right: -80px;
  border: 0;
}
.newsletter ul
{
  margin: 0;
  padding: 0;
}
.newsletter ul li
{
  margin: 10px 0;
}
.newsletter ul li ul li
{
  margin-left: 15px;
}