/* CSS Document */

body{
width: auto;
color:#CCCC99;
padding: 0px;
margin: 0px;
background-color: #6666CC;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#contenu{
		position: absolute;
		margin: 0em 0em 4em;
		padding: 0em 1em 3em 0em;
		position: relative;
		width: auto;
		height: auto;
}
#title1{
	position: absolute;
	z-index: 3;
	top: 0.2em;
	left: 2.2em;
	width: 6em;
	margin: 0px;
	border: 0px;
	padding: 0em 0em 0em 0em;
	font-size: 2em;
	text-align: left;
}
#title2{
	position: absolute;
	top: 0.6em;
	left: 13em;
	width: auto;
	margin: 0px;
	border: 0px;
	padding: 0em 0em 0em 0em;
	font-size: 1.6em;
	text-align: left;
}
#sternes{
	position: absolute;
	z-index: 1;
	left: 0em;
	top: 0;
	margin: 0 auto;
	width: auto;
	border: none;
	padding: 0em;
}
h3 {
	position:absolute;
	top:6em;
	left:0;
	width:80em;
	height: 1.4em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#336669;
	background-color:#333333;
	text-align:left;
	padding: 0em 2em;
	margin: none;
	border: none;
	
	}
h3 a:link {
	color:#336666;
	background-color:transparent;
	text-decoration:none;
}
h3 a:visited {
	color: #336666;
	background-color:transparent;
	text-decoration:none;
}
h3 a:hover {
	color:#33CC66;
	background-color:transparent;
	text-decoration:none;
	z-index: 4;
}
h4{
	background-color:#330066;
	height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border: none;
	margin: 1em 0em;
	padding: 0em 2em;
	color: #006633;
}

#commentaire{
position: relative;
left: 0em;
top: 7em;
margin: 0em;
width: auto;
border: none;
padding: 0em 1em 2em 2em;
font-family: Arial, Helvetica, sans-serif;
	}

#galerie
{
	width: 69em;
	margin: 1em 0em 1em 2em;
	padding: 1em;
	font: 0.9em Georgia, serif;
	text-align: center;
	border: none;
	background: #666699;
	letter-spacing: 2em;
	
}
ul#galerie_mini
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 
ul#galerie_mini li { float: left; }
 
ul#galerie_mini li a img
{
	margin: 2px 2px;
	border: 1px solid #666699;
	
}
ul#galerie_mini li a: hover
{
	margin: 2px 2px;
	border: 1px solid #400080;
}
dl#photo
{
	clear: both;
	margin: 0 auto;
}
 
dl#photo dt
{
	font: italic 2.5em/1.3em Georgia, serif;
	color: #CCCC99;
}
 
dl#photo dd { margin: 0; }
 
dl#photo img {
	border: 1px solid #666699;
}
a:link {
color:#99CC00;
background-color:transparent;
text-decoration: none;
}
a:visited {
color: #CCCC33;
background-color:transparent;
text-decoration: none;
}
a:hover {
color:#FF0033;
background-color:transparent;
text-decoration: none;
}
.xxlarge{
	font-size: xx-large
}
.xlarge{
	font-size: x-large
}
.large{ font-size: large}
.green1{color: #CCFF66;}
.green2{color: #CCCC00;}
.blue2{	color: #3399FF;}
.blue1{	color: #33FFFF;}
.orange1{color: #FF6633;}
.orange2{color: #CC6600;}
.orange3{color: #FFCC00;}
.orange4{color: #FF0000;}
.italic{ font-style: italic;}
.small{ font-size: x-small}
#p1 { position: absolute; top:9em; left: 15em; z-index:2;}
#p2 { position: absolute; top: 42em; left: 50em; z-index:2;}
#texte { position: relative; top: 0em; left: 0em; z-index:3;}
#kalil { position: absolute; top: 68em; left: 65em; z-index:2; font-size:0.8em; width: 6em }
#to { position: absolute; top: 1.5em; left: 5em; z-index:2; font-size:0.8em; width: auto}
#pict-to { position: absolute; top: 3em; left: 4em; z-index:1; }