/* CSS Document */

BODY,TD,TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

BODY {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto;
	background:#7d7d7d url(/design/background.gif) no-repeat center top;
}

INPUT, TEXTAREA{
	padding:2px;
	margin:0;
	border:1px solid #666;
	font-size:10px;
	background:url(/design/input.gif) no-repeat left top;
}

INPUT.button{
	padding:2px;
	margin:0;
	border:1px solid #666;
	color:#fff;
	font-size:10px;
	background:#ED900F;
	cursor:pointer;
	font-weight:bold;
}

INPUT.formbutton{
	padding:2px;
	margin:0;
	border:1px solid #666;
	color:#fff;
	font-size:10px;
	background:#ED900F;
	margin-right:5px;
	cursor:pointer;
	font-weight:bold;
}

TABLE{ border-collapse:0; border:0;}
TD{margin:0;padding:0;}

P{margin:0 0 15px 0;padding:0;}

H1, H2, H3, H4, H5, H6{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

UL{list-style-type: none; padding:0;margin:10px 0;}

UL LI{
	background: url(/design/puce.gif) no-repeat 0px 8px;
	padding:2px 0 2px 8px;
	margin:0 0 0 20px;
}

A, A:visited{color:#1B5197;}
A:hover, A:active{color:#D5810D;}

HR{margin:5px 0;padding:0;height:1px;border:none;border-bottom:1px solid #999;background:none;clear:both;}

A.goHome{
	position:absolute;
	height:100px;
	width:195px;
	top:80px;
	left:0;
	z-index:9999;
}

#navbarnews{
	text-align:center;
}

#navbarnews A , #navbarnews A:visited{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

#navbarnews A:hover{
	color:#333;
	text-decoration:underline;
}

#navbarnews IMG{vertical-align:middle;position:relative;top:-1px;}

/* ==============================================
CONTENTAINER
============================================== */

#container{
	position:relative;
	padding:0;
	margin:0 auto;
	width:950px;
	background:#fdfce2 url(/design/back.gif) no-repeat center top; 
	z-index:0;
}

TABLE.top {position:relative;background:URL(/design/top.gif) no-repeat top right;z-index:500;}

TABLE.top TD{vertical-align:top;}

.area{min-height:400px;}

/* ==============================================
MENU
============================================== */

.level03{
	margin:40px 10px;
	z-index:25;
}

.level03 A , .level03 A:visited{
	display:block;
	padding:5px 20px 5px 5px;
	margin:5px 0;
	
	color:#fff;
	text-decoration:none;
	
	position:relative;
	z-index:50;
}

.level03 A:hover{
	text-decoration:none;
	color:#fff;
}

.level03 A.sel{
	color:#fff;
}

.level03 A IMG{
	position:absolute;
	left:167px;
	top:0px;
	z-index:100;
	border:none;
}

.level04{
	position:relative;
	top:-5px;
}

.level04 A , .level04 A:visited{
	margin:0;
	text-decoration:none;
	background:#fff !important;
	color:#999;
}

.level04 A:hover{
	text-decoration:none;
	background:#fff !important;
	color:#be730c;
}

.level04 A.sel{	
	background:#fff !important;
	color:#be730c;
}

.level04 A IMG{
	position:absolute;
	left:162px;
	top:0px;
	z-index:100;
	border:none;
}

.green	{/* 59AF2A -> 448520 */}
.orange	{/* ED900F -> BE730C */}
.brown	{/* 9D4C1F -> 733817 */}
.blue   {/* 1B5197 */}

.level03 .orange A , .level03 .orange A:visited{background:#ED900F url(/design/down.gif) no-repeat 165px 10px;}
.level03 .orange A.only{background:#ED900F  !important}
.level03 .orange A.only:hover{background:#BE730C  !important}
.level03 .orange A.selOnly , .level03 .orange A.selOnly:hover {background:#BE730C  !important}
.level03 .orange A:hover{background:#BE730C url(/design/down.gif) no-repeat 165px 10px;}
.level03 .orange A.sel{	background:#BE730C url(/design/up.gif) no-repeat 165px 10px;}
.orange .level04 A , .orange .level04 A:visited{border-left:5px solid #BE730C;}
.orange .level04 A:hover{border-left:5px solid #BE730C;	color:#BE730C;}
.orange .level04 A.sel{border-left:5px solid #BE730C;color:#BE730C;}

.level03 .green A , .level03 .green A:visited{background:#59af2a url(/design/down.gif) no-repeat 165px 10px;}
.level03 .green A.only{background:#59af2a  !important}
.level03 .green A.only:hover{background:#448520  !important}
.level03 .green A.selOnly , .level03 .green A.selOnly:hover {background:#448520  !important}
.level03 .green A:hover{background:#448520 url(/design/down.gif) no-repeat 165px 10px;}
.level03 .green A.sel{	background:#448520 url(/design/up.gif) no-repeat 165px 10px;}
.green .level04 A , .green .level04 A:visited{border-left:5px solid #448520;}
.green .level04 A:hover{border-left:5px solid #448520;	color:#448520;}
.green .level04 A.sel{border-left:5px solid #448520;color:#448520;}

.level03 .brown A , .brown .level03 A:visited{background:#9D4C1F url(/design/down.gif) no-repeat 165px 10px;}
.level03 .brown A.only{background:#9D4C1F  !important}
.level03 .brown A.only:hover{background:#733817  !important}
.level03 .brown A.selOnly , .level03 .brown A.selOnly:hover{background:#733817  !important}
.level03 .brown A:hover{background:#733817 url(/design/down.gif) no-repeat 165px 10px;}
.level03 .brown A.sel{	background:#733817 url(/design/up.gif) no-repeat 165px 10px;}
.brown .level04 A , .brown .level04 A:visited{border-left:5px solid #733817;}
.brown .level04 A:hover{border-left:5px solid #733817;	color:#733817;}
.brown .level04 A.sel{border-left:5px solid #733817;color:#733817;}


/* ---------------------------------
.level03 .blue A , .blue .level03 A:visited{background:#1B5197 url(/design/down.gif) no-repeat 165px 10px;}
.level03 .blue A.only{background:#1B5197}
.level03 .blue A.only:hover{background:#1B5197}
.level03 .blue A.selOnly , .level03 .blue A.selOnly:hover{background:#1B5197}
.level03 .blue A:hover{background:#1B5197 url(/design/down.gif) no-repeat 165px 10px;}
.level03 .blue A.sel{	background:#1B5197 url(/design/up.gif) no-repeat 165px 10px;}
.blue .level04 A , .blue .level04 A:visited{border-left:5px solid #1B5197;}
.blue .level04 A:hover{border-left:5px solid #1B5197; color:#1B5197;}
.blue .level04 A.sel{border-left:5px solid #1B5197;color:#1B5197;}
---------------------------------- */

.level03 .blue A , .blue .level03 A:visited{background:#1B5197}
.level03 .blue A:hover {background:#174581}



/* ==============================================
TOP
============================================== */

TD.logo{
	width:197px;
	background:url(/design/logo.gif) no-repeat top center;
}

TD.logo .divLogo{
	height:170px;
	height:90px;
	padding:40px 30px;
}

TD.logo .divLogo A , TD.logo .divLogo A:visited{
	width:27px;
	height:14px;
	float:left;
	background:url(/design/lng.gif) no-repeat center center;
	margin:3px;
	text-decoration:none;
	padding:5px 0;
	text-align:center;
	color:#333;
}

TD.logo .divLogo A:hover , TD.logo .divLogo A.sel{
	background:url(/design/lng2.gif) no-repeat center center;
	color:#fff;
}

TD#histoire {
	width:251px;
	z-index:200;
	background:URL(/design/slideshow/histoire.jpg) no-repeat center center;
}

TD#tourisme {
	width:251px;
	background:URL(/design/slideshow/tourisme.jpg) no-repeat center center;
}

TD#patrimoine {
	width:251px;
	background:URL(/design/slideshow/patrimoine.jpg) no-repeat center center;
}

/* ------------------------------------------------------- */

.divPatrimoine , .divTourisme , .divHistoire{
	height:150px;
	position:relative;
	padding:10px 20px;
/*	z-index:9999;	*/
}

.divPatrimoine A , .divTourisme A, .divHistoire A , .divPatrimoine A:visited , .divTourisme A:visited , .divHistoire A:visited {
	Display:none;
	padding:2px;
	margin-bottom:2px;
	text-decoration:none;
	
}

.divPatrimoine A , .divPatrimoine A:visited{color:#9c4c1e}
.divPatrimoine A:hover , .divPatrimoine A.sel{color:#fff !important; background:#9c4c1e;}

.divTourisme A , .divTourisme A:visited{color:#ed900f}
.divTourisme A:hover , .divTourisme A.sel{color:#fff !important; background:#ed900f;} 

.divHistoire A , .divHistoire A:visited{color:#59af29;}
.divHistoire A:hover , .divHistoire A.sel{color:#fff !important; background:#59af29;}

IMG.bug{display:none;position:absolute;bottom:10px;right:0;width:30px;height:30px;}

.level01{
	position:absolute;
	bottom:25px;
	left:0;
	
	text-align:left;
	padding:5px 10px;
	width:231px;
	
	font-weight:bold;
	font-size:12px;
	color:#fff;
}

.slogan{
	position:absolute;
	bottom:5px;
	left:0;
	text-align:left;
	padding:0px 12px;
	width:231px;
	
	font-weight:normal;
	font-size:10px;
	color:#fff;
}

.divTourisme .level01 , .divTourisme .slogan{text-align:right;}

.menuTop{
	height:10px;
	background:#ffffff URL(/design/menu-top.gif) repeat-x;
	position:relative;
	z-index:0;
	padding:2px;
	font-size:9px;
	color:#777;
	text-align:right;
}



/* ------------ Menu selected --------------------------------- */



TD.selected .divPatrimoine {background:url(/design/p-n1.jpg)}
TD.selected .divPatrimoine A{display:block;}
TD.selected .divPatrimoine .slogan{display:none;}
TD.selected .divPatrimoine .level01{bottom:2px;}
TD.selected .divPatrimoine IMG.bug{display:block;right:0;}



TD.selected .divTourisme {background:url(/design/t-n1.jpg)}
TD.selected .divTourisme A{display:block;}
TD.selected .divTourisme .slogan{display:none;}
TD.selected .divTourisme .level01{bottom:2px;}
TD.selected .divTourisme IMG.bug{display:block;left:0;}



TD.selected .divHistoire {background:url(/design/h-n1.jpg)}
TD.selected .divHistoire A{display:block;}
TD.selected .divHistoire .slogan{display:none;}
TD.selected .divHistoire .level01{bottom:2px;}
TD.selected .divHistoire IMG.bug{display:block;right:0;}



.menuTop A , .menuTop A:visited{
	color:#777;
	text-decoration:none;
}

.menuTop A:hover{
	color:#777;
	text-decoration:underline;
}

.menuTop IMG{
	position:absolute;
	left:0;
	top:0;
}

/* -----------------------------------------------*/

.searchArea{
	height:40px;
	position:relative;
}

FORM.search{
	height:20px;
	width:170px;
	
	padding:5px 15px;
	
	position:absolute;
	left:0;
	top:0;
}

FORM.search INPUT{
	margin:0;
	padding:0;
}

FORM.search INPUT.field{
	background:url(/design/loupe.gif) no-repeat left top;
	height:14px;
	width:105px;
	padding:2px 2px 2px 20px;
	color:#999999;
	vertical-align:middle;
}

FORM.search INPUT.send{
	border:none;
	background:none;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.breadcrumbs{
	padding:8px 0;
	height:14px;
	width:700px;
	position:absolute;
	left:200px;
	top:0;
	
	color:#888888;
}

.breadcrumbs A , .breadcrumbs A:visited{
	color:#888888;
}

.breadcrumbs A:hover{
	color:#666666;
}

/* ==============================================
MIDDLE
============================================== */

TABLE.middle{
	z-index:1;
}

TD.leftMenu{
	vertical-align:top;
	width:200px;
	background:url(/design/back-menu-left.gif) no-repeat left top;
	
	z-index:5;
}

TD.content{
	vertical-align:top;
	line-height:135%;
	padding:40px;
}

.tools{
	text-align:right;
	height:16px;
}

.tools A{
	display:block;
	width:16px;
	height:16px;
	float:right;
	margin-left:5px;
}

A#sendTo_href , A#sendTo:visited {background:url(/design/sendto-1.gif) no-repeat center center;}
A#sendTo_href:hover{background:url(/design/sendto-2.gif) no-repeat center center;}

A#sendTo_href SPAN{
	display:block;
	width:16px;
	height:16px;
}

A.print , A.print:visited {background:url(/design/print-1.gif) no-repeat center center;}
A.print:hover{background:url(/design/print-2.gif) no-repeat center center;}


TD.content H1{
	font-family:Garamond;
	display:block;
	margin-bottom:25px;
	font-size:24px;
}


.bottomMenu{
	text-align:center;
	padding:10px;
}

.bottomMenu A , .bottomMenu A:visited{color:#666;}

.bottomMenu A:hover{color:#333}

/* ==============================================
COPYRIGHT
============================================== */

#copyright{
	margin:0 auto;
	width:950px;
	padding:3px;
	text-align:right;
	color:#FFFFFF;
	
}

#copyright A, #copyright A:visited{color:#fff;text-decoration:none;}
#copyright A:hover, #copyright A:active{color:#ccc;text-decoration:underline;}

/* ==============================================
SEARCH
============================================== */ 

.search_result{
	margin-top:10px;
}

.search_title{
	font-weight:bold;
	font-size:12px;
	color:#336299;
}

.search_title  A{
	
}

.search_progress_container{
border:1px solid #ddd;
padding:0;
margin:0;
width:700px;
height:3px;
}

.search_progress_bar{
	background:#ccc;
	padding:0 3px;
	color:#fff;
	font-size:9px;
	margin:0;
	padding:0;
/*	margin-top:3px;
	margin-bottom:3px;*/
	height:3px;
	line-height:0;
}

.search_resume{

}

.search_resume B{
	color:#B07300;
}

FORM.search_form INPUT {
	width:350px;
}

INPUT.search_formbutton{
	height:19px;
	width:100px !important;
	padding:2px;
	margin:0;
	border:1px solid #666;
	color:#fff;
	font-size:10px;
	background:#ED900F;
	cursor:pointer;
	font-weight:bold;
}

.search_error{
	color:#FFA600;
	font-weight:bold;
	margin:5px 0;
}

.searc_nav{
	margin:10px 0;
	text-align:center;
}

#search_resume_table{
	margin:20px 0;
	border:solid #ccc;
	border-width:1px 0 1px 0;
}

#search_resume_table B{
	color:#336299;
	font-weight:normal;
}

.form_auto_fill{
	text-align:right;
	margin-bottom:5px;
}

.form_auto_fill INPUT{
	border:0;
	margin:0;
	padding:0;
}


/* ==============================================
News design
============================================== */

A.actu , A.actu:visited{
	background:URL(/design/news2.gif) no-repeat 0 2px;
	padding:0 0 5px 15px;
	display:block;

	text-decoration:none;
	color:#666;
	
}

A.actu B{color:#85411a}

A.actu:hover{
	text-decoration:underline;
}

.newsDate{
	text-align:right;
	font-style:italic;
	color:#666;
	border-bottom:1px solid #FAFAC4;
	margin-bottom:10px;
	position:relative;
	top:-35px;
}

.newsContent{
	margin-top:10px;
}

IMG.imgNews{
	margin:0 0 10px 10px;
	border:2px solid #fff;
	
}

H4.sousTitreAgenda{
	color:#85411a;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 20px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #fff;

}

TD.agendaTxt{
	background:#FAFAC4;
	padding:10px;
	vertical-align:top;
}

/* ==============================================
VISUAL MENU
============================================== */


A.visualMenu , A.visualMenu:visited{
	display:block;
	margin:0 0 10px 0;
	clear:both;
	color:#666;
	text-decoration:none;
	line-height:150%;

	clear:both;
}

A.visualMenu:hover{
	text-decoration:underline;
}

A.visualMenu SPAN{
	font-weight:bold;
	display:block;
	font-size:14px;
}


A.visualMenu IMG{
	border:none;
	float:left;
	margin:0 10px 10px 0;
}

/* ==============================================
OTHER
============================================== */

BODY.bodysendto{
	padding:5px;
	background:#fdfce2 url(/design/back.gif) no-repeat center top; 
}

BODY.bodysendto INPUT{
	margin:5px;
}

BODY.bodysendto IMG{
	margin:10px;
}

BODY.bodysendto INPUT.bouton_sendto{
	padding:2px;
	margin:0;
	border:1px solid #666;
	color:#fff;
	font-size:10px;
	background:#ED900F;
	cursor:pointer;
	font-weight:bold;
}

TABLE.timeline A , TABLE.timeline A:visited{
	text-decoration:none;
	color:#666;
}

TABLE.timeline A:hover{
	text-decoration:underline;
}

/* -------------------- GALERIE PHOTOS ------------------ */

#g3 {
	padding:0px;
	margin:0px;
	clear:both;
}

#g3 LI {
	padding:5px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	width:200px;
	margin:4px;
	height:200px;
	float:left;
	text-align:center;
	overflow:hidden;
	color:#333;
}

#g3 LI.g3_folder {
	background:#F5F27D URL(/design/album-tab.gif) no-repeat right bottom;
	border:1px solid #999999;
	font-weight:bold;
	
}

#g3 LI.g3_folder IMG {
	border:1px solid #999;
}

#g3 LI IMG {
	border:1px solid #ccc;
}

.g3_title{
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin:10px 0 5px 0;
}

TR.g3_nav TD A , TR.g3_nav TD A:visited{
	font-size:18px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	padding:5px;
}

TR.g3_nav TD A:hover{
	color:#333;
	text-decoration:none;
	
}



/* ---------------- ANNUAIRE ------------------------ */

#annu_search INPUT{
	background:URL(/design/bck-bt.gif) repeat-x center center;
	color:#fff;
	border:1px solid #344C53;
	margin:5px 0;
}

h1 input {
	background:#FDFCE2;
	border:1px solid #DDDDDD;
}

#annu_search select {
	width:250px;
}

.annu_mthm_entry {	
/*	border:1px solid red;
	background:#FFFFFF; */
	margin-bottom:15px;
}

.annu_mthm_entry DIV {
/*	padding:0 0 2px 40px;
	background: URL(/design/add.gif) no-repeat 20px 0;*/
	
	padding:0 0 2px 20px;
	background: none;
	font-style:italic;

}

.annu_mthm_entry DIV A , .annu_mthm_entry DIV A:visited{
	font-size:9px;
	color:#666;
}

.annu_mthm_entry DIV A:hover{color:#333;}

.annu_mthm_entry DIV.title {
	padding:0 0 0 20px;
	background: URL(/design/vcard.gif) no-repeat left top;
	font-style:normal;
}

.annu_mthm_entry .title A , .annu_mthm_entry .title A:visited{
	font-size:16px;
	color:#174581;
	font-weight:bold;
	text-decoration:none;
}

.annu_mthm_entry .title A:hover{text-decoration:none;color:#333;background:#F5F27D;}



#mthm_results {
	margin-top:35px;
}

/* --------------- MAP -------------------------- */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid #8C8C85;
	padding: 5px;
	background:#fff;
	visibility: hidden;
	z-index: 100;
	}

#dhtmlpointer{
	display:block;
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.infoCarte{
	background:URL(/design/info-carte-back.gif) repeat-y;
	padding:5px;
}

.carteApresFusion IMG{
	border:2px solid #fff;
}

body.main_content {
	background:#FDFCE2 url(/design/degrad.png) repeat-x;
}


body.pageForm_header_ {
	background:#FDFCE2 url(/design/degrad.png) repeat-x;
	color:#85411A;
}

body.pageForm_main_annu_ {
	background:#FCFCDB;
}

h1 input {
	background:#F7F594;
	border:0px;
	font-family:Garamond;
	display:block;
	font-weight:bold;
	margin-bottom:25px;
	font-size:24px;
	color:#666666
}

h1 input:hover {
	border:1px dotted #333333;
	margin:-1px;
}

.content iframe {
	border:0px !important;
}


.content iframe:hover {
	border:1px dotted #333333 !important;
	margin:-1px !important;
}

#annu_table TD  {
	padding-right:4px;
}

#annu_table TD input {
	border:0px;
	color:#666666;
	border-bottom:1px solid #CCCCCC;
}

/* ----------------------------------------------------------- */

TD.anFiche{
	border-left:2px solid #F5F27D;
	padding:5px 20px 20px 20px !important;
	vertical-align:top;
	background:#fff;
}

TD.anFiche IMG{
	border:none;
	margin-right:5px;
	vertical-align:middle;
	
}

TD.anFiche HR{margin:20px 0;}


.ButSocial{
	text-align:right;
	text-color:#999;
	font-style:italic;
	font-size:10px;
}

.PersonneContact{
	font-size:14px;
	font-weight:bold;
}

.Adresse{}
.cp{}
.Localite{}
.village{}
			
.form-titre {font-weight:bold;}		

.Localite SELECT {
	width:100px;
}

.Localite INPUT {
	width:100px !important; float:left;
}