html, body{  margin:0;  padding:0;  text-align:center; } 
body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: x-small;	color: #000000; }
body { background-color: #E8E8E8; margin-top: 20px; }
a {	font-size: x-small;	color: #000000;}
a:link { text-decoration: none;  }
a:visited {	text-decoration: none;	color: #000000; }
a:hover { text-decoration: underline; color: #000000; }
a:active {	text-decoration: none;	color: #000000; }
#texte { margin-bottom: 5px; }

#pagewidth{  width:650px;  text-align:left;  margin-left:auto;  margin-right:auto;  } 
#header{ position:relative;  height:80px; margin-bottom:5px; } 
#leftcol{ width:150px; float:left; position:relative; border-right-width: 5px; border-right-style: solid; border-right-color: #E8E8E8;  }
#maincol{	float: right;	display:inline;	position: relative;	width:495px; background-color: #ffff00; }

#maincol4col{	float: right;	display:inline;	position: relative;	width:460px; }
#leftcol4col{ width:185px; float:left;	position:relative; border-right-width: 5px; border-right-style: solid;	border-right-color: #E8E8E8; }

 
 /*  ------------------colonne de gauche------------------ */
#colonnemenug{   padding:5px;  background-color:#FFFFFF;  margin-bottom:5px; }
 
 /* album */
#auteurphoto{ padding:5px;  background-color:#FFFFFF;  margin-bottom:5px; }
#auteuralbum{ padding:5px;  background-color:#FFFFFF;  margin-bottom:5px; }

 /*  ------------------colonne centrale------------------ */
 
 /*  Page RUB auteur : cadre contenant les photos d'auteurs  */ 
   #auteurubcadre{	padding: 10px;	background-color:#000099; }
 
 /*   ------------------PAGE RUBRIQUE auteur : photo des auteurs  ------------------ */
#auteurubphoto { padding: 5px;	background-color:#FFfFFF; float:left; margin-bottom: 5px; margin-right:5px;	text-align:center; }
#auteurubphoto4{ padding: 5px;	background-color:#FFFFFF;	float:left;	margin-bottom: 5px;	text-align:center; }
 
  /* P auteur : ambiance de l'auteur   */ 
 #auteurambiance{ 	border-bottom-width: 5px;	border-bottom-style: solid;	border-bottom-color: #E8E8E8;	padding: 5px;	background-color:#FFFFFF; }
 
 /* page auteur : texte de la biographie    */
#auteurtexte{ border-bottom-width: 5px;	border-bottom-style: solid;	border-bottom-color: #f0f0f0; padding: 5px;	background-color:#FFFFFF; }
 
 /* footer (optionnel)*/ #footer{ height:50px;   background-color:#607C59;  clear:both; } 
 
 /* menu */
#menu { width: 650px; height: 80px; background: url(interface.gif); margin: 0px auto; padding: 0; position: relative; }
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#menu a {display: block;}

#meniou1 {left: 1px; top: 1px; width: 100px; height: 76px;}
#meniou2 {left: 520px; top: 7px; width: 130px; height: 13px;}
#meniou3 {left: 520px; top: 24px; width: 130px; height: 13px;}
#meniou4 {left: 520px; top: 41px; width: 130px; height: 13px;}
#meniou5 {left: 520px; top: 58px; width: 130px; height: 13px;}
#meniou1 a {height: 79px;}
#meniou2 a {height: 13px;}
#meniou3 a {height: 13px;}
#meniou4 a {height: 13px;}
#meniou5 a {height: 13px;}
#meniou1 a:hover {background: url(interface.gif) -1px -81px no-repeat;}
#meniou2 a:hover {background: url(interface.gif) -520px -87px no-repeat;}
#meniou3 a:hover {background: url(interface.gif) -520px -104px no-repeat;}
#meniou4 a:hover {background: url(interface.gif) -520px -121px no-repeat;}
#meniou5 a:hover {background: url(interface.gif) -520px -138px no-repeat;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {  content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
 .clearfix{display: inline-table;}

/* 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;}
}