/* Auteur, Pierre Dandurand */ 
html, body{ 
 margin:0; 
padding-top:10px;
text-align:left; 
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
color: #222;
background:#255497
/*background:#eee url('images/bg_b.gif') repeat-x; */
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
border-color:#255497;
 border: 1px solid #000000;
background: #ffffff url(images/content.png) repeat-y;


} 
 #header0{
 position:relative; 
 height:20px; 
 width:900px;
 color: white;
background:#eee url('images/bg_bTop.gif') repeat-x; 
  }
 #header0 a {
color:#FFFFFF;
 }
 
 #header0 a:hover{
 color: #ff0000;
 }
 
#header1{
 position:relative; 
 height:90px; 
 background: #ffffff url(images/menu.gif) no-repeat;
 width:900px;
} 

#headtitre{
background-color:#333333;
color:#FFFFFF;
}

#flash1{
 position:relative; 
  } 
    
#flash2{
 position:relative; 
  } 
  
#header2{
 position:relative; 
 height:100px; 
 background: #ffffff url(images/banner.gif) no-repeat;
 width:900px;
} 
#header3{
 position:relative; 
 height:19px; 
 color:#FFFFFF;
 background:#eee url('images/header3.png') no-repeat;  
 width:900px;
 padding-top: 0px;

} 
 
#leftcol{
 width:150px; 
 float:left; 
 margin:1px; 
 height: 100%;

 
  }
 
#leftcol ul {
list-style-type: none;
margin:5px; 
padding: 5px 0px 0px 0px;
}
#leftcol ul li {
padding: 0px 10px 15px;
background: transparent url(images/G2-otr_tn.gif) no-repeat;

}

#leftcol ul li a {

display: block;
color: #000000;


}

#leftcol ul li a:hover {
color: #ff0000;
}

#twocols{
 width:80%; 
 float:right; 
 position:relative;


 
  }
  
 #rightcolhead{
 width:225px; 
 float:right; 
 position:relative; 
 height:18px;
 margin:0px; 
 background-color:#255497;
 color:#FFFFFF;
 font-weight:bold;
 text-align:center;
padding: 0px 0px 0px 0px;
border: 1px solid #000000;
 
 }
 
#rightcoltext{
 width:225px; 
 float:right; 
 position:relative; 
 background-color:#ffffff;
 color: #444;
 padding: 2px 0px 0px 0px;
 border: 1px solid #000000;
 height:150px;
 overflow:scroll;

 
 
  }
#rightcolbutton{
 width:225px; 
 float:right; 
 position:relative; 
 margin:0px;
 padding: 0px 0px 0px 0px;
 border:1px solid #000000;
  background-color:#CCCCCC;
 height:34px;
  }
 
 #rightcolpub{
 width:225px; 
 float:right; 
 position:relative; 
 margin:0px; 
padding: 0px 0px 0px 0px;
border: 1px solid #000000;
 }
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:65%; 
 padding-top:10px;
 padding-bottom:15px;
 padding-left:0px;
 margin:0px;

 
 }
 
#english  a {
color: white;

}

#english a:hover {
color: #ff0000;
}

#footer {
height: 20px;
text-align: center;
line-height: 20px;
font-weight:bold;
color: #eee;
font-size: 11px;
background: transparent url(images/footer.gif) no-repeat;
 } 
 
 #footer a {
color:#FFFFFF;
 }
 
 #footer a:hover{
 color: #ff0000;
 }
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 
 }
 .txtindent {
	float:left;
	width:0.6em;
	font-size:260%;
	font-family:algerian,courier;
	line-height:70%;
}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}