/* top elements */
* {  margin: 0px;	padding: 0px; }

body {
	
	margin: 0; padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333; 
	background-color:#000000;

	background-image: 	url(bg.jpg);
	background-repeat: 	repeat;
	background-position: 	left top;
}

p
{
   font-size: 16px; }

/* menu */
#menu {

	
	background: inherit;
	width: 1130px;
	height: 38px;
	margin:  00;
	padding: 00;
}

#menu ul { 
margin:0; 
list-style:none; 
padding: 15px 0 0px 325px; 
}


#menu a, #nav strong, #nav span { 
float:left; 
display:block; 
border-top: 4px solid #37375e;
color:#37375e; 
padding: 5px;
font-size: 0.9em;
font-weight:bold;	
text-decoration:none; 
}

#menu a { 

float:none; 
}

#menu li { 

float:left; 
background:inherit; 
margin:2px; padding:0 0 0 0px; 
}

#menu a:hover { 
float:left; 
display:block;
background: #37375e;
border-top: 4px solid #37375e;
color:#fff; 
padding: 5px; 
text-decoration:none;
}

#menu .padding { 
padding: 5px 0 0 10px; 
font-weight: bold; 
color: #808080;
}
.align-center {
	text-align: center;
}


/* links */

a {
	color: #37375e;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	color: #373799; 
	background-color: inherit;
}

a img {border: none;}



/* headers */



h1, h2, h3 {
	font-family: Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: bold;
	color: #333;
	
}

h1 {
	font-size: 120%;
	text-align: center;
	letter-spacing: .5px;
	}

h2 {
	font-size: 115%;	
	text-transform: uppercase;
	 		
}

h3 {
	font-size: 115%;
	color: #003366;
			
}

/* images */
img {
	margin: 0px 0px 0px 0px
}

img.float-right {
  margin: 5px 0px 10px 10px;  
}

img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
	
	padding: 0;		
	margin: 10px;
}

ul, ol {
	font-family: "Bookman Old Style";
	font-size: 16px;
	margin: 10px 20px;
	padding: 0 20px;
}

code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #CC0000;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-weight: bold;  
}

.no_border {
	border: 0px;
}



/**********************************
  LAYOUT 
***********************************/


#wrap {
	background-color: transparent ;
	background-image: 	url(transpa.png );
	background-repeat: 	repeat;
	background-position: 	left top;
	margin: 0px auto;
	width: 992px;
	border: 5px solid #37375e;
	clear: both;
}


/* header */
#header {
	position: relative;
	margin: 0; padding: 0;
	height: 50px;
}

#header span#slogan {
	z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	
	color: #FFF;	
}



/* main column */



#main {
	margin: 	0 0 0 8px;
	padding: 	0px;
	width: 	720px;
	background-color: transparent ;
	float:	left;
	text-align: justify;
}

  
#main h1 {
	margin: 10px 0;
	padding: 4px 0 4px 8px; 
	font-size: 105%;
	color: #FFF; 
	background-color: #37375e;	
	letter-spacing: .5px;
}

#main a{
	border-bottom:1px dotted silver;
}

#main img {
	border: 2px solid #888888;
	margin: 5px 10px 0px 0px;
}


/* sidebar */

#sidebar {
	float: left;
	width: 200px;
	margin: 0 10px ; padding: 0; 
	background-color: transparent;	
	color: #ffffff;     	
}

#sidebar * a {
	color: #ffffff;	
}

#sidebar * a:hover {
	color: #ffffff;	
}
#sidebar h1 {

	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 100% Arial, Sans-Serif;
	color: #FFF; 
	background: #37375e; 
	letter-spacing: 1px;		
}


/** sidebar right **/

#sidebar2 {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 20px; padding: 0; 
	background-color: transparent;
	color: #ffffff;	
}

#sidebar2 h1 {
	
	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 100% Arial, Sans-Serif;
	color: #FFF; 
	background: #37375e; 
	letter-spacing: 1px;	
}

#sidebar2 * a {
	color: #ffffff;
}

#sidebar2 * a:hover {
	color: #ffffff;
}


/* colone de gauche */	

.fontaine a{
	display: block; 
	width: 200px; 
	height: 140px;
	background-color: transparent;
 	background-image: url(fontaine-accueil.jpg); 
	background-repeat: no-repeat;
}

.fontaine a:hover {
	/**background-image: url(fontaine-accueil.jpg);**/
}

.cheminee a{
	display: block; 
	width: 200px; 
	height: 212px; 
	background-image: url(cheminee-acceuil.jpg); 
	background-repeat: no-repeat;
}

.cheminee a:hover{
	/**background-image: url(cheminee-acceuil.jpg);**/
}

.pilier a{
	display: block; 
	width: 200px; 
	height: 267px;
	background-color : transparent ; 
	background-image: url(pilier-accueil.jpg);
	background-repeat: no-repeat;
}

.pilier a:hover{
	/**background-image: url(pilier-accueil.jpg);**/
}

.element a{
	display: block; 
	width: 200px; 
	height: 267px; 
	background-image: url(element-accueil.jpg); 
	background-repeat: no-repeat;
}

.element a:hover{
	/**background-image: url(element-accueil.jpg);**/
}

.escalier a{
	display: block; 
	width:  200px; 
	height: 155px; 
	background-image: url(escalier-accueil.jpg); 
	background-repeat: no-repeat;
}

.escalier a:hover{
	/**background-image: url(escalier-accueil.jpg);**/
}

.mobilier a{
	display: block; 
	width:  200px; 
	height: 167px; 
	background-image: url(banc-accueil.jpg); 
	background-repeat: no-repeat;
}

.mobilier a:hover{
	/**background-image: url(banc-accueil.jpg);**/
}

.sculpture a{
	display: block; 
	width: 200px; 
	height: 175px; 
	background-image: url(sculpture-accueil.jpg); 
	background-repeat: no-repeat;
}

.sculpture a:hover{
	/**background-image: url(sculpture-accueil.jpg);**/
}




/** right-box **/


/* footer */
.footer {
	background: none;
	clear: both; 	
	padding: 2px 0 10px 0; 
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
	color: #cccccc;
	border: 0px;
}

.footer a { 
	text-decoration: none;
	color: #ffffff;
}

/* preheader */
.preader { 
	clear: both; 	
	padding: 2px 0 10px 0;
	text-align: center;  
	line-height: 1.5em;	
	font-size: 95%;
	color: #cccccc;
	border: 0px;	
}

.preader a { 
	text-decoration: none; 
	font-weight: bold;
	color: black;
	border: 0px #000000;		
}

.preader img {
	margin: 0; padding: 0;
	border: 0px;
}

#espace {
	margin: 0px auto;
	width: 1127px;
	height:00px;
}



.language {
	float: right;
	margin:	5px 0 10px 0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear { clear: both; }
/** .red   { color: #CC0000; } **/
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}