/***** CSS Document édité par Philippe Jarlet lpj.ch Switzerland*****/
/*couleur : texte=003A61    jaune hover=fcc613  marron=cc6600
JAUNE TEST =FDC711 */
* { 
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif;
color: #003a61; 
margin: 0 auto; 
padding: 0px;
}
body { 
background: #003a61 url(imgSite/flammeFond.jpg) top left;
}
a { font-size: 11px;
text-decoration: none; 
color: #cc6600; 
}
a:link, a visited {
color: #cc6600; 
font-weight: normal;
}
a:hover { 
color: #003A61;
text-decoration: underline; 
}
h1 {
font-size: 11px;
color: #cc6600;
font-weight: bold;
}
h2 {
font-size: 16px;
color: #cc6600;
font-weight: bold;
}
h3 {
font-size: 14px;
color: #003A61;
font-weight: bold;
}
/*********/
#header, #content, #footer {
width: 800px;
margin: 0 auto;
padding: 0px;
}
/************************************HEADER***************/
#header {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	height: 100px;
	margin-top: 10px;
/*background: url(imgSite/headerIndex2.gif) no-repeat top left;*/
}
/**********************************CONTENT****************/
#content {
margin: 0 auto; 
padding: 0px;
text-align: center;
background: url(imgSite/BackContent.gif) repeat-y top center;
}
/*************************************contentLeft**********************/
#contentLeft {
float: left;
margin: 0 auto; 
padding: 0px;
width: 126px;
text-align:left;
}
.blockLeft {
width: 126px;
margin-bottom: 3px;
background: url(imgSite/BackLeft.gif) repeat-y top left;
}
.blockLeft .menuLeft .imageLeft {
width: 120px;
border: 1px solid #cc6600;
text-align:left;
margin: 0 auto; 
padding: 0px;
}
.blockLeft .menuLeft {
margin: 0 auto;
padding: 0px;
text-align: left;
}
.blockLeft .menuLeft h1 {
padding: 5px 0px 3px 0px;
}
.blockLeft .menuLeft td {
padding-top: 1px;
padding-bottom: 2px;
}
.blockLeft .menuLeft td.top {
padding-top: 10px;
padding-bottom: 2px;
}
.blockLeft .menuLeft a {
font-size: 10px;
color: #003A61;
text-decoration: none;
margin-left: 5px;
font-weight: bold;
}
.blockLeft .menuLeft a:link, .blockLeft .menuLeft a:visited {
color: #003A61;
text-decoration: none;
margin-left: 10px;
}
.blockLeft .menuLeft a:hover {
color: #cc6600;
text-decoration: none;
margin-left: 10px;
}
.blockLeft .menuLeft .imageLeft {
width: 110px;
border: 1px solid #cc6600;
padding: 0px;
margin: 0px;
}
/********************************contentCenter********************/
#contentCenter {
float: left;
width: 425px;
margin-left: 17px;
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
}
#contentCenter .imgProduit {
float: right;
width: 106px;
border: #cc6600 1px solid; 
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}
#contentCenter a {
font-size: 11px;
color: #cc6600;
text-decoration: none;
}
#contentCenter a:link, #contentCenter a:visited {
color: #cc6600;
text-decoration: none;
}
#contentCenter a:hover {
color: #003A61;
text-decoration: underline;
}

.blockContent {
width: 412px;
height: 56px;
border: 2px solid #4d7691;
}
.blockContentLeft {
float: left;
width: 190px;
height: 50px;
padding: 3px;
border-right: 2px solid #4d7691;
}
.blockContentRight {
float: right;
width: 208px;
height: 50px;
padding: 3px;
}
.blockContentBottom {
width: 412px;
height: 56px;
border: 2px solid #4d7691;
border-top: none;
margin-bottom: 20px;
}
/**********************************contentRight*******************/
#contentRight {
float: right;
width: 216px;
margin:0 auto; 
padding: 0px;
text-align:left;
}
.blockRight {
width: 216px;
margin-bottom: 3px;
text-align:left;
background: url(imgSite/BackRight.gif) repeat-y top right;
}
.blockRight .imgRight {
width: 200px;
}
.blockRight .menuRight {
margin:0 auto;
padding: 0px;
text-align: left;
}
.blockRight .menuRight h1 {
padding: 5px 0px 3px 0px;
}
.blockRight .menuRight td {
padding-top: 1px;
padding-bottom: 2px;
}
.blockRight .menuRight td.top {
padding-top: 25px;
padding-bottom: 2px;
}
.blockRight .menuRight a {
font-size: 10px;
font-weight: bold;
color: #003A61;
text-decoration: none;
margin-left: 5px;
}
.blockRight .menuRight a:link, .blockRight .menuRight a:visited {
color: #003A61;
text-decoration: none;
margin-left: 10px;
}
.blockRight .menuRight a:hover {
color: #cc6600;
text-decoration: none;
margin-left: 10px;
}
/****/
/************FOOTER*********************/
#footer {
height: 66px;
background:url(imgSite/footer.gif) no-repeat top center;
 filter:alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}
#footer p {
padding-top: 37px;
margin-left: 60px;
color: #FFFFFF
}
#footer a {
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: none;
}
#footer a:hover {
color: #cc6600;
text-decoration: none;
}
/*********************/
.pointer {cursor: pointer;
}
/*********************/
.clear {clear: both;
}
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    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: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
/***********/
.overlibpj {
background-color: #003300;
 border-collapse:collapse;
 filter:alpha(opacity=90);
 -moz-opacity:.90;
 opacity:.90;
 z-index: -3000;
 text-align: left;
 margin-left: 15px;
}