/* CATALOG */
.brandCell { padding: 10px; font-weight: bold; font-size: 13px; color: rgb(255, 255, 255); background-color: rgb(111, 123, 142); }
.productCell { margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ccc; }
.productPicture { vertical-align: top; width: 75px; }
.productTitle { font-family: arial; font-weight: bold; color: #000; font-size: 16px; padding-left: 10px; padding-bottom: 4px; vertical-align: top; height: 20px; text-decoration: underline; }
.productDescription { font-family: arial; color: #000; font-size: 12px; padding-left: 10px; vertical-align: top; }
.productActions { padding-left: 10px; vertical-align: bottom; }
.tool3:visited, .tool3:active, .tool3:link { font-weight: bold; text-decoration: underline; font-family: verdana; font-size: 12px; color: #003662; }
.tool3:hover { color: black; }
.tool2 { font-family: verdana; font-size: 11px; color: black; display: block; float: left; border-right: 1px solid #ccc; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
.tool1:active, .tool1:link, .tool1:visited { font-family: verdana; font-size: 11px; color: #003662; display: block; float: left; border-right: 1px solid #ccc; padding-right: 6px;  padding-top: 2px; padding-bottom: 2px; }
.tool1 { font-family: verdana; font-size: 11px; color: black; display: block; float: left; border-right: 1px solid #ccc; padding-right: 6px;  padding-top: 2px; padding-bottom: 2px; }

/* LIGHTBOX EFFECTS */
#lightbox {	background-color:#FFFFFF; padding: 45px; padding-bottom: 45px; border-bottom: 2px solid #666; border-right: 2px solid #666; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption { float: center; }
#keyboardMsg { float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); }

/* PHOTO ALBUM */
.photoSectionTitle { font-size: 16px; font-family: verdana; font-weight: bold; color: #aaa; text-align: center; }
div.float { float: left; padding-right: 12px; padding-bottom: 0px; }  
div.float p { text-align: center; padding: 0px; padding-bottom: 10px; margin: 0px; }  


/* AUXILIARY MENU */
ul#genericMenusAuxiliary
{
 margin: 0px;
 margin-bottom: 5px;
 margin-top: 2px;
 padding: 0px; 
 white-space: nowrap;
 height: 20px;
 line-height: 20px;
}

#genericMenusAuxiliary li 
{
 padding-left: 3px;
 display: inline;
 list-style-type: none; 
}

#genericMenusAuxiliary a 
{ 
 margin: 0px;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 1px;
 padding-bottom: 1px;
 border: 1px solid #CDD0D6;
}

#genericMenusAuxiliary a:link, #genericMenusAuxiliary a:visited, #genericMenusAuxiliary a:active
{
 font-weight: bold;
 font-family: arial;
 font-size: 10px;
 color: #3f3f3f;
 background-color: #FFF;
 text-decoration: none;
}

#genericMenusAuxiliary a:hover
{
 color: #636467;
 background-color: #FFF;
 text-decoration: none;
}

#genericMenuActiveX a:link, #genericMenuActiveX a:visited, #genericMenuActiveX a:active
{
 color: #636467;
 background-color: #FFF;
 text-decoration: none; 
}

.contentWidgetLayout2-1
{
 border-top: 1px solid #D5D6D7;
 padding: 2px;
 padding-right: 6px;
 vertical-align: top;
}

.contentWidgetLayout2-2
{
 border-top: 1px solid #D5D6D7;
 padding: 2px;
 vertical-align: top;
}

.contentWidgetLayout2-3
{
 border-top: 1px solid #D5D6D7;
 border-left: 1px solid #D5D6D7;
 padding-top: 2px;
 vertical-align: top;
}

.contentWidgetLayout3-1
{
 border-bottom: 1px solid #D5D6D7;
 padding: 2px;
 padding-right: 6px;
 vertical-align: top;
}

.contentWidgetLayout3-2
{
 border-bottom: 1px solid #D5D6D7;
 padding: 2px;
 vertical-align: top;
}

.contentWidgetLayout3-3
{
 border-bottom: 1px solid #D5D6D7;
 border-left: 1px solid #D5D6D7;
 padding-top: 2px;
 vertical-align: top;
}


/* FORM */
.formFontFamily { font-family: arial; }
.formFontSize { font-size: 12px; }
.formTitle { font-family: arial; padding: 10px; font-weight: bold; font-size: 13px; color: rgb(255, 255, 255); background-color: rgb(111, 123, 142); }

/* SITEMAP */
dl { padding-bottom: 1em; }
.box a, .box a:active, .box a:visited, .box a:link { font-family: arial; color: #082C5A; font-size: 14px; }
.box a:hover { background-color: #D1D9DF; font-family: arial; font-size: 14px; }
dl dt { margin-bottom: 3px; font-family: arial; color: #082C5A; font-size: 14px; }

dl dl { font-size: 1.0em; }
dt {font-weight: bold; }
dl dl dt {font-weight: normal; }
.sub {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }

dd {  background-image: url(../images/sitemapline.gif); background-repeat: no-repeat; padding-left: 23px;}
dd.bottom {  background-image: url(../images/sitemapline2.gif); background-repeat: no-repeat; padding-left: 23px;}


/* ------------------------------------ */
/* Hauteurs 
/* ------------------------------------ */
websiteLayoutContainerHeight { height: 100%; }

/* ------------------------------------ */
/* Largeurs 
/* ------------------------------------ */
.websiteVerticalMenuBackground { border-right: 1px solid #CDD0D6; }
.websiteHeaderLargeur             { width: 775px; }
.websiteLayoutContainerLargeur    { width: 775px; border-right: 1px solid #CDD0D6; }
.websiteContentLargeur            { width: 100%; padding: 5px; }
.websiteFooter1Largeur            { width: 775px; }
.websiteFooter2Largeur            { width: 775px; background-color: #FFF; }

/* ----------------------------------------------- */
/* Marges 
/* ----------------------------------------------- */
body                              { margin: 0px; padding: 0px; }
form                              { padding: 0px; margin: 0px; }
.websiteContentMarges             { margin: 0px; padding: 0px; }

/* ----------------------------------------------- */
/* Bordures 
/* ----------------------------------------------- */
#websiteContentBordures           { border-top: 2px solid #DFC7E0; }

/* ----------------------------------------------- */
/* Couleurs de fond 
/* ----------------------------------------------- */
body                                   { background: #FFF; }
.websiteLayoutContainerBackground      { background-color: #FFFFFF; }
.websiteContentBackground              { height: 480px; vertical-align: top; background-color: #FFF; }

/* ----------------------------------------------- */
/* Famille des textes
/* ----------------------------------------------- */
select, input, textarea                { font-family: arial; }
a:link, a:active, a:visited            { font-family: arial; }
.websiteFooter2Famille                 { font-family: arial; }
.websiteContentFamille                 { font-family: arial; }

/* ----------------------------------------------- */
/* Taille des textes
/* ----------------------------------------------- */
select, input, textarea                { font-size: 12px; }
.websiteFooter2Taille                  { font-size: 10px; }
.websiteContentTaille                  { font-size: 12px; }

/* ----------------------------------------------- */
/* Couleur des textes
/* ----------------------------------------------- */
body                                   { color: #3f3f3f; }
a:link, a:active, a:visited            { color: #3f3f3f; }
.websiteFooter2Couleur                 { color: #3f3f3f; }
.websiteContentCouleur                 { color: #3f3f3f; }

/* ----------------------------------------------- */
/* Decoration des liens
/* ----------------------------------------------- */
a:link, a:active, a:visited           { text-decoration: none; }
a:hover                               { text-decoration: underline; }

/* ----------------------------------------------- */
/* junk stuff below
/* ----------------------------------------------- */
body { text-align: center; } 

/*
-----------------------------------------------
liens - "privacy statement", "sitemap"
-----------------------------------------------
*/
.footerLinkFamily:active, .footerLinkFamily:link, .footerLinkFamily:visited, .footerLinkFamily:hover { font-family: verdana; }
.footerLinkTaille:active, .footerLinkTaille:link, .footerLinkTaille:visited, .footerLinkTaille:hover { font-size: 10px; }
.footerLinkFamily:active, .footerLinkFamily:link, .footerLinkFamily:visited, .footerLinkFamily:hover { font-family: verdana; }
{
 font-size: 10px; 
 color: #3f3f3f;
 font-family: arial;
}