DIV#container {
	position:absolute;
	top:0px;
	left:50%;
	margin:0px -495px;
	padding:0px;
	border:0px;
	width:990px;
	z-index:1;
}
hr {
border-collapse:collapse;
border:1px solid #6666CC;

}

DIV#bandeau1 {
	width:990px;
	height:96px;
}
DIV#bandeau2 {
	width:990px;
	height:39px;
}
#bandeau2 img {
	border:0px;
}

DIV#bandeau3 {
	width:990px;
	height:15px;
}

DIV#zonepage{
	background-color:#FFFFFF;
}

DIV#colgauche{
	float:left;
	width:204px;
}

DIV#contenupage{
	min-height:800px;
	clear:right;
	padding:4px 12px 8px 15px;
	margin-left:220px;
}

DIV#piedpage{
	background-image:url(./images/index_10.png);
	background-repeat:no-repeat;
	width:990px;
	height:34px;
}

DIV#navigation {
	text-align:right;
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
	font-size:12px;
}

DIV#liste p {
font-weight:normal;
}
DIV#liste p strong {
font-weight:bold;
}

DIV#liste p span{
color:#339933;
background: url(images/tel.gif) center left no-repeat;
	padding-left: 20px;
}

DIV#liste p a{
font-size:11px;
}


.orange {
	color:#FF6600;
}
.rouge {
	color:#CC0000;
}
.bleu {
	color:#3366CC;
}
.rose {
	color:#CC99CC;
}
.vert {
	color:#009933;
}

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

.orangeb {
	color:#FF6600;
	border-bottom:1px solid #FF6600;
}
.rougeb {
	color:#CC0000;
	border-bottom:1px solid #CC0000;
}
.bleub {
	color:#3366CC;
	border-bottom:1px solid #3366CC;
}
.roseb {
	color:#CC99CC;
	border-bottom:1px solid #CC99CC;
}
.vertb {
	color:#009933;
	border-bottom:1px solid #009933;
}

/* ------------------------------------- */
#navigation a {
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
	font-size:12px;
}

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

.accueilrub{
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
	font-size:16px;
	line-height:20pt;
	padding:4px 8px 4px 8px;
	text-align:right;
}
.municipalite{
	color:#663300;
}
.municipalite a:link{
	text-decoration:none;
	color:#663300;
}

.municipalite a:visited{
	text-decoration:none;
	color:#663300;
}

.municipalite a:hover{
	text-decoration:underline;
	color:#000000;
}

.vivre{
	color:#336600;
}

.vivre a:link{
	text-decoration:none;
	color:#336600;
}

.vivre a:visited{
	text-decoration:none;
	color:#336600;
}

.vivre a:hover{
	text-decoration:underline;
	color:#000000;
}

.patrimoine{
	color:#003366;
}

.patrimoine a:link{
	text-decoration:none;
	color:#003366;
}

.patrimoine a:visited{
	text-decoration:none;
	color:#003366;
}

.patrimoine a:hover{
	text-decoration:underline;
	color:#000000;
}

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

.nav {
	color:#999999;
	font-size:12px;
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
}

body{
	background-color:#cfc6b4;
	color:#000000;
}

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

.menugauche {
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
	color: #244C74;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	line-height:18pt;
}

.menugauche ul {
	padding-right:8px;
	list-style-type:none;
	font-weight: bold;
	font-size:14px;
	text-align:right;
	color: #244C74;
	line-height:18pt;
}

.menugauche ul ul{
	padding-right:8px;
	list-style-type:none;
	font-weight: bold;
	font-size:13px;
	text-align:right;
	color: #244C74;
	line-height:18pt;
}

.menugauche ul ul ul{
	padding-left:13px;
	list-style-type:none;
	font-size:11px;
}

.menugauche a {
}

.menugauche a:link {
}
.menugauche a:hover {
}

.link1{
	color:#FF6600;
}

.link1:link{
	color:#FF6600;
}

.link1:visited{
	color:#FF6600;
}

.link1:hover{
	text-decoration:underline;
	color:#000000;
}

a.link2{
	color:#006600;
}

a.link3{
	color:#006699;
}

.menugauche li a {
	text-decoration:none;
}

.menugauche li a:link {
	text-decoration:none;
}
.menugauche li a:hover {
	text-decoration:underline;
}

/* fix for browsers that don't need the hack */
html>body #headlines li {border-bottom: none}

.lioff {
	list-style-position:inside;
	margin-left:0px;
	margin-right:0px;
	list-style:none;
}
.lion {
	list-style-position:inside;
	margin-left:0px;
	margin-right:0px;
	list-style:none;
}

/* -------------------------------------- */
	
.fondrubbleu{
	/*background-image:url(./images/rub1_titre_bottom_03.png);*/
	color:#405061
}
.fondrubvertdegris{
	/*background-image:url(./images/rub2_titre_bottom_03.png);*/
	color:#03575F
}

.fondrubvert{
	/*background-image:url(./images/rub3_titre_bottom_03.png);*/
	color:#405061;
}

.fondruborange{
	/*background-image:url(./images/rub4_titre_bottom_03.png);*/
	color:#994005
}

.fondruborange2{
	/*background-image:url(./images/rub5_titre_bottom_03.png);*/
	color:#5C2202
}

.fondrubrouge{
	/*background-image:url(./images/rub6_titre_bottom_03.png);*/
	color:#5C2202;
}

.fondrubviolet{
	/*background-image:url(./images/rub7_titre_bottom_03.png);*/
	color:#7248D1
}

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

.menugauche {
	font-family: "Futura-Medium", "Futura","Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px
}

.menubleu {
	background-image:url(./images/fond_liste_menu1.png);
	color:#006699;
	border-bottom:5px solid #006699;
	
}
.menubleu li a {
	color:#006699;
}

.menuvertdegris {
	background-image:url(./images/fond_liste_menu2.png)
}

.menuvert {
	background-image:url(./images/fond_liste_menu3.png);
	color:#006600;
	border-bottom:5px solid #339900;
}
.menuvert li a {
	color:#006633;
}

.menuorange {
	background-image:url(./images/fond_liste_menu4.png);
	color:#FF6600;
	border-bottom:5px solid #FF6600;
}
.menuorange li a {
	color:#FF6600;
}

.menuorange2 {
	background-image:url(./images/fond_liste_menu5.png);
	color:#FF6600;
}

.menurouge {
	background-image:url(./images/fond_liste_menu6.png);
	color:#CC0000;
	border-bottom:5px solid #CC0000;
}
.menurouge li a {
	color:#CC0000;
}
.menuviolet {
	background-image:url(./images/fond_liste_menu7.png)
}

.textepage{
	font-family:"Trebuchet MS", Arial, Helvetica;
	color:#333333;
	font-size:12px;
}

.titreniv1{
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:13px;
	font-variant:small-caps;
	color:#000;
}

.titreniv1 span{
	font-family:"Trebuchet MS", Arial, Helvetica;
	color:#333333;
	font-size:12px;
}

.textepage span{
	font-style:italic;
	font-size:12px;
}

.textepage p{
	font-family:"Trebuchet MS", Arial, Helvetica;
	color:#333333;
	font-size:13px;
}

.textepage ul {
	list-style-type:square;
	color:#663333;
	font-size:12px;
}
.textepage h1{
	font-size:25px;
	margin-top:20px;
}
.textepage h2{
	font-size:14px;
	margin-top:20px;
	border-bottom:1px solid #000000;
}
.textepage h3{
	font-size:14px;
	margin:20px 5px 5px 5px;
}
.textepage h4{
	font-size:12px;
	margin:5px 5px 5px 5px;
}
.textepage h5{
	font-size:11px;
	font-style:italic;
	margin-top:5px;
	font-weight:normal;
	margin:5px 5px 5px 10px;
}

.textepage .commentaires h3{
margin-top:20px;
color:#009933;
font-style:italic;
border-bottom:1px dotted #009933

}
.textepage .commentaires {
font-family:Georgia, "Times New Roman", Times, serif;
}

.textepage .commentaires p{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-size:11px;
}

.textepage fieldset{
margin-top:20px;
color:#009933;
border:1px solid #009933
}
.textepage legend{
color:#009933;
}

.textepage .tourisme fieldset{
margin-top:20px;
color:#006699;
border:1px solid #006699;
}
.textepage .tourisme legend{
color:#006699;
}

.textepage .municipalite fieldset{
margin-top:20px;
color: #FF9933;
border:1px solid #FF9933;
}
.textepage .municipalite legend{
color:#FF9933;
}

.dcenter {text-align:center;}
.dcenter a{ text-decoration:none;}
.dcenter a:hover{ text-decoration:none; color:#000000;}

.right380{
	float:right;
	width:382px;
	background-color:#fff;
	/*border:1px solid #CCCCCC;*/
	margin:4px;
}
.right271{
float:right;
	width:271px;
	background-color:#fff;
	/*border:1px solid #CCCCCC;*/
	margin:4px;
}
.right283{
float:left;
	width:283px;
	background-color:#fff;
	/*border:1px solid #CCCCCC;*/
	margin:4px;
}
.legendephoto {
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#333333;
	text-align:center;
}

.w334{
width:334px;
	background-color:#fff;
	/*border:1px solid #CCCCCC;*/
	margin:4px;}

.w380{
width:380px;
	background-color:#fff;
	/*border:1px solid #CCCCCC;*/
	margin:4px;}
	
.external{
background: url(images/external.png) center right no-repeat;
	padding-right: 13px;
}
a.external:hover{
color:#990000;


}

.rtopleft{ background:url(images/r_top_left.gif) top left no-repeat; background-color:#daf0ff;}
.rtopright{background:url(images/r_top_right.gif) top right no-repeat;}
.rbottomleft{ background:url(images/r_bottom_left.gif) bottom left no-repeat;}
.rbottomright{ background:url(images/r_bottom_right.gif) bottom right no-repeat; padding:8px;}




/* --------------------- */
#eole_tooltip_image {
	background-color:#FFFFCC;
	border:1px solid #E8CE89;
	z-index:1;
	padding:3px;
	visibility:hidden
}

#eole_tooltip_premier {
	background-color:#E8CE89;
	padding:2px 2px 2px 2px;
}
  
#eole_tooltip_second {
	padding:2px 2px 2px 2px;
	color:#990033;
}

a.info{
	position:relative; /*this is the key*/
	z-index:24;
	font-size:16px;
	color:#000;
	text-decoration:underline;
	background: url(./images/zoom.gif) top right no-repeat;
	padding-right:25px
}

a.info:hover{
	z-index:25;
	background-color:#FAE9E0;
	text-decoration:underline;
	color:#333366
}

a.info span{
	display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:1.3em; left:0em;
	border:1px solid #000;
	/*background-color:#cff; color:#000;*/
	text-align: center
}
		
a.info:hover span img{
  border:0px
}

a.tof{
	position:relative; /*this is the key*/
	text-decoration:underline;
	background: url(./images/tof.gif) right no-repeat;
	padding-right:14px;
	color: #336699;
}
a.tof:hover{
	position:relative; /*this is the key*/
	text-decoration:underline;
	background: url(./images/tof.gif) right no-repeat;
	padding-right:14px;
	color: #000;
}