/* jardins.css */

BODY {
	margin: 0; padding: 0;
	background: #fff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
}

H1, H2, H3, H4, H5, H6 {
	margin: 0; padding: 0;
	color: #000000;
}

P {
	margin: 0; padding: 0;
}

sup,sub { height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

A IMG {
	border: 0;
}

A {
	color: #000;
}

H1.titre{
	color:#000;
	font-size:22px;
	margin-right:15px;
}

#wrapper {
	overflow: hidden;
	border: 1px solid #666666;
	width: 739px;
	margin:0 auto;
/*	height:900px;*/
	padding:0;
}
#wrapper.popup {
	width: 400px;
	margin-bottom: 0.5em;
}
	#header {
		width: 740px; height: 226px;
		border-bottom: 1px solid #fff;
		background-color:#866e4c;
	}
	#lefttop {
		width:150px;
		height:204px;
		float:left;
		border-right:3px solid #e5e5e5;
		border-bottom:3px solid #e5e5e5;

	}
		#righttop {
		width:587px;
		height:204px;
		background:url(/jardin/img/gr_head.jpg) no-repeat right;
		border-bottom:3px solid #e5e5e5;
		float:left;
	}
		#leftbottom {
		float:left;
		width:150px;
				height:30px;
		border-right:3px solid #e5e5e5;
		
	}
	
			#rightlangue {
		width:572px;
		float:left;
		height:30px;
		text-align:right;
		padding-right:10px;
	}
	
	#rightlangue a {
		color:#ffffff;
	}
	
	.leftcolonne {
		float:left;
		width:150px;
		border-right:3px solid #e5e5e5;
		height:700px;
		padding-top:20px;
		position:relative;
	}
	
	.Organisateur {
		position:absolute;
		bottom:10px;
		left:0;
	}
	
	.popup #header {
		background: #74883c none;
		width: 400px; height: 78px;
	}
	
	.menucontenu{
		margin-left:170px;
		padding-top:20px;
	}
	ul.menuprincipal{
		list-style : none;
		margin : 0;
		padding : 0;
		border-bottom : 2px solid #b3b3b3;
		height : 47px;
	}
	
	ul.menuprincipal li{
		float : left;
		margin : 0 2px 0 0;
		text-align : center;
		padding : 15px 0 0 0;
		width : 126px;
		height : 50px;
		background : url('/jardin/img/unselect.gif') no-repeat;
	}
	
	ul.menuprincipal li a{
		text-decoration:none;
	}
	
	ul.menuprincipal li a:hover{
		text-decoration:underline;
	}
	
	ul.menuprincipal li.select {
		height : 40px;
		background : #fff url('/jardin/img/select.gif') no-repeat;
	}
	
	ol.listejardin {
		font-size:12px;
		margin-left:15px;
		padding:15px;
	}
	ol.listejardin a {
		text-decoration : none;
		font-weight:bold;
		color: #000;
		margin:0;
		padding:0;
	}
	
	ol.listejardin a:hover {
		text-decoration : underline;
	}
	
	ol.listejardin ul a {
		font-weight:normal;
	}
	
	ol.listejardin ul {
		list-style-type:disc;
		margin : 0 0 0 15px;
		padding : 0;
		color:#808000;
	}
	ol.listejardin ul li a{

		color:#808000;
	}
	.e-garden{

		color:#666;
	}
	
	
	

	/*#header A {
		display: block;
		background: #fff url(/jardin/img/col_gauche.jpg) no-repeat left 73px;
		float: left;
		width: 151px; height: 226px;
	}*/

	/*	.css001 {
			display: block;
			background: #fff url(/jardin/img/col_gauche.jpg) no-repeat left 73px;
			float: left;
			width: 151px; height: 226px;
		}*/
		.css002 {
			padding-top: 3px;
			padding-bottom: 3px;
			width: 150px;
			height:30px;
			font-size: 10px;
			text-align: center;
			background-color: #FFFFFF;
		}
		#header H1 {
			margin-left: 149px;
			padding-top:155px;
			margin-bottom:30px;
			text-align:right;
		}
		.popup #header H1 {
			margin: 0;
			padding: 0;
	
		}
		#header P {
			text-align: right;
			padding-right: 0.5em;
		}
		#header P A {
			display: inline;
			background: transparent none;
			float: none;
			color: #f4eac9;
			text-decoration: none;
		}
.left {float: left; width: 150px; background-color:#e8c000; height:226px;  }
		
	.contenu {
		float: right;		
		padding: 0;
		width: 740px;
		/*text-align: justify;*/
		margin: 0;
		background:
	}
div.content {padding: 0px 10px 10px 170px; border-left: 1px solid #fff; height:auto; margin-top:30px;}
	
		.popup .contenu {
			margin-left: 46px;
			width: 353px;
			padding: 15px 0 3em 0 !important;
			background: #fff none;
			border-bottom: 1px solid #74883c;
		}
	.contenu .scnd {
		background-image:none;
		padding: 10px 0 20px 0 !important;
		padding: 20px 0 20px 0;
		border-bottom: 16px solid #74883c;
	}
	.contenu H2 {
		font-weight: bold;
		font-size: 1.5em;
	}
	.contenu P {
		margin: 0 18px 0 0;
	}
	.contenu LI{
		margin: 0 18px 0 0;
	}
	.contenu UL{
		margin: 0 18px 0 0;
	}
	.contenu P.important {
		font-weight: bold;
		padding: 0.7em 0;
	}
	.popup .contenu P {
		margin: 0 18px 0.8em 0;
	}
	.popup .contenu DIV.photo {
		text-align: center;
		margin: 1.8em 0;
	}
		.popup .contenu .photo P {
			font-size: 0.8em;
			margin: 0 0 0.7em 0;
			width: 353px;
		}
		.photo P SPAN {
			display: block;
			margin: 0 0 0 55px; padding: 0;
			text-align: right;
			width: 238px;
		}
	.contenu DIV.sortant {
		/*background: transparent url(/jardin/img/col2_r3.jpg) no-repeat left center;
		  height: 118px;
		  padding-left: 175px;
		  margin: 1em 0 10px 20px;*/
		  height: 80px;
		  margin: 1em 0 0 0;
	
	}
		.contenu DIV.sortant H2 {
			margin-top: 0;
		}
	LI A {
		font-weight: bold;
		line-height: 20px;
		
	}
		#carte {
			background-color: #74883c;
			margin: 0 0 0 20px;
			padding: 0px;
			color: #f4eac9;
			border-top: 1px solid #74883c;
		}
			#carte IMG {
				display: block;
				float: left;
				/*width: 455px;*/
				border: 0;
			}
			#carte A {
				color: #f4eac9;
			}
			#carte OL {
				/*margin-left: 500px;*/
			}
			#carte LI {
				font-weight: 900;
			}
			#carte P {
				width: 204px;
				font-size: 0.8em;
				margin-left: 470px;
			}
				#carte P SPAN {
					display: block;
					float: left;
					padding: 0 0.3em 9em 0;
				}
			#carte DIV.gauche {
				clear: both;
			}
				#carte DIV.gauche P {
					margin-left: 18px;
				}
		/* Carte grand format. */
		
		#carte2 a {
			color : #fff;
		}
		
		#carte2 {
			padding: 0 10px 10px 10px;
			width: 1080px;
			background-color: #866e4c;
			position:absolute;
			top:230px;
			left:20px;
		}
	#footer {
		margin: 2em 0 0 112px;
		font-size: 0.8em;
		text-align: center;
		width: 588px;
	}
	div.cueillez {
		background: #fff7cf;
		margin: 0 10px;
		padding: 10px 10px;
	
	}
	div.cueillez H2 {
		margin: 0 18px; padding: 0;
	}
	div.flora {
		background: transparent url(/jardin/img/fr_logo_flora2007.gif) no-repeat left center;
		height:95px;
		padding-left: 100px;
		margin: 1em 0 20px 13px;
		color: #74883c;
	}
	div.flora2 {
		background: transparent url(/jardin/img/en_logo_flora2007.gif) no-repeat left center;
		height:95px;
		padding-left: 100px;
		margin: 1em 0 20px 13px;
		color: #74883c;
	}
	
div.leftcommunaute {
	float:left;
	width:270px;
	font-size: 10px;
}
div.rightcommunaute {
	float:left;
	width:270px;
	font-size: 10px;
}
ul.commliste,ul.acommliste {
margin-left:20px;
}

ul.commliste a {
	text-decoration:none;
	font-size : 12px;
	color:#808000;
}
ul.acommliste a {
	color:#000;
	font-size : 12px;
	text-decoration:none;
}

ul.acommliste ul.commliste a {
	text-decoration:none;
	font-size : 12px;
	color:#808000;
}
div.commliste a:hover {
	text-decoration:underline;
}

table.communautes {
	margin: 20px;
	color: #FFFFFF;
	text-align: left;
}
h3 {
	margin: 10px 20px 5px 0;
	color: #000000;
	font-size: 12px;
}
table.communautes a {
	color: #F4EAC9;
}
table.communautes div {
	margin-left: 25px;
	line-height: 18px;
}
div.communautes_entete {
	width: 400px;
	height: 65px;
	background-image: url(/jardin/img/pop-ups/banniere.jpg);
	background-repeat: no-repeat;
	border:1px solid #000;
}

div.communautes_entete_2lignes {
	width: 400px;
	height: 65px;
	background-image: url(/jardin/img/pop-ups/banniere.jpg);
	background-repeat: no-repeat;
}

div.communautes_entete h1 {
	margin: 0px;
	padding-top: 30px;
	padding-left: 10px;
	position: relative;
	color: #000000;
	font-family: Arial Narrow;
	font-size: 24px;
	text-transform:uppercase;
/*	
padding-top: 30px;
padding-left: 10px;
font-family: Arial Narrow;
color: #fff;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
line-height: 1em;
font-size: 2em;*/


}
div.communautes_entete h1.long {
	margin: 0px;
	padding-top: 5px;
	padding-left: 10px;
	position: relative;
	color: #000000;
	font-family: Arial Narrow;
	font-size: 24px;
	text-transform:uppercase;
/*	
padding-top: 30px;
padding-left: 10px;
font-family: Arial Narrow;
color: #fff;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: -1px;
line-height: 1em;
font-size: 2em;*/


}

div.communautes_entete_2lignes h1 {
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	position: relative;
	display: static;
	color: #FFFFFF;
	font-family: Arial Narrow;
	font-size: 24px;
}

div.communautes_bordure {
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 13px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #74883C;
}

img.logo {
	margin: 0 0 0 15px;

}
li,ul,ol {margin-left:0;padding-left:0px;margin-top:6px}
.trains {
	list-style:none;

}
.garden {color:#4f5900;padding:2px}
.attraction {color:#2b1f8d;padding:2px}

body #wrapper #carte table tr td ol li a.garden {color:#4f5900;padding:2px;}
body #wrapper #carte table tr td ol ul li a.attraction {color:#2b1f8d;padding:2px;}

/* popup */

.popup .center p {
	margin : 10px;
}
.popup h2, .popup h3{
	margin:5px 0 5px 10px;
}

.popup .center .photo {
	text-align : center;
	margin: 10px 0 10px 0;
}
.popup .center .photo IMG {
	margin : 10px;
}