/* Main Page Blocks */
body
{
   position: relative;
   width: 702px;
   margin:0;
   margin-left: auto;
   margin-right: auto;
   padding:0;
   background-color: white;
   color: black;
   border: none;
   text-align: left;
   font-family: Verdana, Arial, Sans-Serif;
   background-image: url(Bkg.jpg);
   background-position: top left;
   background-repeat: repeat;
   border: solid 1px black;
}

@media print 
{
    body
    {   
        background-image: none;
        background-color: white;
        border: none;
    }
}

.PageArea
{
   background-color: white;
}

/* Defaults for text links */
a:link, a:visited
{
   color: #00599D;
   text-decoration: none;
}
a:hover, a:active
{
   color: #BC312E;
   text-decoration: underline;
}

/* Defaults for image links */
a:link img.TopLinksLink, a:visited img.TopLinksLink
{
   border-width: 2px;
   border-style: solid;
   border-color: white;
}

a:hover img.TopLinksLink, a:active img.TopLinksLink
{
   border-width: 2px;
   border-style: solid;
   border-color: red;
}

#TopSection
{
    height: 160px;
}

#MiddleSection
{
}

#ContentAreaMainPage
{
    _padding-top: 8px; /* For IE */
    float: right;
    left: 160px;
    width: 540px;       /* FYI: padding values must be subtracted */
    font-family: Verdana, Arial, Sans-Serif;
    color: White;
}

#ContentArea
{
    _padding-top: 8px; /* For IE */
    float: right;
    left: 160px;
    width: 523px;       /* FYI: padding values must be subtracted and then some (bug?) */
    font-family: Verdana, Arial, Sans-Serif;
 	 padding-left: 8px;
	 padding-right: 8px;
}

#LeftMenu
{
    float: left;
    left: 0;
    width: 160px;
    background-color: #336699;
    background-color: gray;
    background-color: black;
}

#ImageBulletin
{
    padding-top: 10px;
}

#ContentSalesPitch
{
    width: 522px;       /* FYI: padding values must be subtracted */
 	 padding-left: 8px;
	 padding-right: 8px;
    background-color: #222222;
    color: White;
}

#ContentMainLink
{
    width: 524px;       /* FYI: padding values must be subtracted */
 	 padding-left: 8px;
	 padding-right: 8px;
	 text-align: center;
    background-color: white;
    color: black;
}

#MainPageMainLink
{
    font-size: 16pt;
    text-decoration: underline;
    color: Black;
}

#MainPageMainLink2
{
    font-size: 10pt;
    text-decoration: underline;
    color: Black;
}

#ArticlesVendeurs
{
    background-color: gray;
    background-color: #336699;
    background-color: black;
}

#ArticlesAcheteurs
{
    background-color: gray;
    background-color: #336699;
    background-color: black;
    clear: left;
    padding-bottom: .5em; /* Spacing between menu links */
}

.ArticleMenuTitle
{
    padding-top: .5em; /* Spacing between menu links */
}

.ArticleMenuItem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; 
    width: 152px;   /* FYI: padding values must be subtracted */
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: .5em; /* Spacing between menu links */
}

a.ArticleLink, a:link.ArticleLink, a:visited.ArticleLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; 
    color: White;
    text-decoration: none;
}

a:hover.ArticleLink, a:active.ArticleLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt; 
    color: White;
    text-decoration: underline;
}

/* Begin: Top links area */
#ToplinksArea
{
    clear: both;
    width: 100%;       /* FYI: padding values must be subtracted */
	 text-align: left;
    background-color: white;
    color: black;
    padding-top: 10px;
}

#ToplinksArea .ToplinksItemC1
{
    float: left;
    width: 260px;   /* FYI: padding values must be subtracted */
    padding-top: 5px;
    padding-left: 20px;
    background-color: white;
}

#ToplinksArea .ToplinksItemC2
{
    float: right;
    width: 260px;   /* FYI: padding values must be subtracted */
    background-color: white;
    padding-top: 5px;
}
/* End: Top links area */

/* Begin: Secondary articles definitions */
#SecArticlesArea
{
    clear: both;
    width: 100%;       /* FYI: padding values must be subtracted */
	 text-align: left;
    background-color: white;
    color: black;
    padding-top: 16px;
}

#SecArticlesArea ul
{
    list-style: none;
    margin: 0;
    padding-left: 8px;
}

#SecArticlesArea li
{
    font-size: 13px; 
    background-image: url(../../images/ArticleArrow.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 12px;
    margin-bottom: .5em; /* Spacing between menu links */
}

#SecArticlesArea img
{
    border: 0;
}

#SecArticlesArea .SecArticleItemC1
{
    background: url(../../images/ArticleArrow.gif) 0 50% norepeat;
    float: left;
    width: 260px;   /* FYI: padding values must be subtracted */
}

#SecArticlesArea .SecArticleItemC2
{
    background: url(../../images/ArticleArrow.gif) 0 50% norepeat;
    float: right;
    width: 260px;   /* FYI: padding values must be subtracted */
}

a.SecArticleLink, a:link.SecArticleLink, a:visited.SecArticleLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    color: Black;
    text-decoration: none;
}

a:hover.SecArticleLink, a:active.SecArticleLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    color: Black;
    text-decoration: underline;
}
/* End: Secondary articles definitions */

#BulletinMensuel
{
    background-color: Fuchsia;
}

#Temoignages
{
}

#BottomSection
{
    clear: both;
}

a:link.MenuItem, a:visited.MenuItem
{
    font-family: Arial, Verdana, Garamond;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    font-variant:small-caps;
    color: #00599d;
    border: none;
    text-decoration: none;
}

a:hover.MenuItem, a:active.MenuItem, a.MenuItemActive
{
    font-family: Arial, Verdana, Garamond;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    font-variant:small-caps;
    color: #bc312e;
    border: none;
    text-decoration: underline;
}

.MenuSep
{
    font-family: Arial, Verdana, Garamond;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    font-variant:small-caps;
    vertical-align:middle;
    color: #00599d;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

h1, .AccoladesTitle
{
    font-family: Arial, Verdana, Garamond;
    font-size: 19px;
    font-weight: bold;
    color: #00599d;
}

.AccoladesTitle
{
    text-align: left;
    padding-bottom: 8px;
}

.AccoladesRow
{
    padding-bottom: 20px;
}

h1.MainPage
{
    font-size: 16pt;
    font-style: italic;
    color: #FFE759;
}

h2
{
    font-family: Arial, Verdana, Garamond;
    font-size: 15px;
    font-weight: bold;
    color: #00599d;
}

p
{
    font-family: Arial, Verdana, Garamond;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0.5em;
}

p.temoignage
{
    color: #00599d;
    margin-bottom: 0.5em;
}

p.adresse
{
    color: #00599d;
    font-style: italic;
}

br
{
    line-height: 1em;
    height: 1em;
    padding-bottom: 1em;
}

.Error
{
    font-family: Arial, Verdana, Garamond;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
    text-align: left;
}

h1.Error
{
    font-size: 16pt;
}

/* Links */

.ImageLink img /* Use on <a><img> image links */
{
   border: none;
   text-decoration: none;
}

/* Footer area */

#PageFooter
{
    position: relative;
    clear:both;
    padding-top: 20px;
    text-align: center;
}

.copyright
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 7pt;
    font-weight: normal;
   color: gray;
}

.copyright2, .copyright2 a
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 7pt;
    font-weight: normal;
   color: silver;
}

/* BEGIN MENUBAR with browser-compatibility vertical centering section */
#Menubar
{
    width: 700px;
    height: 16px;
    overflow: hidden;
    position: relative;
    clear: both;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    word-spacing: 1px;
    color: white;
    font-family: Verdana, Arial;
    text-decoration: none;
    background-color: #F5B314;
/*    background-image: url(../../images/Menubar.jpg);
    background-position: top right;
    background-repeat: no-repeat; */
    vertical-align: middle;
}

a:link.MenubarItem, a:visited.MenubarItem
{
    color: white;
    text-decoration: none;
    padding-left: 1em;
    height: 16px;
    vertical-align: middle;
}

a:hover.MenubarItem
{
    color: black;
    text-decoration: none;
    padding-left: 1em;
    height: 16px;
    vertical-align: middle;
}
