html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 color:#666;
  font-size: 12px;font-family:arial;
 background-image:url('../pics/top.png') !important;
 background-image:url('pics/tdop.png'); 

	background-repeat: no-repeat ;
	background-position: center top; 

} 

 a{outline:none;}
a :active{color:#666;text-decoration:none; outline:none;	font-size:10px;}
a :hover {  text-decoration:none;}
#background{position:absolute; z-index:-1; top: 0;
	left: 0;
width:100%; height:auto;
background-image:url('../pics/top.png') !important;
	background-repeat: repeat-y;

}

#pagewidth{ 
 width:1000px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background-color:#ccc; 
} 
 
#header{
 position:relative; 
 background-color:transparent; 
 height:260px; 

/* background-image:url('pics/had.png'); */
 z-index:1;
 width:100%;
} 
 #banneroverlay
 { 
z-index:2;
  margin-left:0px;
  margin-top:0px !important;
    margin-top:0px ;
  float:left;

position:absolute;
 clear:both;}
#headermenu{margin-left:417px;margin-top:40px;
z-index:4;
position:absolute;
}

.header_item
{height:40px;width:90px;z-index:2;}
 #wrapper{margin-top:-100px;

 }
#leftcol{
 width:20%; 
 float:left; 
 position:absolute; 
 background-color:#fff; 

  height: 720px;
 }
#filariane {font-size:10px;float:left;position:absolute;color:#666;z-index:8;margin-left:270px;margin-top:99px;}
 #menu{margin-top:-600px;margin-left:30px;}
.menuitem{
display:block;
width:180px;
height:70px;
margin-top:-5px;
z-index:4;

position:relative; 


 } 
#maincol{ background-color:#FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 height: 720px;

 }
 #contenu
 { background-color:transparent; 
  margin-left:67px;
  margin-top:120px;
z-index:2;
width:400px;
 position: absolute;

 }
  #contenu_2
 { background-color:transparent; 
 
  margin-top:50px;

width:500px;
 position: absolute;
 text-align:justify;
 margin-bottom:100px;

 }
  #title
 { 
z-index:1;
  margin-left:0px;
  margin-top:0px;
position:absolute;
 clear:both;}
 

 #video_container{border-width:6px;border-color:#ccc;border-style:solid;   -moz-border-radius : 5px 5px;
 z-index:1;
 width:400px;
 float:left;
  margin-left:120px;
  margin-top:200px;
position:absolute;
 clear:both;}
  #google_container{
 z-index:1;
border-width:1px;border-color:#ccc;border-style:solid; 
 width:400px;
 float:left;
  margin-left:80px;
  margin-top:170px;
position:absolute;
 clear:both;}
   #book_container{
 z-index:1;
border-width:1px;border-color:#ccc;border-style:solid; 
 width:400px;
 float:left;
  margin-left:80px;
  margin-top:0px;
position:absolute;
text-align:center;
 clear:both;}
 .acces_text{
  z-index:1;

 float:left;
  margin-left:80px;
  margin-top:540px;
position:absolute;
 clear:both;}
 
 #tvoverlay
 { 
z-index:2;

  margin-left:875px!important;
      margin-top:-173px !important;
 margin-left /*\**/: -148px\9;
    margin-top /*\**/: 95px\9;
position:absolute;
 clear:both;}
 
#footer{
 height:160px; 
z-index:3;
  margin-left:-11px;
   margin-left /*\**/: -11px\9;
  margin-top:-120px;
position:absolute;
 clear:both;
 } 
 #credits a {  color:#666;text-decoration:none;}

 #credits
 {color:#666;position:absolute; margin-top:-130px;
 margin-left:52px;
    margin-left /*\**/: -980px\9;
    margin-top /*\**/: 130px\9;}
 .jcarousel-skin-tango{
 height:160px; 
z-index:1;
  margin-left:100px;
  margin-top:495px;
position:absolute;
 clear:both;
 } 

 #floatingpat
 { 
z-index:1;
  margin-left:700px;
  margin-top:-48px;
position:absolute;
 clear:both;}
  #floatingpat2
 { 
z-index:1;
  margin-left:792px;
  margin-top:-47px;
position:absolute;
 clear:both;}
 
 
 #compteur
 {position:absolute;clear:both;border-width:1px;border-color:#ccc;border-style:solid;   -moz-border-radius : 5px 5px;  width:160px;
 margin-left:42%; 
 margin-top:-75px;
     margin-top /*\**/: 200px\9;
	  margin-left /*\**/: -580px\9;
 text-align:center;}
 
 
 #compteur2
 {position:absolute;clear:both;border-width:1px;border-color:#ccc;border-style:solid;   -moz-border-radius : 5px 5px;  width:160px;
 margin-left:42%; 
 margin-top:-55px;
     margin-top /*\**/: 180px\9;
	  margin-left /*\**/: -580px\9;
 text-align:center;}
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
#compteur a {font-weight:bold;color:#666;text-decoration:none; outline:none;	font-size:12px; } 
.clearfix{display: inline-block;}

#sign {font-size:10px;
margin-top:20px;
margin-left:380px;
     margin-top /*\**/: 275px\9;
	  margin-left /*\**/: -630px\9;

text-align:center;position:absolute;
color:#fff;}
#sign a {text-decoration:none;color:#fff;}

/* 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;} 
#twocols, #maincol{width:100%; float:none;}
}