html, body
{
    margin: 0;
    padding: 0;
}
div#headerContainer
{
    clear: both;
    height: 30px;
    margin: 0;
    background-color: #6F6F6F;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 6px;
    border-bottom: 1px solid #666666;
}
div#topNavContainer
{
    clear: both;
    height: 150px;
    margin: 0;
    color: #79B30B;
    width: 100%;
    margin-bottom: 10px;    
}
div#footerContainer
{    
    clear: both;
    width: 100%;
    height: 70px;
    margin: 0;    
    text-align: center;
    border-top: 12px solid #FFFFFF;
}
div#footerContainer p
{
    font-family: Arial, Verdana, Helvetica;
    font-size: x-small;
    text-align: center;
    color: #FFFFFF;    
}
div#mainContainer
{
    width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF;
}
div#TopToolBar
{
    margin-top: 5px;
    color: #999999;
    font-family: Bookman Old Style, Garamond, Times New Roman;        
    font-size: 10pt;    
}
div#content
{
    float: left;    
    width: 540px;
    background-color: #FFFFFF;    
    text-align: left;
    margin: 0px 20px 20px 20px;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: smaller;
    text-align: justify;    
}
div#content h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    margin-bottom: 4px;
    text-align: left;
}
div#content h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;    
    font-weight: bold; 
    margin-top: 18px;       
    margin-bottom: 8px;
}
div#content h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    background-image: url(/images/bullet2.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;        
    padding-left: 13px;
    padding-top: 0px;        
    padding-bottom: 3px;     
    margin-bottom: 2px;    
    margin-top: 18px;      
    clear: both;
}
div#content h3 .MotGlossaire
{
    border-bottom: none;
}
div#content h5
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #333333;
    margin: 0;
}
div#content h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #666666;
    margin: 0;
}
div#content p
{
    font-family: Arial, Helvetica, sans-serif;             
}
div#navigation
{
    float: left;
    width: 180px;
    margin-bottom: 6px;    
}
div#extra
{
    float: right;    
    width: 240px;
}
.WebLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .88em;
    font-weight: bold;
    color: #990000;
    font-style: normal;
    text-decoration: underline;
    background-image: url(/images/atom.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 25px;
    text-align: right;
    clear: right;
    float: right;
    line-height: 22px;    
}
.WebLink:link, .WebLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: underline;    
}
.WebLink:active, .WebLink:hover
{
    color: #FF0000;
    text-decoration: underline;
}
.ToolsLink
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    color: #800000;
    padding-left: 5px;
}
.ToolsLink a
{
    font-family: Verdana, Arial, sans-serif;
    color: #800000;
}
.ToolsLink a:visited, a:active, a:hover
{
    color: #800000;
}
.GeoLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .88em;
    font-weight: bold;
    color: #0099FF;
    font-style: normal;
    text-decoration: underline;
    background-image: url(/images/earth.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 60px;
    text-align: right;
    clear: right;
    float: right;
    line-height: 48px;    
}
.GeoLink:link, .GeoLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #0099FF;
    text-decoration: underline;    
}
.GeoLink:active, .GeoLink:hover
{
    color: #66CCFF;
    text-decoration: underline;
}
.SearchText
{
    font-family: Arial, Helvetica, sans-serif;
    color: #0066FF;
    font-style: normal;
    text-decoration: underline;
    background-image: url(/images/bullet2.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 15px;
    text-align: right;
}
.SearchText:link, .SearchText:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #0066FF;
    text-decoration: underline;    
}
.SearchText:active, .SearchText:hover
{
    color: #666666;
    text-decoration: underline;
}
.TextInFrameRight
{
    background-color: #E9E9E9;
    color: #333333;
    border: dotted 1px #303030;
    float: right;
    clear: right;
    font-family: Verdana, Arial, sans-serif;
    font-size: .85em;
    padding: 10px;
    margin-left: 8px;
}
.TextInFrame
{
    background-color: #E9E9E9;
    color: #333333;
    border: dotted 1px #303030;
    float: right;
    clear: right;
    font-family: Verdana, Arial, sans-serif;
    font-size: .85em;
    padding: 10px;
}

/* Quote Rounded Corners Box  */
.QuoteBox
{
    float: right;
    clear: right;
    margin: 20px 0px 25px 20px;
    border: 0px solid #ffffff;
    color: #000000;
    width: 220px;
    padding: 20px;
    text-align: left;
    font-size: 1.1em;            
    font-family: Bookman Old Style, Garamond, Times New Roman;        
    line-height: 140%;    
    border: 3px solid #ffffff;        
}

.RoundBox
{
    margin: 0px;
    border: 0px solid #ffffff;
    color: #333333;
    width: 100%;
    padding: 20px;
    text-align: left;
    font-family: Bookman Old Style, Garamond, Times New Roman;
    line-height: 140%;
    border: 3px solid #ffffff;
    background-color: #E9E9E9;
}

/* Documents Links */
ul.Documents
{
    font-family: Arial, sans-serif, Verdana;
    font-size: small;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}
ul.Documents li 
{  
    list-style-image: url(/images/smalldoc.png); 
    vertical-align: text-bottom;
    padding: 0px 0px 0px 3px;
    margin: 3px 0px 0px 3px; 
}
ul.Documents li a
{
    font-family: Arial, sans-serif, Verdana;
    color: #666666;
    text-decoration: none;    
}
ul.Documents li a:visited, a:active
{
    color: #666666;
    text-decoration: none;
}
ul.Documents li a:hover
{
    color: #003399;
    text-decoration: underline;
}

/* Extra column */
.Extra
{
    font-family: Verdana, Arial, sans-serif;
    font-size: smaller;
    font-weight: bold;
    color: #333333;    
    display: inline;
}
.ExtraSeparator
{
    height: 3px;
    width: 100%;
    border: solid 3px #B0B0B0;
}
ul.MoreDocuments
{
    font-family: Arial, Verdana, sans-serif;
    font-size: small;
    color: #8C8C8C;
    text-decoration: none;
    padding-left: 15px;
    margin: 5px 0px 5px 0px;
}
ul.MoreDocuments li a
{
    font-family: Arial, Verdana, sans-serif;
    color: #8C8C8C;
    text-decoration: none;
}
ul.MoreDocuments a:visited, a:active
{
    color: #8C8C8C;
    text-decoration: none;
}
ul.MoreDocuments a:hover
{
    color: #FF4F4F;
    background-color: #E9E9E9;
    display: block;
}
/* Glossaire */
.MotGlossaire
{
    color: #003366;
    border-bottom: dotted 1px #003366;
}

div#GlossaireFrame
{
    border: 1px dashed #003366;
    background-color: #D5EAFF;
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
}
div#QuizzFrame
{
    border: 1px dashed #003366;
    background: #D5EAFF url(/images/question_quizz.png) no-repeat right;
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    margin: 0px;
    padding: 10px;
}
ul.Glossaire
{
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    color: #8C8C8C;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 5px 0px 5px 0px;
}
ul.Glossaire li.Mot
{ 
    font-family: Verdana, Arial, sans-serif;
    color: #003399;
    text-decoration: none;
    list-style-type: circle; 
    margin-left: 5px;
}

ul.Glossaire li.Description
{
    font-family: Verdana, Arial, sans-serif;
    color: #707070;
    text-decoration: none;
    list-style: none;
}
/* Frame Text in Extra Zone */
#TextExtra
{
    background-color: #FFFFCC;
    border: dotted 1px #303030;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    padding: 7px;
    clear: both;
}

/* Table in Extra Zone */
#TableExtra
{
    background-color: #E6E6E6;  
    border: dashed 1px #303030;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller; 
}
#TableExtra tr td
{
    font-size: 0.85em;
    padding-left: 5px;
}

/* Thumbnail images */
.ThumbImage
{
    border: 5px solid #DBDBDB;    
    margin: 0px;
    padding: 0px;
}

.ThumbImageLink:hover img
{
    border: 5px solid #0099CC;
}

.ThumbImageLink
{
    margin: 3px 3px 0px 0px;
    padding: 0px;
    display: inline-block;
}

.ThumbVideoLink:hover img
{
    border: 5px solid #FF552B;
}

.ThumbVideoLink
{
    margin: 3px 3px 0px 0px;
    padding: 0px;
    display: inline-block;
}


/* Table in content */
#Table1
{
    background-color: #E6E6E6;        
}
#Table1 .header
{
    font-weight: bold;
    height: 1.9em;
}
#Table1 tr.header td
{
    border-top: solid 2px #B30000;
}
#Table1 .footer
{
    font-weight: bold;
    height: 1.9em;
}
#Table1 tr td
{
    font-size: 0.85em;
    padding-left: 5px;
}
#Table1 tr td.column1
{
    color: #666666;
    font-weight: bold;
}

#Table2
{
    background-color: #EDEDED;   
    font-size: 0.9em;
    padding: 5px;     
}
#Table2 tr.header td
{
    border-top: solid 2px #B30000;
    border-bottom: solid 2px #B30000;
    font-weight: bold;
    height: 1.9em;
}
#Table2 tr td.c1
{
    color: #666666;
    font-weight: bold;
    width: 110px;
    border-bottom: solid 1px #F7F7F7;
}
#Table2 tr td.c2, #Table2 tr td.c3
{
    width: 38%;
    border-bottom: solid 1px #F7F7F7;
}


/* Image in content */
.ImageLeft
{
    float: left;
    clear: left;
    padding-right: 10px;
    padding-bottom: 2px;
    border: 0;
}
.ImageRight
{
    float: right;
    clear: right;
    padding-left: 10px;
    padding-bottom: 2px;
    border: 0;
}
.ImageCenter
{    
    clear: both;
    float: none;
    padding-bottom: 2px;
    border: 0;    
}
/* Vertical Navigation */
td#verticalColumn
{
    border-bottom: 5px solid #000000;  
    border-left: 0;
    border-right: 0;
}
div#verticalNav
{    
    margin-bottom: 20px;
    padding-top: 1px;
    border-top: 5px solid #444444;    
}
#verticalNav ul
{
    font-family: Arial, Verdana, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    text-align:right;
    list-style : none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
#verticalNav ul li
{
    margin: 0;
    padding: 0;
    display: inline;
}
#verticalNav ul li a
{
    display: block;
	text-decoration: none;   
	color: #FFFFFF; 	
    border-bottom: 3px solid #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;                     
}
#verticalNav ul li a:visited
{
	color: #FFFFFF; 
}
#verticalNav ul li a:active
{
	color: #FFFFFF; 
}
#verticalNav ul li a#level1
{
    height: 25px;
    font-size: 12pt;
}
#verticalNav ul li a#level3
{
    color: #505050;
    font-weight: normal;
}
#verticalNav ul li a#level3selected
{
    color: #000000;
    text-decoration: underline;    
}
#TitreSeparator
{        
    height: 3px;
    width: 100%;   
    border: 0; 
}

/* Footer Navigation */
#footerContainer ul
{
    font-family: Arial, Verdana, Helvetica;
    font-size: 8pt;
	list-style:none;
	color: #FFF;			
    padding: 5px 10px 0px 10px;    
    white-space: nowrap;
}
#footerContainer ul li {
	display:inline;		    
}
#footerContainer ul li a, #footerContainer p a {
	color: #FFF;
	text-decoration:none;
    padding-left: 10px;
    padding-right: 10px;  
}
#footerContainer ul li a:hover, #footerContainer p a:hover {
	color: #FFF;
	text-decoration:underline;
}

/* SiteMapPath Navigation */
#SiteMapPath
{
    background-color : #E9E9E9;
    text-align: left;
}
#SiteMapPath ul
{
    font-family: Arial, Verdana, Helvetica;
    font-size: smaller;
    list-style: none;
    color: #999999;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
#SiteMapPath ul li {	
	display: inline;
}
#SiteMapPath ul li a
{
    color: #999999;
    text-decoration: none;    
    padding: 0 2px;
}
#SiteMapPath ul li a:hover {	
	text-decoration:underline;
}
#SiteMapPath ul li a:visited 	
{
    color: #999999;    
	text-decoration: none;
}
#SiteMapPath ul li a:active
{
    color: #000000;
    text-decoration: none;
}

/* Header Navigation */
#headerContainer ul
{
    font-family: Arial, Verdana, Helvetica;
    font-size: 8pt;
    font-weight: bold;
    list-style: none;
    color: #E8E8E8;    
    padding: 0;
    margin: 0;
    padding-top: 8px;
    white-space: nowrap;
}
#headerContainer ul li {
	display:inline;
}
#headerContainer ul li a
{
    color: #E8E8E8;
    text-decoration: none;    
    padding: 0 15px;
}
#headerContainer ul li a:hover
{
    text-decoration: none;
    background-color: #808080;
}
#headerContainer ul li a:visited 	
{
    color: #E8E8E8;    
	text-decoration: none;
}
#headerContainer ul li a:active
{
    color: #E8E8E8;
    text-decoration: none;
}


/* PageLinks for Media */
.PageLink
{
	color: #4169e1;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

.PageLink:Link, .PageLink:Active, .PageLink:Visited
{
	color: #4169e1;
	text-decoration: none;	
}

.PageLink:Hover
{
	color: #4169e1;
	text-decoration: underline;		
}

/* Default title */
div#content h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    margin-bottom: 4px;
    text-align: left;
}

/* HomePage */
.TitleLink
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 9pt;
    color: #2D5AB5;
    font-weight: bold;
    text-decoration: none;
}
.TitleLink:link, .TitleLink:visited, .TitleLink:active
{
    color: #2D5AB5;
    text-decoration: none;
}
.TitleLink:hover
{
    color: #3366CC;
    text-decoration: underline;
}
.TitleDesc
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 9pt;
    color: #777777;
}
.EssaisLink
{
    font-family: Arial, sans-serif, Verdana;
    font-size: 10pt;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
.EssaisLink:link, .EssaisLink:visited, .EssaisLink:active
{
    font-family: Arial, sans-serif, Verdana;
    color: #999999;
    display: block;    
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
.EssaisLink:hover
{
    font-family: Arial, sans-serif, Verdana;
    background: url(/images/gradient_menuitem_gray.jpg) repeat-x;
    text-decoration: none;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* imageslider css */  
#imageslider {  
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 420px; /* important */  
    height: 86px; /* important */  
    margin: 0 85px;  
    background: #ffffff;  
}  
  
#imageslider_frame {position: relative}  
#imageslider_previous {float: left;}  
#imageslider_next {float: right;}  
#imageslider_content {  
    position: absolute;  
    top: 0;  
    margin-left: 20px;  
}  
  
#imageslider_content  
#imageslider_content li {  
    list-style: none;  
    margin: 0;  
    padding: 0;  
}  
    #imageslider_content {  
        width: 5418px;  
    }  
    #container_bd #imageslider ul li {  
        display: block;  
        float: left;  
        margin: 5px;  
        padding: 5px;  
        border: 1px solid #666;  
        background-color: #ffffff;  
    }  
  
#container_bd #imageslider ul li img {  
    display: block;  
}