/*********  Main Tags *********/

body 
{
   margin: 0px; 
   font-family: arial, helvetica, sans-serif; 
   background: silver; 
   font-size: 13px; 
   line-height: 18px; 
   color: #666666;
}

form {padding:0; margin:0;}
img {border: 0px;}
a, a:visited {color: #336699; text-decoration:underline;}
a:hover, a:active {text-decoration: none;}
p {margin: 0;}
p img {float: left; margin: 5px 10px 0 0;}
hr {color: #999999; background: #999999; height: 1px; border: 0; margin: 10px 0;}
ul {margin: 0; padding-left:25px;}

h1, .h1 {color: #4e632a; font-size: 22px; font-weight: normal; margin: 0 0 10px; line-height: 25px;}
h2, .h2 {color: #4e632a; font-size: 16px; font-weight: normal; margin: 0 0 5px;}
h3, .h3 {color: #666666; font-size: 13px; font-weight: bold; margin: 0;}

/*********  Framework *********/

#AreaFramework 
{
   margin: 0 auto;
   padding-top:215px;
   width:975px;
   background-color: white;
   position: relative;
   border: 10px white solid;
}

#AreaHeader
{
   height:200px;
   left:0;
   overflow:hidden;
   padding:0;
   position:absolute;
   top:0;
   width:975px;
}

#AreaContent
{
   overflow:hidden;
   width:975px;
}

#AreaFooter
{
   background-color:#cecea9;
   color:#4e632a;
   font-size:11px;
   line-height:20px;
   overflow:hidden;
   text-align:center;
   width:975px;
   margin-top: 150px;
}

#AreaFooter p 
{
   margin:0; 
   height:20px;
}


/*********  Header *********/

#AreaHeader .boxLeft
{
   background-color:#cecea9;
   float:left;
   height:150px;
   width:875px;
}

#AreaHeader .boxLeft .mainMenu 
{
   float:left;
   font-size:14px;
   font-weight:bold;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:69px 0 0;
   padding:0 0 0 10px;
   position:relative;
}

#AreaHeader .boxLeft .mainMenu li 
{ 
   float:left; 
   margin:0 23px 0 0; 
}
#AreaHeader .boxLeft .mainMenu li a, 
#AreaHeader .boxLeft a.rss 
{ 
   color: #ffffff; 
   text-decoration:none;
}
#AreaHeader .boxLeft .mainMenu li a:hover, 
#AreaHeader .boxLeft .mainMenu li.selected a, 
#AreaHeader .boxLeft a.rss:hover
{
   color: #4e632a;
}

#AreaHeader .boxLeft .logo 
{
   background:transparent url(/Templates/Styles/Images/logo.gif) no-repeat scroll 0 0;
   float:left;
   height:40px;
   margin:10px;
   overflow:hidden;
   text-indent:-9999px;
   width:100%;
   position:relative;
}

#AreaHeader .boxLeft .rss 
{
   background:transparent url(/Templates/Styles/Images/rss.png) no-repeat left center;
   float:left;
   font-size:14px;
   font-weight:bold;
   margin:69px 23px 0 0;
   padding:0 0 0 15px;
}

#AreaHeader .boxLeft .flag
{
   position:absolute; 
   top:130px;
   height: 12px;
   width: 17px;
}
#AreaHeader .boxLeft .flag.EN 
{
   background:transparent url(/Templates/Styles/Images/flag-en.png) no-repeat scroll 0 0;
   left:825px; 
}
#AreaHeader .boxLeft .flag.FR
{
   background:transparent url(/Templates/Styles/Images/flag-fr.png) no-repeat scroll 0 0;
   left:850px; 
}

#AreaHeader .boxRight
{
   float:right;
   background:#4e632a none repeat scroll 0 0;
   height:150px;
   width:90px;
}

#AreaHeader .boxSubMenu
{
   width:860px;
   margin-top: 155px;
}

#AreaHeader .boxSubMenu .subMenu 
{
   font-size:13px;
   font-weight:normal;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   padding-left: 20px;
}

#AreaHeader .boxSubMenu .subMenu li { float:left; margin:0 23px 0 0; }
#AreaHeader .boxSubMenu .subMenu li a { color: #4e632a; text-decoration:none;}
#AreaHeader .boxSubMenu .subMenu li a:hover, #AreaHeader .boxSubMenu .subMenu li.selected a {font-weight:bold;}


/*********  Main Structure *********/

#MainBody {margin: 0 100px 0 195px;}
#MenuLogo {width:38px; height:281px; top: 215px; left: -10px; position:absolute;}
#TwoSameColumnsLeft {width: 332px; float:left;}
#TwoSameColumnsRight {width: 332px; float:right;}
#TwoDiffColumnsLeft {width: 450px; float:left;}
#TwoDiffColumnsRight {width: 220px; float:right;}


/*********  Other *********/

.quotation
{
   color: #4e632a; 
   font-size: 16px; 
   font-style:italic; 
   margin: 30px;
}

.box
{
   border: solid 1px #999999;
   padding: 10px;
   margin-bottom: 10px;
   line-height:16px;
}

.box .boximg {text-align:center;}
.box .boximg img {max-width:135px;}

.bannerImage {margin-bottom: 20px; max-width: 680px;}

.listingItem 
{
   display:block; 
   clear:both; 
   overflow:hidden; 
   border-bottom: solid 1px #999; 
   padding: 5px 0 10px;
}
.listingLineTop {width:100%; border-top: solid 1px #999; margin: 0; padding:0; height:1px;}
.listingIntro {float: right; width:300px;}
.listingImage, .listingImageBorder 
{
   float: left; 
   margin: 0px 10px 0 0; 
   width:135px; 
   min-height: 100px;
   text-align:center;
}
.listingImageBorder {border: solid 1px #999999;}

.listingImage img, .listingImageBorder img {max-width: 135px;}
.listingImage table, .listingImageBorder table {width: 100%; height: 100%; vertical-align: middle;}

.listingItemTopBorder
{
   display:block; 
   clear:both; 
   overflow:hidden; 
   border-top: solid 1px #999; 
   padding: 10px 0;
}

.listingIntroItem
{
   display:block; 
   clear:both; 
   overflow:hidden; 
}

.introFullWidth {margin-bottom: 20px;}
.info {margin: 20px 0 30px; overflow:hidden;}
.info .infoImage {width: 135px; float: left; margin-right:10px; text-align:center;}
.info .infoImage img {max-width: 135px;}
.info .infoText {width: 185px; float: left; margin-top: 5px;}
.info .infoTextNoImage {margin-top: 10px;}

.lineCategory {margin: 0 0 20px 0;}
.categoryLeftInfo {margin: 0 0 20px 0;}
.newsList {margin-top: 15px;}
.articleHeading {margin-bottom: 20px;}
.partnersCategoryHeading {padding: 20px 0 3px 0; margin-top: -1px; background: #fff;}
.contentNewsletter {padding-top: 5px;}
.rssBottom {padding-top: 10px;}

.form {padding: 10px 0;}
.form .item {clear:both; float:left; margin-top:2px;}
.form .title {width: 220px;}
.form .formField, .form .formTextArea {border:1px solid #999; color: #666; width: 220px; font-size: 13px; font-family: arial, helvetica, sans-serif;}
.form .formTextArea {width: 320px;}