@charset "utf-8";
/* CSS Document */

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;

	background-image:url('images/fond.jpg'); 
}

div#conteneur
{
	width: 880px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #000 ;
	background: #fff ;
}


h1#header
{
	height: 138px ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(title.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}

a.viewpic {
  position:relative;
  border-bottom:1px dashed #FF8080;
  text-decoration: none;
  color:grey;
}
a:hover.viewpic {
  text-decoration: none;
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline;
  position: absolute; 
  top: 70px;
  left: 160px;
  z-index: 20;
  width:100%;
  padding:2px 4px;
} 

/* ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 130px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}

ul#menu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}*/


.couleur {
     color: #FF9617;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-weight : bold;
}

div#contenu
{
	padding: 0 25px 0 20px ;
	background: url(bg_page.gif) no-repeat 15px 15px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(little_apple.gif) no-repeat left bottom ;
	color: #999999 ;
	border-bottom: 1px solid #999999 ;
}


div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #999999 ;
	border-left: 3px solid #999999 ;
	color: #999999 ;
}


div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}


div#contenu a
{
	color: #999999;
}

div#contenu a:hover
{
	color: #999999;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #999999 ;
}


pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #999999 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}