hrml{
	_overflow: visible;
}
body{
	margin:0;
	padding:0;
	font:0.75em tahoma, arial, helvetica, sans-serif;
	background-color:#857D72;
	_overflow: auto;
	background-image:url(../__layout/body_bg.jpg);
	background-repeat:repeat-x;
}
/* ------------------------------------------------------- */
.__connectPlane{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0.5;
	background-color:#000;
}
.__connectBox{
	position:fixed;
	padding:2px;
	top:50%;
	left:50%;
	border:solid 2px #623D04;
	background-color:#F5970A;
	font:11px arial;
	z-index:100;
	-moz-box-shadow: 5px 5px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}
.__connectBox h2{
	margin:0;
	padding: 2px 3px 1px 3px;
	font-weight:normal;
	/* background-color:#ccc; */
	background-color:#9F4604;
	/* color:#777; */
	color:#fff;
	font:normal 16px arial;
}
.__connectBox p{
	margin:0;
	padding: 2px 0 2px 0;
	border-bottom:dotted 1px #BE7507;
}
.__connectBox .__buttonsWrapper{
	padding:5px 5px 5px 5px;
	border:none;
}
.__connectBox label{
	float:left;
	width:90px;
	line-height:22px;
	font-weight:bold;
	padding-left:7px;
	color:#503103;
}
.__connectBox input{
	font-size:11px;
}
.__connectBox input[type=text],
.__connectBox input[type=password]{
	width:200px;
	padding:2px;
	border:solid 1px #DE890A;
	font-size:11px;
	-moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .2);
}
.__connectBox input[type=text]:focus,
.__connectBox input[type=password]:focus{
	background-color:#DEEC79;
}
.__connectBox input[type=submit],
.__connectBox input[type=button]{
	font:bold 11px arial;
	width:90px;
}
.__connectBox .__info{
	font:bold 11px arial;sans-serif;
	text-align:center;
	border:none;
}
.__connectBox .__warning{
	background-color:red;
	color:#fff;
}
/* ------------------------------------------------------- */
h1{
	font-size:200%;
}
h3{
	font-family:arial;
}
ul{
	list-style-type:square;
}
a{
	color:#333;
	text-decoration:none;
	outline:none;
}
/* ------------------------------------------------------- */
#wrapperOut{
	width:840px;
	margin:10px auto;
	border:solid 1px #000;
	background-color:#fff;
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,.5);
	-o-box-shadow: 0px 2px 15px rgba(0,0,0,.5);
	box-shadow: 0px 2px 15px rgba(0,0,0,.5);
}
#wrapperIn{
	margin:10px;
	position:relative;
}
/* ------------------------------------------------------- */
#mainMenu{
	line-height:14px;
	font:11px arial;
	padding:3px 0;
	background-color:#eee;
}
#mainMenu .mainMenuElements{
	float:right;
	margin-top:1px;
}
#mainMenu .mainMenuElement{
	float:left;
	padding: 0 7px;
	border-right:solid 1px #ccc;
}
#mainMenu .mainMenuElement a{
	color: #666;
}
#mainMenu .mainMenuElement a:hover{
	text-decoration:underline;
}
#mainMenu .last{
	border:none;
}
#mainMenu .select a{
	text-decoration:underline;
	font-weight:bold;
	color: #000;
}
#mainMenu .mainTitle{
	letter-spacing:5px;
	font-size:12px;
	padding:0 0 0 5px;
	margin-top:-3px;
	color: #666;
	color:#622E17;
}
/* ------------------------------------------------------- */
#header{
	height:149px;
	background-color:#ccc;
	background-image:url(../__layout/top_image.jpg);
}
/* ------------------------------------------------------- */
#infoWrapper{
	background-color:#aaa;
	padding: 0 5px 0 0;
	font:bold 11px arial,sans-serif;
	color:#333;
	position:relative;
	line-height:16px;
	height:16px;
	background-image:url(../__layout/grad_info.jpg);
	overflow:visile;
}
#infoWrapper #infoMap{
	float:right;
	color:#fff;
	margin-right:-5px;
}
#infoWrapper #infoMap a{
	color:#fff;
	float:right;
	position:relative;
	padding:0 5px;
	height:14px;
	float:left;
}
#infoWrapper #infoMap .select{
	position:relative;
	background-color:#ddd;
	background-color:#000;
	padding-bottom:1px;
	z-index:20;
	border-bottom:none;
}
#infoWrapper #infoPath{
	color:#fff;
	font:bold 10px arial;
	margin-top:-1px;
	margin-left:5px;
	float:left;
}
#infoWrapper span{
	font-size:120%;
	font-weight:normal;
}
#infoWrapper .infoWrapperOut{
	
}
#infoWrapper .infoWrapperIn{
	color:#aaa;
}
#infoBox{
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.8);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	-o-box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
/* ------------------------------------------------------- */
#bodyOut{
	position:relative;
}
/* ------------------------------------------------------- */
#leftMenu{
	width:200px;
	float:left;
	background-color:#E4E8EA;
	font:11px arial,sans-serif;
	padding:0 0 0 2px;
}
#leftMenu .leftMenuTop{
	height:19px;
	margin-left:-2px;
	background-image:url(../__layout/mid_grad.jpg);
	border-bottom:solid 1px #E4E8EA;
}
#leftMenu .subMenu{
	border-top:solid 1px #fff;
}
#leftMenu .notopborder{
	border-top:none;
}
#leftMenu ul{
	margin:0;
	padding:0 ;
	list-style-type:none;
	color:#ccc;
}
#leftMenu li{
	position:relative;
}
#leftMenu div{
	positiion:relative;
	border-bottom:solid 1px #fff;
}
#leftMenu a{
	display:block;
	padding: 2px 15px 2px 5px;
	line-height:14px;
}
#leftMenu a:hover{
	text-decoration:underline;
}
#leftMenu .indic{
	background-image:url(../__layout/niv_unsel.gif);
	background-repeat:no-repeat;
	background-position:185px 6px;
}
#leftMenu .select{
	font-weight:bold;
	background-color:#fff;
	background-color:#F4F5F7;
	background-image:url(../__layout/niv_sel.gif);
	background-repeat:no-repeat;
	background-position:185px 6px;
}
#leftMenu .select a{
	color:#622E17;
}
#leftMenu .indicSelect:before{
	color:#622E17;
}
#leftMenu .grad{
	background: #F4F5F7;
	background-image:url(../__layout/submenu_select.jpg);
}
#leftMenu .currentSelect{
	background: #fff;
	background-image:url(../__layout/sel.gif);
	background-repeat:no-repeat;
	background-position:190px -1px;
}
#leftMenu .groupTitle{
	padding:20px 5px 2px 5px;
	margin:0;
	background-color:#E4E8EA;
	color:#000;
	border-bottom:solid 1px #fff;
}
#leftMenu .sectionTitle{
	margin:0;
	padding:0;
	font:bold 11px arial,sans-serif;
	color:#222;
	padding:2px 5px;
	border-bottom:solid 1px #fff;
}
#leftMenu .link{
	padding-left:15px;
	border-bottom:solid 1px #fff;
	position:relative;
}
#leftMenu .leftMenuBottom{
	height:200px;
	background: #E4E8EA;
	margin-left:-2px;
	background: -moz-linear-gradient(
		top, 
		#E4E8EA 0%, 
		#FFFFFF 100%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		color-stop(0%,#E4E8EA),
		color-stop(100%,#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient( 
		startColorstr='#E4E8EA', 
		endColorstr='#FFFFFF',
		GradientType=0 );
}
/* ------------------------------------------------------- */
#bodyIn{
	overflow:hidden;
	background-color:#fff;
	_float:right;
	_width:617px;
}
#bodyInTop{
	background-color:#E4E8EA;
	height:20px;
	background-image:url(../__layout/mid_grad.jpg);
}
#textAction{
	float:right;
	padding-right:3px;
	margin-top:1px;
}
#textAction a{
	display:block;
	margin:2px 0px;
	float:left;
	font:bold 10px arial;
	/* background-color:#ccc; */
	padding:0 3px 1px 3px;
	color:#555;
	/* border:solid 1px #ccc; */
}
#textAction a:hover{
	background-color:#333;
	color:#fff;
}
/* ------------------------------------------------------- */
#footer{
	background-color:#000;
	padding: 20px;
	color:#777;
	font:bold 10px arial,sans-serif;
	text-align:center;
	cursor:default;
	
}
/* ------------------------------------------------------- */
.clear{
	clear:both;
}
/* ------------------------------------------------------- */
#contenu{
	margin: 10px 20px 20px 10px;
}
.contenu{ 
	font-size:100%; 
	padding:0 0 0 0; 
	font-family:Geneva,"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font-family:arial;
	font-size:12px;
	color:#444; 
	min-height:250px; 
	line-height:16px;
}
.contenu a{
	text-decoration:none;
	border-bottom:dotted 1px;
	_text-decoration:underline;
	color:#844200;
}
.contenu a:hover{
	background-color:#eee;
	background-color:#F7EAB7;
}
.contenu p{
	margin:0;
	padding:0;
}
.contenu h1,
.contenu h2{
	border-bottom:solid 1px;
}
.contenu h1,
.contenu h2, 
.contenu h3, 
.contenu h4, 
.contenu h5,
.contenu h6,
.contenu b{
	margin:0;
	padding:0;
	line-height:normal;
	/* font-family:arial,sans-serif; */
	color:#622E17;
	font-weight:normal;
}
.contenu h1{font-size:200%;}
.contenu h2{font-size:180%;}
.contenu h3{font-size:160%;}
.contenu h4{font-size:140%;}
.contenu h5{font-size:120%;}
.contenu h6{font-size:110%;}
.contenu blockquote{
	border-left:solid 5px #ddd;
	padding: 0 0 0 10px;
	margin:0 0 0 20px;
	
}
.contenu table{
	width:100%;
	font-size:100%;
}
.contenu td{
	vertical-align:top;
}
.contenu table .small{
	width:20px;
}
.contenu .template_multi{
	border:solid 1px #ccc;
}
.contenu .template_multi td{
	padding:5px 10px; 
}
.contenu .table_greycell td{
	background-color:#eee;
}
.contenu .table_cellBorderBottom td{
	border-bottom:solid 1px #ddd;
}
.contenu .table_gallery td{
	vertical-align:middle;
	text-align:center;
}
/* ------------------------------------------------------- */
.inserted_image{
	border: solid 1px;
	cursor:pointer;
}
.inserted_image_left{ 
	float: left;
	margin: 0 12px 12px 0;
}
.inserted_image_right{
	float: right;
	margin: 0 0 12px 12px;
}
.inserted_image_popup{
	cursor: pointer;
}
#contenu .inserted_image{
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
	-o-box-shadow: 2px 2px 5px rgba(0,0,0,.5);
	box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
/* ------------------------------------------------------- */
#editeur .inserted_image_popup{
	border-color: red;
	cursor: pointer;
}
#editeur table td{
	border: dotted 1px #ccc;
}
/* ------------------------------------------------------- */
.popImageBackgroundPlane{
	position : fixed ;
	_position : absolute ;
	top :0;
	left :0;
	width : 100% ; 
	height : 100% ;
	_height:expression(document.documentElement.offsetHeight+documentElement.scrollTop+body.scrollTop);
	background-image:url(../__layout/popupimgplane.png);
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( 
		src="__layout/popupimgplane.png", sizingMethod="scale"); 
}
.popImageImageWrapper{
	position:fixed;
	_position:absolute;
	z-index:500;
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	margin-top:-100px;
	margin-left:-100px;
	background-color:#000;
	border:solid 2px #fff;
	-moz-box-shadow: 5px 5px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow:hidden;
}
.popImageLoader{
	position:fixed;
	_position:absolute;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-16px;
	z-index:600;
	width:32px;
	height:32px;
	background-image:url(../__layout/ajax-loader.gif);
}
.popImage{
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.popImageLegend{
	background-color:#000;
	opacity:0.8;
	position:absolute;
	font:bold 11px arial;
	bottom:3px;
	right:3px;
	left:3px;
	padding:10px 20px 10px 10px;
	text-align:justify;
	color:#fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.popImageLegendClose{
	position:absolute;
	bottom:2px;
	right:6px;
	cursor:pointer;
}
.popImageNavigButton{
	position:absolute;
	line-height:18px;
	top:50%;
	margin-top:-10px;
	cursor:pointer;
	background-color:#000;
	opacity:0.9;
	color:#fff;
	font:bold 18px arial;
	padding:5px 10px;
	border:solid 1px #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.popImageNavigButton:hover{
	background-color:orange;
	border-color:#6C3600;
	color:#6C3600;
}
/* ------------------------------------------------------- */
#infoMapContainer{
	border:solid 0px #000;
	font:normal 12px Geneva,"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font:bold 10px arial;
}
#infoMapContainer ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#infoMapContainer div{
	padding:0 0 1px 0;
	border-bottom:dotted 1px #222;
}
#infoMapContainer span{
	border-left:solid 2px #999;
	color:#999;
}
#infoMapContainer a{
	color:#999;
	padding-left:1px;
}
#infoMapContainer a:hover{
	color:#fff;
	text-decoration:underline;
}
/* --- */
#infoSearchContainer{
	font:bold 10px arial;
}
#searchInputWrapper{
	padding: 10px 30px;
}
#infoSearchContainer input{
	font:11px arial;
}
#infoSearchDisplayResult{
	height:300px;
	overflow:auto;
}
#infoSearchDisplayResult ul{
	color:#999;
	margin:0;
	padding:0;
}
#infoSearchDisplayResult li{
	padding:0 10px 1px 10px;
}
#infoSearchDisplayResult span{
	margin-right:10px;
}
#infoSearchDisplayResult a{
	color:#999;
}
#infoSearchDisplayResult a:hover{
	color:#fff;
	text-decoration:underline;
}
