/* css Zen Garden submission 196 - 'Elegance in Simplicity', by Mani Sheriar, http://www.manisheriar.com/blog/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Mani Sheriar */
/* Added: December 1st, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



* {
	margin:0;
	padding:0;
	}
body {
	background:#888;
	padding:0 0 20px 0;
	}
a {
	color:#C1A678;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	border:1px solid #C1A678;
	border-right:none;
	border-left:none;
	}
abbr, acronym {
	cursor:help;
	}
#container {
	position:relative;
	width:761px;
	left:50%;
	margin-left:-390px;
	background:#fff url(images/V0.5_06.jpg) repeat-y center;
	overflow:auto;
	z-index:100;
	}
	
#container h1 span {
	display:block;
	font-style:normal;
	font-size:16px;
	/*border-top:solid 1px #888;*/
	border-bottom:solid 1px #aaa;
	width:708px;
	padding:2px;
	color:#974C4C;
	padding-left:11px;
	margin-bottom:15px;
	background:#fff url(images/PuceH1.jpg) no-repeat;
	background-position:left center;
	}

#map {
width:500px;
height:500px;
padding:2px;
border : solid 1px #AF8E4F;
}
	
#container h2 span {
	display:block;
	font-size:13px;
	color:#974C4C;
  padding-top:5px;
	}
	
#container h3 span {
	/*display:none;
	font-size:15px;*/
	}
#container h4 span {
	/*display:none;*/
	font-size:12px;
	color:#AF8E4F;
	}

#container b
 {
	/*display:none;*/
	color:#AF8E4F;
	}

#container th {
	/*display:none;*/
	color:#AF8E4F;
	}

#container table
{
/*border:solid 1px #AF8E4F;*/
}
	
#intro {
	position:relative;
	padding-bottom:5px;
	height:auto !important;
	height:1%;
	}
#pageHeader {
	position:relative;
	width:761px;
	height:226px;
	margin:0 auto;
	background:url(images/V0.5_02.jpg) no-repeat right;
	}
#pageHeader h1,
#pageHeader h2 {
	display:none;
	}
#mainText {
	width:720px;
	font:normal 12px/18px Georgia,"Times New Roman",Times, serif;
	font-style:italic;
	color:#444;
	margin:20px 0 0 20px;
	padding-bottom:26px !important;
	padding-bottom:0;
	text-align:justify;
	}

#mainText p {
margin-top:5px;
margin-bottom:10px;
margin-left:15px;
margin-right:15px;
	}


/*
#menu {
	display:inline;
	float:right;
	background:url(check.gif) no-repeat left center;
	padding-left:18px;
	margin-bottom:-26px;
	}
*/

#mainText p ul{
	padding-left:25px;
	padding-right:25px;
	margin:3px;
	}


#navigation li {
	display: inline ;
  padding-left:18px;
	}

#photo
{
  float:left;
  padding-left:50px;
  padding-top:41px;
  width:350px;
  height:500px;
	background:url(images/Cadre.jpg) no-repeat;
}

#thumbernail
{
  overflow:auto; 
  width:300px;
  height:450px;
}

#thumbernail a
{
  border:none;
}


#navigation 
{
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
	width: 100%;
}
	
/*#navigation li {
	display: inline ;
	margin-right: 1px ;
	}
#navigation li a {
	padding: 4px 20px ;
	background: #fff ;
	border: 1px solid #ccc ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	font-size:10px;
  }
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #eee ;
	}	
*/
/*
#navigation li {
	float: left ;
	}
#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: 0 ;
	}
#navigation li {
	float: left ;
	width: 150px ;
	border: 1px solid #600 ;
	margin-right: 1px ;
	color: #fff ;
	background: #c00 ;
	}	
#navigation li a {
	display: block ;
	background: #c00 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 4px 0 ;
	text-align: center ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	}
*/  	
	


#footer {
	display:inline;
	float:right;
	background:url(check.gif) no-repeat left center;
	padding-left:18px;
	color:#eee;
	margin-top:15px;
	margin-right:5px;
	}
#extraDiv1 {
	position:relative;
	left:50%;
	margin-left:-390px;
	background:url(images/V0.5_07.jpg);
	width:761px;
	height:32px;
	}
#extraDiv2 {
	width:49%;
	position:absolute;
	top:0;
	left:0;
	height:210px;
	background:url(images/V0.5_01.jpg) repeat-x;
	z-index:10;
	}
#extraDiv3 {
	width:49%;
	position:absolute;
	top:0;
	right:0;
	height:210px;
	background:url(images/V0.5_03.jpg) repeat-x;
	z-index:10;
	}
#extraDiv4 {
	position:absolute;
	top:201px;
	left:50%;
  width:761px;
	height:226px;
	margin-left:292px;
	background:url(images/CeramisteFormatrice.gif) no-repeat;
	z-index:110;
	}
#extraDiv5 {
  display:none;
	position:absolute;
	top:40px;
	left:40px;
  width:200px;
	height:90px;
	background:url(images/EnConstruction.png) no-repeat;
	z-index:120;
	}