/***** CSS Document édité par www.lpj.ch Switzerland*****/
/*******Couleur Gris fonce = #3E3E3E -- gris clair =#686868   or=#BFA158 ****/
* { 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #B2B2B2; 
margin: 0px; 
padding: 0px;
}
body {
background: url(images/background.gif) top left;
}
a {
color:#BFA158;
text-decoration: none;
}
a:link {
}
a:hover {
color: #B2B2B2;
text-decoration: underline;
}
h2 {
color: #BFA158;
font-size: 12px;
}
h3 {
color: #BFA158;
font-size: 11px;
}
/****************************/
#header, #content, #footer {
width: 810px;
margin: 0 auto;
padding: 0px;
text-align: center;

}
/***header****/
#header {
margin-top: 5px;
background:#3E3E3E url(images/background_top.gif) no-repeat top left;
padding-top: 5px;
height: 403px;
}
#headerLeft {
float: left;
width: 135px;
height: 403px;
/*background:#3E3E3E url(images/backTraitMenu.gif) no-repeat bottom left;*/
background:#3E3E3E url(images/backround_left.gif) repeat-y top left;
padding-left: 5px;

}
#headerLeft #hedearLeftHaut {
position: relative;
width: 135px;
height: 159px;
background: #3E3E3E url(images/headerHaut.gif) no-repeat top right;
}
#menuT {
position:absolute;
width: 100px;
top: 23px;
left: 27px;
}
#menuT a {
letter-spacing: 2px;
font-size: 9px;
font-weight: bold;
color:#B2B2B2;
text-decoration: none;
}
#menuT a:link {
}
#menuT a:hover {
color: #BFA158;
}
#menuA {
position:absolute;
width: 90px;
top: 50px;
right: 30px;
background-color: #3e3e3e;
}

/****************************/
#headerLeft #headerLeftMenu {
width: 135px;
}
#headerRight {
float: right;
width: 665px;
height: 403px;
background:#3E3E3E url(images/background_right.gif) repeat-y top right;
padding-right: 5px;
}

#headerRightLeft {
float: left;
width: 110px;
height: 403px;
}
#headerRightLeftTop {
width: 110px;
height: 259px;
background: url(images/headerLeftTop.gif) no-repeat top left;
}
#headerRightLeftBottom {
width: 110px;
height: 144px;
background: url(images/headerLeftBottom.gif) no-repeat top left;
margin: 0 auto;
text-align: center;
}
#headerRightLeftBottom #menu2 {
margin: 0 auto;
text-align: center;
margin-top: 8px;
}
#menu2 a {
letter-spacing: 2px;
font-size: 8px;
color: #CCCCCC;
text-decoration: none;
}
#menu2 a:link {
}
#menu2 a:hover {
color: #BFA158;
}
#menu2 .contact {
padding-top: 2px;
padding-bottom: 3px;}
/**************/
#headerRightRight {
float: left;
width: 555px;
height: 403px;
}
/***content***/
#content {
background:#3E3E3E url(images/backround_left.gif) repeat-y top left;
}
/*#contentLeft {
float: left;
width: 25px;
height: 180px;
background: url(images/backTraitLeft.gif) repeat-y top right;
padding-left: 5px;
}*/
#contentRight {
float: right;
width: 800px;
background: url(images/background_right.gif) repeat-y top right;
padding-right: 5px;
}
#contentRight2 {
float: left;
width: 800px;
background: url(images/backTraitLeft.gif) repeat-y top left;
}
#content1 {
position: absolute;
top: 402px;
left: 23px;
width: 113px;
height: 5px;
background:  url(images/traitHoriz.gif) repeat-x top left;
}

#content2 {
float: right;
width: 776px;
background:  url(images/backTraiRight.gif) repeat-y top right;
}
/**************************************BLOG****************/
#content .blog1 {
float: left;
margin: 0 auto;
width: 112px;
height: 170px;
}
#content .blog2 {
float: left;
margin: 0 auto;
width: 560px;
padding: 15px 20px;
text-align: justify;
}

#news {
margin: 0 auto;
margin-top: 5px;
border: 1px solid #686868;
width: 100px;
}
#newsTop {
background: url(images/headerNews.gif) no-repeat top center;
width: 100px;
height: 26px;
color: #B2B2B2;
}
#newsContent {
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
width: 95px;
text-align: left;
color: #B2B2B2;
font-size: 9px;
font-weight: normal;
}
#content3 {
float: right;
width: 289px;
height: 120px;
}
/****************/
#footer {
height: 15px;
background: url(images/background_bottom.gif) no-repeat top center;
}
#footerTitle {
float: right;
width: 150px;
text-align: right;
font-size: 9px;
padding: 7px 5px 0px 0px;
}
#footerTitle a {
color: #B2B2B2;
font-size: 9px; 
}
/*********************/
.clear {clear: both;
}
/*********************/
.display {
display: none;
}
/*****End CSS******/
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#3E3E3E;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}
#closeButton{ top: 5px; right: 5px;
}

#lightboxCaption{ float: left;
}

#keyboardMsg{ float: right;
}

#lightbox img{ border: none;
}

#overlay img{ border: none;
}

#overlay{ background-image: url(images/overlay.png);
}
* html #overlay{ /*Hack IE */
    background-color: #ccc;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/