body{
	background:url(images/ba.jpg) no-repeat top left ;
	margin:auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	}

#cot {
	position : absolute ;
	width: 295px;
	margin: auto;
	padding-top: 1px;
	padding-bottom: 5px;
}

	#news{
	height:90px;
	background:url(images/news.png) no-repeat bottom ;
	margin: -44px 0px 0px -30px;
	}			
	
	
	
	#zoom{
	height:90px;
	background:url(images/zoom.png) no-repeat bottom ;
	margin: -44px 0px 0px -30px;
	}			
/**************************************************************
Accordéon index
**************************************************************/
#conteu{
	margin:auto;
	}

#accordion {
	width:1254px;
	margin:-44px 112px;
    }

h3.toggler {
	cursor: pointer;
	border: 0px solid #f5f5f5;
	font-family: Verdana, Arial, Helvetica, sans-serif,;
	font-size:20px;
	background: url(images/titre-cartographik.png) no-repeat top left;
	color: #b9ab37;
	margin: 0 0 px 0;
	padding: 1px 75px 0px;
	
}

div.element p, div.element h4 {
	margin:1px;
	padding:1px;
}

blockquote {
	padding:15px 20px;
}


		
/**************************************************************
menu illustrations + border
**************************************************************/

#container {
	position : absolute ;
	width: 1500px;
	margin: auto;
	padding-top: 102px;
	padding-bottom: 10px;
}


.nav {
	float: center;
	margin-top: -15px;
}



h2 {
	font-size: 2.2em;
	margin: 0;
	border-bottom: 0px solid #666666;
	margin-bottom: 0px;
	color: #666666;
}

h3 {
	font-size: 20px;
	margin-top: 30px;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
	background: url(images/titre-cartographik.png) no-repeat top left;
	padding: 1px 75px 12px;
	color: #b9ab37;
}

a {
	color:#FFFFFF;
	text-decoration: #666666;
}

a:hover {
	color:#999999;
}
	
/**************************************************************
menu principal
**************************************************************/

#conteneur{
	width:1150px;
	margin:10px 40px 40px 8px;
	}

#menu{
	height:180px;
	margin:-44px 63px 40px 0px;
	}


#menu ul li{
	list-style:none;
	display:block;
	float:right;
	padding:10px;
	}


#menu ul li a{
	height:30px;
	width:80px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:250px;
	margin:0;
	color:#666666;		
	}
#menu ul li a:hover{
	color:#b28c0f;
	}
	
.clear{
	clear:both;
	}


#conto{
	height:560px;
	width:897px;
	
	}	
	
#image{	
	height:560px;
	width:897px;
	margin:-40px 0px 0px -35px;
	background: url(images/carte.png) no-repeat  center ;	
	}

#contact{	
	height:560px;
	width:897px;
	margin:-40px 0px 0px -35px;
	background: url(images/contact.png) no-repeat  center ;	
	}

		
/**************************************************************
bottom text
**************************************************************/		


#content{
	height:10px;
	width:700px;
	margin:-6px 0px 0px 50px;
	}

#text{
	color:#666666;
	font-size:9px;
	text-decoration:none;
	text-align:center;
	}