html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-color: #383431;
  font-size: 11px;font-family:arial;color:#828180;
} 

a {outline:none;}
h1 {font-weight : bold;font-size : 18px; margin-top:0px;margin-bottom:-10px;}
#titreclick
{background-color: transparent;width:300px; height:100px; position:absolute;margin-top:0px;}
#pagewidth{ 
border-style:solid;
border-width:1px; border-color:#828180;
 width:1200px; 
 margin-top:50px;
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 
} 
 #wrapper {
   margin-top:-40px;
    background-color: #ffffff;
   }

/*    titres */
.abs {
position:absolute;
top:0px;
left:200px;
width:360px;
padding:3px;
text-align:justify;
/* border:1px solid gray;  */
}
.titre
  {margin-top:50px;
  margin-left:20px;
  position:absolute;
  }
#header{
 position:relative; 
 height:130px; 
  background-color:transparent; 
 width:100%;
  z-index:2;
} 

#buttons

{  z-index:3; margin-left: 700px;margin-top:-60px; }
 
 #buttons  img { border-width:0px;}
 
 .menutop
  {margin-left:0px; }
 

#leftcol{
 width:784px; 
 float:left; 
background-color: #ffffff;

 position:relative; 
  }
 
#twocols{
 width:416px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
margin-left:-280px;
 width:416px; 
 float:right; 
 background-color: #ffffff;
 position:absolute; 
 }
 #rightindex{
margin-left:0px;
 width:416px; 

 background-color: #ffffff;
 position:absolute; 
 }
 #righttext{
height : 340px;
overflow-x:hidden;
overflow-y:auto;
 width:600px; 
margin-top: 120px;
margin-left: 20px;
 background-color: #ffffff;
 position:absolute; 
 padding : 10px 10px 10px 10px ;
 text-align : justify;
/*  border-style:solid; */
/* border-width:1px; border-color:#828180; */
 }
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 

 width:0px; 
 }
 
#footer{
 height:100px; 


 } 
 
 
 #login
 {float:left;position:absolute;
 width:300px; height:78px; margin-top:2px;clear:both;
}
 #login2
 {margin-top:8px;
}
 #login textarea
 {padding-left:5px;font-size:10px;font-family:arial;margin-top:5px;margin-left:50px;background-color:transparent;height:15px;border-width:1px;border-style:solid;border-color:#828180;width:100px;color:#ffffff;overflow: auto; }
.go
{float:right;margin-right:120px;
margin-top:28px !important;
margin-top:33px;
border-width:0px;}
.lounge
{margin-left:50px ;

border-width:0px;}

 #credits
 {
 
position:absolute;
 margin-left:870px;margin-top:50px;text-decoration:none;font-size: 11px;font-family:arial;color:#828180;font-weight:normal;}
 
b.menubottom {text-decoration:none;font-size: 11px;font-family:arial;color:#828180;font-weight:normal;}
 #credits a {text-decoration:none;}
  #forgot
 {margin: 5px 50px;
}
   #forgot a {text-decoration:none;}
 
 
 
 
 
 
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}


* html .clearfix{height: 1%;}
.clearfix{display: block;}




 @media print{ 

#leftcol{display:none;} 


#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
#dev{font-size: 10px;color : #696969;margin-left:auto;margin-right:auto;text-align:center;}
#dev a {color : #696969;text-decoration:none;}
#dlist {position:absolute;margin-left:20px; margin-top: 120px;}


/* FORMATAGE RSS */

#titres a
{text-decoration:none;font-size: 12px;font-family:arial;color:#828180;}
#titres a:hover
{text-decoration:underline;font-size: 12px;font-family:arial;color:#777;}
#alltable li
{margin-left:-20px;width:590px;}