﻿body, html
{
    font-family: Verdana;
    font-size:12px;
    color:#2F489E;
    border: 0;
    margin: 0;
    text-align: justify;
    background-color:#313E53;
}

div
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#Wrapper
{
    display: table; /* border: solid 3px #4160D5; */
    margin: auto;
    width: 778px;
    height: 100%;
    padding-bottom: 64px; 
}

html > body #Wrapper
{
    overflow: hidden;
}

#HeaderContainer
{
    width:778px;
    height:302px;
}

#Header
{
    background-image: url(images/Master_Header.jpg);
    height:136px;
}

#SubHeader1
{ 
    background-image: url(images/Master_MenuNavBack.jpg);
    background-repeat:repeat-x; 
    height:32px;
}

#SubHeader2
{
    background-image: url(images/Master_MenuNavFooter.jpg);
    background-repeat:repeat-x;
    height:12px;
    line-height:0; /* Hack pour IE: IE impose une hauteur de div minimale du genre 10 ou 12 pixels. */
    font-size:0; /* Hack IE */
}

#SubHeader3
{
    background-image: url(images/Master_BannerHeader.jpg); 
    background-repeat:repeat-x; 
    height:14px;
    line-height:0; /* Hack IE */
    font-size:0; /* Hack IE */
}

#SubHeader4
{
    background-image: url(images/Master_BannerBack.jpg);
    background-repeat:repeat-x;
    height:108px;
}

#BannerSection
{
    float:left;
    width:501px;
}

#Banner
{
    padding-left:15px;
    padding-top:10px;
}

#MemberSection
{
    float:right;
    width:277px;
}

#MemberSideTitle
{
    background-image: url(images/Master_BannerRightEnd.jpg);
    background-position:left top;
    float:left;
    width:33px;
    height:108px;
}

#MemberLoginView
{
    background-image: url(images/Master_MemberBack.jpg);
    background-repeat:no-repeat;
    float:right;
    width:244px;
    height:108px;
}

#ContentContainer
{
    background-color:#FFFFFF;
    float:left;
    width:534px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#ContentHeader
{
    background-image: url(images/Master_MainContentHeader.jpg);
    background-repeat:no-repeat;
    width:534px;
    height:166px;
}

#ContentSection
{
    padding-left:5px;
    padding-right:18px; 
    padding-bottom:8px;
}

#RightColumn
{
    background-image: url(images/Master_RightColumnBack.jpg);
    background-repeat:repeat-y;
    float:right;
    width:244px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#RightColumnHeader
{
    background-image: url(images/Master_LatesNewsHeader.jpg);
    background-repeat: no-repeat;
    height:46px;
}

#RightColumnSection
{
    padding-left:7px;
    padding-top:5px;
    padding-right:5px;
}

#RightColumnSection a {
	font-size: 10px;
	font-weight: bold;
	color: #539E00;
	text-decoration:none;
}

#RightColumnSection a:link {
	font-size: 10px;
	font-weight: bold;
	color: #539E00;
	text-decoration:none;
}
#RightColumnSection a:visited {
	font-size: 10px;
	font-weight: bold;
	color: #539E00;
	text-decoration:none;
}
#RightColumnSection a:active {
	font-size: 10px;
	font-weight: bold;
	color: #539E00;
	text-decoration:none;
}
#RightColumnSection a:hover {
	font-size: 10px;
	color: #FDB90E;
	text-decoration: none;
	font-weight: bold;
}

#FooterContainer
{
    margin: auto;
    width:778px;
    height:64px;
    margin-top: -64px; /* footer height * -1 */ /* border: solid 3px #4160D5; */ /* border-top: 0; */
}

#Footer
{
    background-image: url(images/Master_Footer.jpg);
    height:64px;
}

#LegalSection
{
    float:left;
    width:534px;
}

#Legal
{
    font-size:14px;
    text-align:center;
    padding-left:15px;
    padding-top:22px;
}

#CopyrightSection
{
    float:right;
    width:244px;
}

#Copyright
{
    font-size:10px;
    text-align:center;
    padding-left:15px;
    padding-top:22px;
}
