@charset "utf-8";

/* ------------------------------commun à toutes les pages----------------------------*/

html {
	height: 100%;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #BF7035;
	/*background-color: #C1C8D9;*/
	background-image: url(../images/fd-body.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#conteneur {
	zoom: 1;
	position: relative;
	width:800px;
	margin: 10px auto 0;
	padding:0;
	overflow:hidden;
	text-align:left;
	background-color: #FFF;
}
#header {
	zoom: 1;
	width: 800px;
	height: 210px;
/*	overflow: hidden;*/
	margin: 0 auto;
	padding : 0;
	background-color: #A50;
}
.separation {
	clear: both;
	visibility: hidden;
	width: 780px;
	height: 6px;
	border: 0;
	padding: 0;
}
.clear {
	clear:both;
}
.centre {
	text-align: center;
	margin: 0 auto;
}
.photogauche {
	float:left;
	margin: 0 10px 0px 5px;
}
#logo {
	width: 170px;
	height: 170px;
	float:left;
	margin: 10px 0 0 0;
	padding: 0;
}
#logo p {
	text-align:left;
	margin: 20px 0 0 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333;
}
#diaporama {
	width: 620px;
	height: 180px;
	margin: 0;
	padding: 0;
	float:right;
}
ul#diapo {
	display: block;
	float: right;
	overflow: hidden;
	width: 620px;
	height: 180px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: middle;
}
ul#diapo li {
	width: 620px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	/*text-align: center;*/
	vertical-align: middle;
}
ul#diapo li img {
	border: 0 none;
}
#blocmenu {
	zomm: 1;
	position:absolute;
	top: 180px;
	left: 0;
/*	width: auto;*/
	width: 800px;
/*	height: 28px;*/
	background-color: #693;
	z-index:90;
}
INPUT.submit3 {
	width: 20px;
	height:20px;
	margin:0 0 0 2px;
	padding:0px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 70%;
	font-weight: bold;
	background-color: #E9E9E9;
	color: #000000;
}
INPUT.text {
	width: 126px;
	height:20px;
	margin:0px;
	padding:0px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 70%;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
}
#chemin {
	width: 500px;
	height:20px;
	margin: 0 0 0 10px;
	color: #000;
}
#chemin p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
#chemin p a {
	color: #000;
	text-decoration: none;
}
#chemin p a:hover {
	color: #9F5000;
	text-decoration: none;
}
#contenu {
	position:relative;
	width:800px;
	height: auto;
	margin: 20px 0 0 0;
/*	margin: 0;*/
	padding:0;
	float: left;
	overflow: hidden;
}
#contenu table.article {
	display: block;
	width: 690px;
	margin: 0 auto;
	text-align: center;
	zoom: 1;
	min-height: 1px;
}
#contenu h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	text-align:center;
	color: #693;
	margin: 0 0 0 0px;
	padding: 10px 0 10px 0;
}
#contenu h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	text-align:center;
	font-weight: bold; 
	color: #AF7936;
	margin:0 auto 10px auto;
	padding:0;
}
#pied {
	width:100%;
	margin: 0;
	padding: 15px 0 0 0;
	text-align:center;
	background-color: #A50;
}
#pied p {
	text-align:center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align:center;
	margin: 0 auto;
}
#pied p a {
	color: #FF9;
	text-decoration: none;
}
#pied p a:hover {
	color: #9F6;
}
.plus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #9F6;
}
.espace5 {
	padding: 5px;
}
.espace2 {
	padding: 2px;
}
#bas {
	width: 100%;
	margin: 0px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background-color: #A50;	
}
#bas p {
	font-size: 0.7em;
	padding: 10px 0 0 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
#bas p a {
	text-decoration: none;
	color: #FF9;
}
#bas p a:hover {
	color: #9F6
}

/* ------------------------------page d'accueil----------------------------*/

#logoac {
	width:320px;
	height:70px;
	margin: 45px 0 0 40px;
	padding: 0;
}
#logoac p {
	margin: 0;
	padding:0;
	text-align:center;
}
#lg370 {
	position: relative;
	width:370px;
	height: 400px;
	margin: 25px 0 0 0;
	padding: 10px 0 0 0;
	float:left;
	background-image: url(../images/fond-lg370.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#lg370 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align:left;
	color: #795151;
	margin: 0 0 0 0;
	padding: 0 0 0 60px;
}

#lg370 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	text-align:left;
	color: #069;
	margin: 0 0 0 0;
	padding: 5px 0 10px 60px;
}
#lg350 {
	position: relative;
	width:350px;
	height: 400px;
	margin: 30px 0 0 0;
	padding: 0;
	float:left;
	background-image: url(../images/fond-manif-ac.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#lg350 p {
	width:300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #764701;
	margin: 0px 0px 0 0px;
	padding: 40px 0 0 0;
}
#ecomusee {
	position:absolute;
	left:726px;
	top:293px;
	width:78px;
	height:257px;
	z-index:11;
}
#castor {
	position:absolute;
	width:96px;
	height:89px;
	left:700px;
	top:502px;
	z-index:110;
}
#infos {
	position: relative;
	top: 0;
	left:0;
	width: 300px;
	height: 160px;
	margin: 85px 0 0px 20px;
	padding: 0;
	overflow: hidden;
}
#nouvelles {
	position: relative;
	top: 0;
	left:0;
	width: 270px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	list-style-type: none;
}
#nouvelles li {
	width: 270px;
	height: 155px;
	margin: 5px 0 0 0px;
	padding: 0;
	overflow: hidden;
}
#nouvelles p {
	margin: 0;
	padding: 5px 0 0 0;
}
#nouvelles div.ns{
	position: relative;
	top: 0;
	left:0;
	width: 270px;
	height: 155px;
	overflow: hidden;
	margin: 10px 0 0 0px;
	padding: 0;
}
#nouvelles div.ns div{
	width: 270px;
	height:155px;
	overflow:hidden;
}
#nouvelles div.ns ul{
	position:relative;
	top:0;
}
#nouvelles div.ns li,
#nouvelles div.ns ul li{
	position:relative;
	margin: 0 0 0 0px;
	padding: 0;
}

/* ------------------------------page générale balades----------------------------*/

.lg220 {
	position: relative;
	width:220px;
	margin: 10px 0 20px 20px;
	padding: 0 0 0 0px;
	float:left;
}
.lg290 {
	position: relative;
	width:290px;
	/*height: 500px;*/
	margin: 10px 0 0 0;
	padding: 10px 15px 15px 0px;
	float:left;
}
.lg290 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align:left;
	color: #795151;
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
}
.lg240 {
	position: relative;
	width:240px;
	margin: 25px 0 0 0;
	padding: 0px 0 0 0px;
	float:left;
	background-color: #F2F4EC;
}
.lg240 h3 {
	text-align: center;
	margin: 0 0 10px 0;
}
.lg240 p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	text-align:left;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 10px 10px 10px;
}

/* ------------------------------page des 3 balades----------------------------*/

.tdfondbal1 { 
	padding: 6px; 
	background-image: url(../images/fd-plan.jpg); 
}
.tdfondbal2 { 
	padding: 6px; 
	background-image: url(../images/fd-andr.jpg); 
}
.tdfondbal3 { 
	padding: 6px; 
	background-image: url(../images/fd-saum.jpg); 
}
.tbsentier {
	width: 200px;
	margin:0;
	padding: 0 7px 7px 7px;
	background-color: #FEF1C5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	text-align:left;
	color: #000000;
	border:none;
	background-image: url(../images/panneau-sentier.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.ign { 
	width: 190px; 
	border:1px #95B995 solid; 
	margin:0; 
	padding:5px; 
	text-align:center; 
	background-color: #E2F1E2; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: #000000;
}

/* ------------------------------page Maison de l'eau----------------------------*/

.tdfondeau { 
	background-image: url(../images/fond-eau2.gif);
}
.tdvillageancien { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 10pt; 
	color: #643200; 
	padding: 5px 3px 5px 5px;
	background-color: #FFF8E8; 
	border: 1px #663300 solid; 
}

/* ------------------------------page circuit églises romanes----------------------------*/

.tdfondroman {
	background-image: url(../images/fd-roman.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

/* ------------------------------page communauté de communes & villages----------------------------*/

.tdvillage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	color: #643200;
	background-color: #FEF4D8;
	padding: 10px 5px 10px 10px;
	margin: 0;
	text-align: left;
	vertical-align: top;
}
.tbmairie {
	border:dotted;
	margin:0 auto;
	padding: 2px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 12pt;
	color: #AA5500;
	font-weight: bold;
	border-width: 0px 0px 3px;
	border-color: black black #AA5500;
}
.tbsentier2 { 
	border:1px #95B995 solid; 
	margin:0; 
	padding:5px; 
	text-align:center; 
}
/* ------------------------------calendrier manifestations----------------------------*/

.courantpetitvert { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 11pt;
	font-weight:bold;
	padding: 0 0 4px 0;
	color: #693;
}
.tbbalade {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #AA5500;
	font-weight: bold;
	text-align:center;
	margin:0;
	padding: 2px;
}
.texte1_date {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: bold;
	color: #AA5500;
}
.texte1_image {
	padding: 5px 0 0 0;
}
.texte1_manif {
	font-family: Arial, Geneva, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	line-height: 11pt;
	font-weight: bold;
	color: #360;
}
.texte2_manif {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: bold;
	color: #AA5500;
}
.texte2gras_manif {  
	font-family: Verdana, Arial, Geneva, sans-serif; 
	font-size: 9pt; 
	line-height: 12pt; 
	font-weight: bold; 
	color: #663300;
}
.tbmanif1 { 
	border:solid; 
	margin:0; 
	padding:4px; 
	text-align:left; 
	background-color: #FFFFE8; 
	border-width: 1px 0px 0px; 
	border-color: #663300 black black;
}
.tbmanif2 { 
	border:solid; 
	margin:0; 
	padding:4px; 
	text-align:left; 
	background-color: #F1F0EB; 
	border-width: 1px 0px 0px; 
	border-color: #663300 black black;
}
.tbmanif3 {
	border:solid;
	margin:0;
	padding:0;
	text-align:left;
	background-color: #FFF4DF;
	padding: 2px;
	border-width: 1px 0px 0px;
	border-color: #663300 black black;
}
INPUT.submit2 {
		width: 60px; 
		height:20px; 
		font-family: Arial, Geneva, sans-serif; 
		font-size: 8pt; 
		line-height: 10pt; 
		background-color: #FFFFFF; 
		color: #000000;
	}

/* ------------------------------styles de polices----------------------------*/

.titre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	line-height: 1.5em; 
	font-weight: bold; 
	color: #663300;
}
.textepetit { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 11pt; 
	color: #000000
}
.courant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #583501;
}
.courantpetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 11pt;
	color: #000000;
}
a.courantpetit { 
	font-size: 100%; 
	color: #336600;
}
a.courantpetit:hover { 
	color: #993300;
}
.courantpetitorange { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 10pt; 
	color: #B85E03;
}
.courantpetitbrun { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 9pt;
	font-weight: bold; 
	/*color: #874D29*/
	color: #AA5500;
}
.courantpetitbleu { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: 9pt; 
	font-weight: bold; 
	color: #487974
}
.courantpetitbleu2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: 9pt; 
	font-weight: normal; 
	color: #487974 
}
.courantpetitblanc { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 9pt; 
	color: #FFFFFF;
}
.euro { 
	font-family: "Times New Roman", Times, serif; 
	font-size: 9pt; 
	color: #000000;
}
.sentier { 
	font-family: "Comic Sans MS", Arial, sans-serif, Helvetica; 
	font-size: 11pt; 
	line-height: 13pt; 
	font-weight: bold; 
	color: #339933;
}
.loisirbalade { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-style: normal; 
	line-height: 12pt; 
	font-weight: bold; 
	color: #FFFFFF 
}
.legende { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt;
	line-height: 9pt;
	color: #000000;
}
.tbexterieur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
	color: #993300;
	font-weight: bold;
	text-align:center;
	background-color: #F2F4EC;
	margin:0;
	padding: 4px 0 5px 0;
	border-width: 1px 0;
	border-style: solid;
	border-top-color: #993300;
	border-bottom-color: #993300;
}
.tbpublic {
	margin: 0;
	padding: 4px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	color: #000000;
	background-image: url(../images/fd-public.gif); 
	border-width: 1px;
	border-style: solid;
	border-color: #336699;
}
.tdraie6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	line-height: 11pt; 
	font-weight: bold; 
	color: #FFFFFF; 
	border: none; 
	background-image: url(../images/fd-public.gif); 
	padding: 3px 
}
.titrepopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.tbmetier {
	border:solid;
	margin: 0;
	padding: 3px;
	background-color: #F5EFD8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	line-height: 11pt;
	color: #840;
	border-width: 1px 0 0 0;
	border-color: #663300 black black;
}
.tbcom { 
	border:solid; 
	margin:0;
	padding: 3px;
	background-color: #F9EEDF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight:bold;
	line-height: 10pt; 
	color: #840; 
	border-width: 1px 0 0 0; 
	border-color: #663300 black black 
}
.tbagri { 
	border:solid; 
	text-align:left; 
	background-color: #F0F4EA; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	line-height: 10pt; 
	color: #840; 
	padding: 3px;
	border-width: 1px 0 0 0; 
	border-color: #663300 black black
}
.tbservice {
	border:solid;
	margin:0;
	padding: 3px;
	background-color: #F1EBE4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 8pt;
	line-height: 10pt;
	color: #840;
	border-width: 1px 0px 0px;
	border-color: #663300 black black
}
.tdraie1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: bold;
	color: #840;
	border: none;
	background-color: #F7D5AE;
	padding: 3px
}
.tdgite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: bold;
	color: #840;
	border: none;
	background-color: #EDCDBA;
	padding: 2px 0 2px 3px;
	/*background-image: url(../images/vide.jpg);
	background-repeat: no-repeat;*/
}
.loisir { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	line-height: 12pt; 
	font-weight: bold; 
	color: #FFFFFF
}
.apropos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 9pt;
	font-weight: bold;
	color: #393
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	width: auto;
	line-height:	1.0;
	z-index: 27;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.05em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13.5em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			13.5em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
/*	height: 28px;*/
	margin-bottom:	0;
}
.sf-menu li.current ul {
	margin: 0;
}
.sf-menu a {
	dosplay: block;
	height: 25px;
	min-height: 1px;
	padding: 6px 12px 0;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FCF1D8;
	border-left-color: #fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li a:hover {
/*	height: 28px;*/
/*	font-size: 0.8em;*/
	background-color: #9EAB41;
}
.sf-menu li,  .sf-menu li.current {
/*	height: 28px;*/
	width:			8em;
	min-height: 1px;
	font-size: 1em;
	background-color: #693;
}
.sf-menu li li {
/*	height: 28px;*/
	background-color: #693;
}
.sf-menu li li li {
/*	height: 28px;*/
	background-color: #693;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	height: 28px;*/
	background-color: #9EAB41;
	outline:		0;
}
.sf-menu li.current {
/*	width:	8em;*/
	height: 25px;
	min-height: 1px;
	padding: 6px 12px 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
/*	font-size: 100%;*/
	font-weight: normal;
	color:			#824100;
	background-color: #FFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FCF1D8;
	border-left-color: #fff;
}
.sf-menu li.current ul li {
/*	height: 28px;*/
/*	padding: 6px 12px 0;*/
/* 	font-family: Tahoma, Geneva, sans-serif;*/
/*	font-size: 0.8em;*/
/*	font-size: 1.1em;*/
/*	font-weight: normal;*/
/*	color:			#824100;*/
/*	background-color: #FFF;*/
/*	border-top-width: 1px;*/
/*	border-left-width: 1px;*/
/*	border-top-style: solid;*/
/*	border-left-style: solid;*/
/*	border-top-color: #FCF1D8;*/
/*	border-left-color: #fff;*/
}
.sf-menu li.current ul li a {
/*	height: 28px;*/
/*	padding: 6px 12px 0;*/
/*	font-size: 1.1em;*/
/*	font-size: 100%;*/
}
ul.sf-menu li.current:hover ul,
ul.sf-menu li.current a:hover ul,
ul.sf-menu li.current ul {
	left:			0;
	top:			2.30em; /* match top ul list item height */
	width: 13.5em;
	font-size: 1.1em;
	z-index:		99;
}
ul.sf-menu li.current li {
	width: 13.5em;
	font-size: 1.1em;
}
/*
ul.sf-menu li.current ul li {
	min-height: 1px;
	width:			13.5em;
}
*/
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#carte {
	width: 600px;
	height: 500px;
/*	float:left;*/
	margin: 0 auto 20px;
	padding:0;
	display: block;
	border: 1px solid #000;
}