body { 
	font: 8pt/12pt arial; 
	background:#669966;
	margin-top:-5px;
}

table.tableau td,th{border:1px solid #000;}

h1{
	font-weight:bold;
	font-size:12px;
	background:url(imgs/h1.jpg) no-repeat;
	height:30px;
	margin-bottom:0px;
	padding-left:15px;
	padding-top:4px;
	color:#436B2C;
}

a{
	color:black;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

div#double{
	float:left;
	width:96%;
	border:3px double green;
	height:auto;
	padding:5px;
	text-align:center;
	margin-bottom:5px;
}

div#photo{
	float:left;
	width:180px;
	height:200px;
	backgro und:red;
	margin-right:15px;
	margin-bottom:10px;
}

div#cadre{
	float:left;
	width:180px;
	height:147px;
	background:url(imgs/cadre.jpg);
}

div#intcadre{
	position:relative;
	left:1px;
	top:19px;
}

div#cadre2{
	float:left;
	width:135px;
	height:145px;
	background:url(imgs/cadre2.jpg);
}

div#intcadre2{
	position:relative;
	left:0px;
	top:0px;
	
}

div#photo2{
	float:left;
	width:135px;
	height:240px;
	backg round:red;
	margin-right:15px;
	marg in-bottom:5px;
}

div#photo3{
	float:left;
	width:135px;
	height:160px;
	back ground:red;
	margin-right:15px;
	mar gin-bottom:10px;
}

div#conteneur{
	position:relative;
	width:1000px;
	height:auto;
	
	margin:auto;
	margin-top:0px;
	bor der:1px solid #736F8A;
	background:#fff;
}

div#banniere{
	float:left;
	width:1000px;
	height:120px;
	background:url(imgs/banniere.jpg);
}

div#menucss{
	float:left;
	width:1000px;
	height:20px;
	background:url(imgs/menu.jpg) no-repeat;
}

div#milieu{
	float:left;
	width:1000px;
	height:auto;
	background:url(imgs/milieu.jpg);
}

div#gauche{
	float:left;
	backg round:red;
	width:780px;
	height:auto;
	text-align:justify;
	padding:10px;
}

div#histo{
	float:left;
	width:370px;
	height:auto;
	padding-right:20px;
}
div#histobox{
	float:left;
	width:370px;
	height:auto;
	margin-bottom:20px;
}

div#menudroite{
	float:left;
	width:200px;
	height:auto;
	color:#fff;
	back ground-color:red;
}

div#boxdroite{
	float:left;
	width:160px;
	height:23px;
	background:url(imgs/titre.jpg);
	font-weight:bold;
	font-size:14px;
	padding-left:40px;
	padding-top:7px;
}


div#menudroite ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left:40px;
}

div#menudroite li{
	margin-bottom:5px;
}

div#menudroite li a{
	color:white;
	text-decoration:none;
	font-size:12px;
}

div#menudroite li a:hover{
	text-decoration:underline;
}

div#fond-livre{
	width:210px;
	height:180px;
	background:url(imgs/fond-livre.jpg);
	text-align:left;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
}


#menu2 {
position: relative;
padding:0px; 
margin:0px;
top: 0;
left: 0;
}
#menu2 {
widt h: 15em;
}
#menu2 dt {
cursor: pointer;
width:160px;
height:23px;
background:url(imgs/titre.jpg);
font-weight:bold;
font-size:12px;
padding-left:40px;
padding-top:7px;
margin-top:1px;
}


#menu2 dt#titre1 {
cursor: pointer;
width:160px;
height:23px;
background:url(imgs/titre1.jpg);
font-weight:bold;
font-size:12px;
padding-left:40px;
padding-top:7px;
margin-top:1px;
}

#menu2 dt#titre2 {
cursor: pointer;
width:160px;
height:23px;
background:url(imgs/titre2.jpg);
font-weight:bold;
font-size:12px;
padding-left:40px;
padding-top:7px;
margin-top:1px;
}

#menu2 dt#titre3 {
cursor: pointer;
width:160px;
height:23px;
background:url(imgs/titre3.jpg);
font-weight:bold;
font-size:12px;
padding-left:40px;
padding-top:7px;
margin-top:1px;
}

#menu2 dt#titre4 {
cursor: pointer;
width:160px;
height:23px;
background:url(imgs/titre4.jpg);
font-weight:bold;
font-size:12px;
padding-left:40px;
padding-top:7px;
margin-top:1px;
}


#menu2 dd {
borde r: 1px solid gray;
}
#menu2 li {
margin-bottom:5px;
}
#menu2 li a, #menu2 dt a {
	color:white;
	text-decoration:none;
	font-size:12px;
}
div#copy{
	float:left;
	width:100%;
	height:auto;
	color:#fff;
text-align:center;
background-color:#669966;
}

div#copy a{
	color:#fff;
	text-decoration:none;
}



















#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
z-index:10;
}

#menu {
position:relative;
top:0px;
left:0px;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 170px;
}

#menu dl#accueil {
float: left;
width: 60px;
bor der:1px solid red;
}

#menu dl#presentation {
float: left;
width: 95px;
bor der:1px solid red;
}
#menu dl#presentation li{

width: 120px;
bor der:1px solid red;
}

#menu dl#tourisme {
float: left;
width: 80px;
bor der:1px solid red;
}

#menu dl#social {
float: left;
width: 70px;
bor der:1px solid red;
}

#menu dl#commerce {
float: left;
width: 155px;
bor der:1px solid red;
}

#menu dl#commerce li{
width: 180px;
}

#menu dl#culture {
float: left;
width: 115px;
bor der:1px solid red;
}
#menu dl#culture li{

width: 145px;
bor der:1px solid red;
}

#menu dl#jumelage {
float: left;
width: 75px;
bor der:1px solid red;
}
#menu dl#jumelage li{
	width:100px;
}

#menu dl#sports {
float: left;
width: 60px;
bor der:1px solid red;
}
#menu dl#sports li{

width: 150px;
bor der:1px solid red;
}

#menu dl#videos {
float: left;
width: 75px;
bor der:1px solid red;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
backgro und: #ccc;
bord er: 1px solid #fff;
margin: 1px;
color: #fff;
height:19px;
padding-top:1px;
}

#menu dd {
position:absolute;
display: none;
bor der: 1px solid gray;
}


#menu li {
text-align: center;
background: #436B2C;

}

#menu li a{
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}

#menu li a:hover {
background: #A9D193 ;
}




.pano 
{
	f loat: left; 
	color: white;
	background-color: #fff;
	width: 640px;
	padding: 0px;
	margin: 0px; 
}

.pano_picture
{
	position: relative;
	left: 0px;
	top: 0px;
	background-image: url(imgs/pano_sample.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 350px;
	width: 640px;
	margin-bottom: 0px;
	border:1px solid #000;
}

.scrolling_left
{
	float: left;  
	height: 480px;
	width: 100px;
	margin-bottom: 0px;
}

.scrolling_right
{
	float: right;  
	height: 480px;
	width: 100px;
	margin-bottom: 0px;
}

.nav_bar
{
	text-align:center;
	width:640px;
	margin-top:0px;
}


















#calendrier li{
	list-style: none;	
}


#libelle {
	width: 160px;
	margin: 0 auto;
	padding: 0;

}
.ligne {
	width: 160px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 20px; 
	
}
.ligne li {
	color: #666;
	float : left; 
	width : 20px; 
}




.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem, li.itemCurrentItem a {
	/* A vous de configurer l'apparence de la date du jour */
	color:#fff;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
}

li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}	

h2#mois{font-size:10pt; text-align:center; margin-left:20px;}