body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #CCBE9B;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	color: #ffffff;

	margin-top: 10px;

}
#header {

	background-image:url(HeaderX.gif);

	background-position:center;

	background-repeat:no-repeat;

	width:790px;

	height:162px;
	
	

	}
#bottom {
	vertical-align: bottom;
	text-align: center;
	width:540px;
	
	}

#conteneur {

	width:790px;

	margin: 0px auto;

	background-image:url(BodyX.gif);

	background-repeat:repeat-y;

	background-position:center;

	}

#texte {

	width:430px;

	padding-left:60px;

	padding-right:40px;
	
	padding-top:5px;

	float:left;

	}

#menu {

	width:250px;

	padding-left:10px;
	Margin-Top:0px;
	padding-top:0px;

	float:left;

	}

#pied {

	background-image: url(FooterX.gif);

	background-repeat: no-repeat;

	background-position: center;

	height: 61px;

	text-align: left;

	padding: 0px 40px 0px 0px;

	clear: both;

}

#nav {

	width:200px;

	float:left;

	}

#nav a:link, #nav a:visited {

	background-color: #CBBD9A;
	
	border: 1px solid #000000;
	
    border-left:1px solid #000000;
	
	border-right: 1px solid #ffffff;
	color: Black;

	width: 174px;

	margin: 5px 0px 0px 11px;

	padding: 5px 0px 5px 20px;

	text-decoration: none;

	display: block;

	font: bolder;
	
	font-weight: bold;

}

#nav a:hover {

	background-color: #6E563A;

	border:1px solid #000000;

	border-left:1px solid #000000;

	border-right: 1px solid #ffffff;

	width:174px;

	margin:5px 0px 0px 11px;

	padding:5px 0px 5px 20px;

	color:#000000;

	text-decoration:none;

	}

#nav a.active {

	background-color: #6E563A;

	border: 1px solid #000000;

	border-left: 1px solid #000000;

	border-right: 1px solid #ffffff;

	width: 174px;

	margin: 5px 0px 0px 11px;

	padding: 5px 0px 5px 20px;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}	

	

.title {

	color:#CBBD9A;

	font-size:16px;

	border-bottom:1px solid #CBBD9A;

	border-top:1px solid #CBBD9A;

	}

.write {

	border-left: 1px none #CBBD9A;

	padding-left: 10px;

	text-align: justify;

}

.coment {

	border-left:1px solid #CBBD9A;

	border-bottom:1px solid #CBBD9A;

	padding-left:10px;

	text-align:left;

	}

.coment a:link, .coment a:visited {

	text-decoration:none;

	color:#FFBB11;

	}

.coment a:hover {

	background-color:FFBB11;

	color:#FFFFFF;

	}

.img {

	border:1px solid #CBBD9A;

	}

.text {

	background-color:#FFFFFF;

	border:1px solid #CBBD9A;

	}

.code {

	background-color:#eeeeee;

	width:350px;

	text-align:left;

	border:1px solid #CBBD9A;

	padding:5px;

	margin-left:10px;

	}

.quote {

	background-color:#eeeeee;

	font-style:italic;

	width:350px;

	text-align:left;

	border:1px dashed #CBBD9A;

	padding:5px;

	margin-left:10px;

	}

a:link {

	color:#FFBA0A;

	text-decoration:underline;
	
	}

a:visited {

	color: #FFBA0A;
	
	text-decoration:underline;

}

a:hover {

	/*background-color:#CBBD9A;*/

	color:#D06F02;

	text-decoration:underline;
	
	

	}

p {

	margin: 0px 0px 10px 0px;

	padding: 0px 0px 0px 0px;

	}

	



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

top: -200px;

left: -100px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: -200px;

left: -100px; /*position where enlarged image should offset horizontally */



}