/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   margin:0px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		display: block;
	}
	.toggler-closed {
		margin:0px 0 25px 0;
		color:#333;
		padding-left:0px;
		height:10px;
		background: #fff url('togglerc.gif') top left no-repeat;
		border: solid 1px white;
	}
	.toggler-closed:hover {
		color: #000;
		padding-left:0px;
		height:10px;
		background: #fff url('togglerch.gif') top left no-repeat;
		border: dotted 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:00px;
		height:10px;
		background: #fff url('togglero.gif') top right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:00px;
		height:10px;
		background: #fff url('toggleroh.gif') top right no-repeat;
		border: dotted 1px #e3e3e3;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
		margin: -25px 0px 25px -15px;
	   padding-left:15px;
	   list-style-type: none;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px -15px;
	   padding-left:15px;
	   background:transparent;
	   border:solid 1px #fff;

	}
	.toggler-c-opened li{ display: block; margin: 0; border-bottom: 1px dashed #dadada;  }


}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #ffffff url(bl_12_ffffff_f5f5f5.gif) no-repeat bottom left;
  position: relative;
  padding-top: 0;
  padding-bottom: 12px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #ffffff url(br_12_ffffff_f5f5f5.gif) no-repeat bottom right;
  padding: 1em 2em 12px 0;
  margin: 0 0 -12px 12px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h3, div.rounded h4 {
  color: #000000;
  background: #ffffff url(tr_12_ffffff_f5f5f5.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(tlc_12_ffffff_f5f5f5.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0 0 10px 0;
  margin: 0;
  position: relative;
}

div.rounded p {
display:block;
margin: 1em 0px 1em 0px;
}

div.rounded .spip_documents_left {
float: left;
margin-bottom:5px; 
margin-right:15px;
}

div.avis {
float : left;
margin: 0px 0px 10px 1em;
}

div.carte {
float : left;
margin: 0px 0px 10px 1em;
}

div.pub {
margin: 0px 0px 0px 1emx;
}

div.rounded #map {
margin-bottom:5px; 
}

/* bandeau couleur */
.bandeau_titre {
  background: #E5E2E1;
  padding: 1em 1.2em 1em 1.2em;
  margin: 0 -10px 0px -10px;
  height:100%;
  color:#C82F1F;
}

.bandeau_diapo {
  background: #000000;
  padding: 0.2em 1.2em 0.2em 1.2em;
  margin: 15px -10px 0px -10px;
  height:100%;
  color:#FFFFFF;
}

h3 {
  font-size: 0.85em;
  padding: 10px 0 10px 0;
  margin: 0;
  position: relative;
}
h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.85em;
  padding: 10px 0 10px 0;
  margin: 0;
  position: relative;
  color:#66CC00;
}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:5px}
ul#intro li{float:left;width:130px;margin-right:5px;padding: 2px 0}
ul#intro {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
ul#intro a{color:#1472E6;text-decoration: underline;}
ul#intro a:hover{color:#1472E6; text-decoration: none;}
li#note{background: #EFEFEF}
li#meinung{background: #EFEFEF}
li#karte{background: #EFEFEF}
li#adresse{background: #EFEFEF}
ul#intro li#offen{margin-right:0;background: #7D63A9}
ul#intro p,ul#intro h3{margin:0;padding: 0 3px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #000000}

ul#intro2,ul#intro2 li{list-style-type:none;margin:0;padding:0}
ul#intro2{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro2 li{float:left;width:265px;margin-right:5px;padding: 2px 0}
li#telefon{background: #EFEFEF; padding-left:15px;}
li#telefon a{color:#1472E6; text-decoration: underline;}
li#telefon a:hover{color:#000; text-decoration: none;}
ul#intro2 li#offen{margin-right:0;background: #EFEFEF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
li#offen a{color:#000; text-decoration: underline;}
li#offen a:hover{color:#000; text-decoration: none;}
ul#intro2 p,ul#intro2 h3{margin:0;padding: 0 3px}
ul#intro2 h3{text-transform:uppercase;padding-bottom:3px;color: #000}

#comments {background: #EEE;margin-bottom:10px}
#comments p{padding: 10px;margin:0}

.allgreen a{ round-color:66CC00}

#diapo {background: #000000;}
.one {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.one h2{ margin:0px;padding: 3px 15px 0px;font-size: 18px; text-align:center;color: #FFF; background: #66CC00}
.one h2 a{color:#FFF; text-decoration: none;}
.one h2 a:hover{color:#FFF; text-decoration: underline;}
.one h2 a:visited{color:#FFF; text-decoration: none;}
.one div{border:2px solid #66CC00; background:#FFFFFF;}
.one ul li{list-style-type:none;}

.actu {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.actu h2{ margin:0px;padding: 3px 15px 0px;font-size: 18px; text-align:center;color: #FFF; background: #666666}
.actu h2 a{color:#FFF; text-decoration: none;}
.actu h2 a:hover{color:#FFF; text-decoration: underline;}
.actu h2 a:visited{color:#FFF; text-decoration: none;}
.actu div{border:2px solid #666666; background:#FFFFFF;}
.actu ul li{list-style-type:none;}

.agenda {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.agenda h2{ margin:0px;padding: 3px 15px 0px;font-size: 18px; text-align:center;color: #FFF; background: #666666}
.agenda h2 a{color:#FFF; text-decoration: none;}
.agenda h2 a:hover{color:#FFF; text-decoration: underline;}
.agenda h2 a:visited{color:#FFF; text-decoration: none;}
.agenda div{border:2px solid #EFEFEF; background:#FFFFFF;}
.agenda ul li{list-style-type:none;}

.rue {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.rue h2{ margin:0px;padding: 10px 15px 10px;font-size: 14px; font-weight:bold; text-align:center;color: #FFF; background: #13289F}
.rue h2 a{color:#FFF; text-decoration: none;}
.rue h2 a:hover{color:#FFF; text-decoration: underline;}
.rue h2 a:visited{color:#FFF; text-decoration: none;}
.rue div{border:1px solid #13289F; background:#FFFFFF;}
.rue ul li{list-style-type:none;}

.transport_inline ul{ list-style-type: none; }
.transport_inline li{ display: inline; }

.transport ul{ padding: 6px 0; padding-left: 0px; margin-top: 1px; margin-bottom: 0; font: 14px Arial; font-weight:bold; list-style-type: none; text-align: center; line-height: 18px; border-bottom: 1px solid #cccccc; background-color:#13289F;  /*set to left, center, or right to align the menu as desired*/ }
.transport li{ display: inline; margin: 10px 0 5px 2px; }
.transport li a{ color:#FFFFFF; text-decoration: none; padding: 3px 4px; margin-right: 0px;   }
.transport li a:visited{ color: #FFFFFF; }
.transport li a:hover{ text-decoration: underline; color: #FFF; }

.lieu {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.lieu h2{ margin:0px;padding: 10px 15px 10px;font-size: 14px; font-weight:bold; text-align:center;color: #FFF; background: #70748A}
.lieu h2 a{color:#FFF; text-decoration: none;}
.lieu h2 a:hover{color:#FFF; text-decoration: underline;}
.lieu h2 a:visited{color:#FFF; text-decoration: none;}
.lieu div{border:1px solid #70748A; background:#FFFFFF;}
.lieu ul li{list-style-type:none;}

.dossier {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.dossier h2{ margin:0px;padding: 10px 15px 10px;font-size: 14px; font-weight:bold; text-align:center;color: #FFF; background: #8F1630}
.dossier h2 a{color:#FFF; text-decoration: none;}
.dossier h2 a:hover{color:#FFF; text-decoration: underline;}
.dossier h2 a:visited{color:#FFF; text-decoration: none;}
.dossier div{border:1px solid #8F1630; background:#FFFFFF;}

.white {width: 93%; text-align:left; margin:10px 0px 10px 0px; padding: 0px 0 0 10px; background:#FFFFFF;}

.check {width: 300px; text-align:left; margin:10px 0px 10px 0px}
.check div{border:2px solid #66CC00; background:#FFFFFF;}
.check ul li{ list-style-image:url(_img/button/meeting.gif);}

.two {width: 95%; text-align:left; margin:10px 0px 10px 5px; clear:both}
.two h2{margin:0px;padding: 5px 15px 5px 15px;text-align:left;color: #FFF; background: #FFFFFF}
.two div{border:2px solid #FFFFFF; background:#FFFFFF;}
.two h2 a{font-size: 18px; color:#000000; text-decoration: none;}
.two h2 a:hover{color:#000000; text-decoration: underline;}
.two h2 a:visited{color:#000000; text-decoration: none;}

.three {width: 95%; text-align:left; margin:10px 0px 10px 5px; clear:both}
.three h2{margin:0px;padding: 5px 15px 5px 15px;text-align:left;color: #FFF; background: #ACACAC}
.three div{border:2px solid #FFFFFF; background:#FFFFFF;}
.three h2 a{color:#FFFFFF; text-decoration: none;}
.three h2 a:hover{color:#FFFFFF; text-decoration: underline;}
.three h2 a:visited{color:#FFFFFF; text-decoration: none;}

#services {width: 300px; text-align:left; margin:0px 0px 10px 5px; }
#services h2{ margin:0px;padding: 3px 0 0px;text-align:center;color: #FFF; background: #E65714}
#services div{border:2px solid #E65714;background:#FFFFFF;}
#services ul li{list-style-type:none;}

#resto {width: 250px; text-align:center; margin:0px 0px 10px 0px; padding:8px 0 8px 0px; background: #66CC00; color:#FFFFFF;}
#resto a{color:#FFFFFF; font-size:14px; text-decoration: none; }
#resto a:hover{color:#FFFFFF; text-decoration: underline;}

#contrib {width: 100%; text-align:center; margin:0px 0px 10px 0px; padding:10px 0 10px 0px; background: #66CC00; color:#FFFFFF; font-size:18px;}
#contrib a{color:#FFFFFF; font-size:18px; text-decoration: none; }
#contrib a:hover{color:#FFFFFF; text-decoration: underline;}

.resa {width: 250px; text-align:center; margin:0px 0px 10px 0px; padding:8px 0 8px 0px; background: #FF6600; color:#FFFFFF;}
.resa a{color:#FFFFFF; font-size:14px; text-decoration: none; }
.resa a:hover{color:#FFFFFF; text-decoration: underline;}

#boutnavact ul{list-style: none ; margin: 0 ; padding: 0 ; }
#boutnavact li{float:left;width:8.5em;font-size:100%;margin-bottom: 2px}
#boutnavact li a{display: list-item;width:8.5em;padding:2px 5px 5px 5px;font: normal 100% Arial; 
    background: #FFF;color:#000000;
    text-decoration:none;text-align:left;
	margin-bottom: 2px
	}
#boutnavact li a.on{display: list-item;width:8.5em;padding:2px 5px 5px 5px;font: normal 100% Arial; 
    background: #66CC00; color: white;
    text-decoration:none;text-align:left;
	margin-bottom: 2px
	}
#boutnavact a:hover{background: #66CC00;color:#FFF;}

ul.boutnavstat,ul.boutnavstat li{margin:0;padding:0;list-style-type:none}
ul.boutnavstat li{float:left;width: 8.5em;font-size:100%;margin-bottom: 2px}
ul.boutnavstat a{display: list-item;width:8.5em; padding:2px 5px 5px 5px;font: normal 100% Arial;
    background: #FFF;color: #000000;
    text-decoration:none;text-align:left}
ul.boutnavstat a:hover{background: #66CC00;color:#FFF;}

a.button{
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}

.meteo{
background:url(_img/button/meteo.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

.phone{
background:url(_img/button/phone.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}