body {
background-image : url(../img/bg.gif);
}
#mainbg_fr_ {
position : relative;
margin : 0 auto;
background-image : url(../img/bg_fr.jpg);
background-repeat : no-repeat;
width : 766px;
height : 650px;
}
#mainbg_en_ {
position : relative;
margin : 0 auto;
background-image : url(../img/bg_en.jpg);
background-repeat : no-repeat;
width : 766px;
height : 650px;
}
.main-nav {
position : absolute;
top : 134px;
left : 40px;
z-index : 999;
}
.main-nav div {
background : url(../images/main-nav-bg.png) no-repeat;
width : 167px;
height : 181px;
overflow : hidden;
}
.main-nav div ul {
margin : 21px 21px 0 23px;
padding : 0;
font : small-caps bold 12px/14px Verdana, Arial, sans-serif;
}
.main-nav div ul li {
list-style : none;
text-align : right;
background : url(../images/dotted-line.gif) repeat-x 0 100%;
padding : 6px 0 2px;
}
.main-nav div ul li.last {
background : none;
}
.main-nav div ul li a {
color : #fff;
text-decoration : none;
text-transform : uppercase;
padding : 0 3px 0 0;
position : relative;
}
.main-nav div ul li a:hover {
color : #eedbc6;
}
.main-image-box {
background : url(../img/main-image-box.png) no-repeat;
width : 528px;
height : 208px;
margin : 91px 0 0 187px;
padding : 17px 0 0 18px;
float : left;
display : inline;
position : relative;
z-index : 10;
}
#ico-contaner {
position : absolute;
padding : 0;
display : inline;
width : 45px;
z-index : 11;
left : 713px;
top : 95px;
}
.ico-nav {
margin : 45px 0 0 -25px;
padding : 0;
display : inline;
width : 45px;
z-index : 11;
}
.ico-nav li {
list-style : none;
float : left;
}
.ico-nav li a {
text-indent : -9999px;
display : block;
position : relative;
cursor : pointer;
}
.item-sitemap {
background : url(../img/item-site-map-bg.png) no-repeat;
width : 45px;
height : 51px;
}
.item-sitemap-en {
background : url(../img/item-site-map-bg.png) no-repeat;
width : 45px;
height : 51px;
}
.item-home {
background : url(../img/item-home-bg.png) no-repeat;
width : 37px;
height : 54px;
margin : -23px 0 0;
}
.item-contact {
background : url(../img/item-contact-bg.png) no-repeat;
width : 42px;
height : 50px;
margin : -20px 0 0;
}
.item-sitemap a {
background : url(../img/ico-site-map.gif) no-repeat;
width : 27px;
height : 18px;
margin : 16px 0 0 6px;
}
.item-sitemap-en a {
background : url(../img/ico-site-map_en.gif) no-repeat;
width : 27px;
height : 18px;
margin : 16px 0 0 6px;
}
.item-home a {
background : url(../img/ico-home.gif) no-repeat;
width : 13px;
height : 13px;
margin : 20px 0 0 7px;
}
.item-contact a {
background : url(../img/ico-contact.gif) no-repeat;
width : 14px;
height : 10px;
margin : 18px 0 0 9px;
}
a {
color : #f3e3c7;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #ffffff;
}
.nav {
font : small-caps bold 10px Verdana, Arial, sans-serif;
color : #ffffff;
text-decoration : none;
}
.nav a {
color : #ffffff;
text-decoration : none;
}
.nav a:hover {
text-decoration : none;
color : #f3e3c7;
}
.boxblue {
font : bold 12px Verdana, Arial, sans-serif;
color : #ffffff;
}
.boxblue h2 {
font : small-caps bold 12px Verdana, Arial, sans-serif;
color : #ffffff;
}
.boxblue_sm {
font : 10px Verdana, Arial, sans-serif;
color : #ffffff;
}
.newsletter-box {
margin : 0;
padding : 10px 0 15px;
color : #fff;
font : bold 10px Verdana, Arial, sans-serif;
font-variant : small-caps;
position : relative;
}
.button {
display : block;
position : static;
background : url(../img/blue-button.gif) no-repeat;
width : 83px;
height : 15px;
padding : 0 0 0 8px;
font : bold 10px Verdana, Arial, sans-serif;
margin : 10px 0 0 30px;
}
.buttongreen {
display : block;
position : static;
background : url(../img/green-button.gif) no-repeat;
width : 96px;
height : 17px;
padding : 0 0 0 8px;
font : bold 10px Verdana, Arial, sans-serif;
margin : 17px 0 0 30px;
}
.style1 {
color : #0e2b89;
}
.boxbeige2 {
font : 10px Verdana, Arial, sans-serif;
color : #999999;
overflow : scroll;
}
.boxbeige {
font : 10px Verdana, Arial, sans-serif;
color : #999999;
}
.boxbeige h2 {
font : small-caps bold 12px Verdana, Arial, sans-serif;
color : #00228a;
}
.boxbeige2 h2 {
font : small-caps bold 12px Verdana, Arial, sans-serif;
color : #00228a;
}
.boxgrey {
font : 11px Verdana, Arial, sans-serif;
color : #666666;
}
.boxgreen {
font : bold 10px Verdana, Arial, sans-serif;
color : #ffffff;
}
.boxgreen h2 {
font : bold 12px Verdana, Arial, sans-serif;
}
#main-plain {
position : absolute;
width : 594px;
height : 239px;
left : 47px;
top : 331px;
overflow : visible;
}
#main-text {
position : absolute;
width : 588px;
height : 218px;
left : 54px;
top : 340px;
overflow : scroll;
}
#beige-transparent {
position : absolute;
width : 182px;
height : 196px;
top : -36px;
padding : 20px 20px 20px 20px;
left : -15px;
}
#beige-transparent2 {
position : absolute;
width : 160px;
height : 188px;
top : 1px;
padding : 20px 20px 20px 20px;
left : -1px;
overflow : scroll;
}
#blue-square {
position : absolute;
width : 232px;
height : 204px;
background-image : url(../img/bluesqu.png);
background-repeat : no-repeat;
left : 198px;
top : -82px;
padding : 20px 20px 20px 20px;
}
.alex {
float : right;
background-image : url(../img/woman.gif);
width : 67px;
height : 203px;
}
.alex2 {
float : right;
background-image : url(../img/woman2.gif);
background-repeat : no-repeat;
width : 80px;
height : 110px;
margin : 2px 2px 2px 2px;
}
#whitebig {
position : absolute;
width : 425px;
height : 203px;
background-image : url(../img/whitebig.png);
background-repeat : no-repeat;
left : 198px;
top : -82px;
padding : 20px 20px 20px 20px;
}
#greenbig {
position : absolute;
width : 425px;
height : 200px;
background-image : url(../img/greenbig.png);
background-repeat : no-repeat;
left : 198px;
top : -82px;
padding : 20px 20px 20px 20px;
}
#greensuplong {
position : absolute;
background-image : url(../img/greensuplong.png);
background-repeat : no-repeat;
width : 415px;
height : 208px;
left : 200px;
top : 100px;
padding : 60px 20px 20px 20px;
}
#bluelong {
position : absolute;
background-image : url(../img/bluelong.png);
background-repeat : no-repeat;
width : 421px;
height : 208px;
left : 200px;
top : 100px;
padding : 60px 20px 20px 20px;
}
#greenlong {
position : absolute;
background-image : url(../img/greenlong.png);
background-repeat : no-repeat;
width : 233px;
height : 88px;
left : 202px;
top : 100px;
padding : 60px 20px 20px 20px;
}
#bluetall {
position : absolute;
width : 234px;
height : 313px;
background-image : url(../img/bluetall.png);
background-repeat : no-repeat;
left : 198px;
top : -92px;
padding : 20px 20px 20px 20px;
}
#greysm1 {
position : absolute;
width : 155px;
height : 117px;
background-image : url(../img/greysm.png);
background-repeat : no-repeat;
left : 470px;
top : -50px;
padding : 20px 20px 20px 20px;
}
#greycontact {
position : absolute;
width : 219px;
height : 274px;
background-image : url(../img/greycontact.png);
background-repeat : no-repeat;
left : 470px;
top : -50px;
padding : 20px 20px 20px 20px;
}
.envelope {
position : absolute;
background-image : url(../img/ico-mail.png);
width : 71px;
height : 76px;
left : -23px;
top : -13px;
}
.question {
position : absolute;
background-image : url(../img/question.png);
width : 71px;
height : 76px;
left : -23px;
top : -13px;
}
#greylong {
position : absolute;
width : 151px;
height : 275px;
background-image : url(../img/tallgrey.png);
background-repeat : no-repeat;
left : 470px;
top : -50px;
padding : 20px 20px 20px 20px;
}
.archives {
position : absolute;
background : url(../img/archives-button.png) no-repeat;
width : 26px;
height : 88px;
z-index : 99;
left : 187px;
top : 58px;
}
#titles {
position : absolute;
width : 562px;
height : 20px;
top : 312px;
padding : 5px 5px 5px 5px;
left : 47px;
}
#greysm2 {
position : absolute;
width : 157px;
height : 132px;
background-image : url(../img/greysm2.png);
background-repeat : no-repeat;
left : 470px;
top : 100px;
padding : 20px 20px 20px 20px;
}
#footer {
position : absolute;
width : 753px;
height : 20px;
left : 5px;
top : 610px;
overflow : visible;
visibility : visible;
}
.footer {
font : 11px Verdana, Arial, sans-serif;
color : #666666;
text-decoration : none;
}
.style2 {
color : #ffffff;
}
.style4 {
color : #666666;
}