html, body{ 
 margin:0px; 
 padding:0;
 line-height: 150%;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: center;
 } 
 #pagewidth{
position:relative;
width:700px; 
 margin-left: auto;
 margin-right: auto;
 border-left: 1px #999 solid;
 border-right: 1px #999 solid;
 text-align: left;
 }
 


/* image */
img {
display: block;
}

/*position */
#header{
 position:relative; 
 height:50px; 
  background-image: url(../img/titreheader.gif) ;
 background-repeat: no-repeat;
 width:100%;
 font-family: Georgia;
 font-size: x-large;
 font-style: italic;
 letter-spacing: 2px;
 padding-top: 50px;
 border-top: 4px green solid;
 text-align: left;
} 
 
#leftcol{
background-color:#E2F0FA; 
border: 1px #993 solid;
padding: 20px;
margin: 25px;
text-align: left;
 }
 
#maincol{background-color: #FFF;
margin: 20px;
text-align: justify;  
 }
#maincol .question{
	color: #fff;
	background-color: #55A4DD;
	padding: 3px;
	font-weight: bold;
	margin-top: 15px;
	letter-spacing: 1px;
	text-indent: 15px;
}
#maincol .answer{
	border: #55A4DD 1px solid;
	padding: 10px;
	font-size: 0.8em;
}
#footer{
 height:120px; 
  background-color:#353535;
  color: #FFF;
  clear:both;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  letter-spacing: 2px;
  text-align: center;
  
 } 
 
 
 /* Liens */
#maincol a {
	color: #0000FF;
	padding: 2px;
}
#maincol a:hover{
	background-color: #144D76;
	color: #FFF;
	text-decoration: none;
}
#maincol a:visited{
	color: #8B66B0;
	text-decoration: none;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #353535;
	background-color: #DADADA;
}
#footer a:visited, {
	color: #fff;
	text-decoration: none;
}
#prepa{
 height:80px; 
  background-color:#353535;
  color: #FFF;
  clear:both;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: x-small;
  letter-spacing: 2px;
  
 } 
 
#voltaire{
	background-image: url(../img/voltaire.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	height: 100px;
	width: 350px;
	padding-left: 85px;
	color: green;
/*	border: #000 1px solid;	*/
}
#auteur{
	font-size: 1.3em;
}
#citation{
	font-weight: 400;
}
/* NAVIGATION par onglet*/
#menu {
	FONT-SIZE: 93%;
	FLOAT: left;
	WIDTH: 100%;
	LINE-HEIGHT: normal;
	background: url(../img/bg.gif) #dae0d2 repeat-x 50% bottom;
	MARGIN: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: #000;
	PADDING-TOP: 0px;
	margin-bottom: 25px;
	voice-family: inherit;

}
#menu UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 50px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
	LIST-STYLE-TYPE: none;
	letter-spacing: 1px;
}
#menu LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../img/left.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
#menu A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../img/right.gif) no-repeat right top;
	FLOAT: left; PADDING-BOTTOM: 4px;
	COLOR: #555;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none
}
#menu A {
	FLOAT: none
}
#menu A:hover {
/*	COLOR: #70705F;*/
 color: #111;
}
#menu #current {
	BACKGROUND-IMAGE: url(../img/left_on.gif)
}
#menu #current A {
	BACKGROUND-IMAGE: url(../img/right_on.gif);
	PADDING-BOTTOM: 5px;
	COLOR: #333;
}

/* mise en forme bckg */
#about{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 0.8em;
	font-variant: small-caps;
	background-color: #55A4DD;
	color: #fff;
	padding: 3px;
	text-align: left;
	margin-left: 27px;
}
#maincol .names{
	color: #993;
	font-size: 1.5em;
	font-family: Georgia;
	letter-spacing: 2px;
	font-weight: 700;
	padding-top: 10px;
}
#maincol .fonction{
	color: Gray;
	font-style: italic;
}
#maincol li{
list-style-type: circle; 
}
#maincol hr{
	width: 70%;
	color: #008000;
	text-align: center;
}

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