@import "content.css";
/* THEME VERT 
body {
	background: #CEE1CA url(fond-vert.png) repeat-x;
}
#conteneur {
	background: #EDEBE7 url(entete-vert-repeat.png) top left  repeat-x;
}
#entete {
	background:  url(entete-vert-droite.jpg) top right no-repeat;
}

#entete h1 {
	background:  url(entete-vert-gauche2.png) no-repeat;
}
*/
body {
	background: #92ABA6 url(fond-turquoise.png) repeat-x;
}
#conteneur {
	background: #EDEBE7 url(entete-turquoise-repeat.png) top left  repeat-x;
}
#entete {
	background:  url(entete-turquoise-droite.jpg) top right no-repeat;
}

#entete h1 {
	background:  url(entete-turquoise-gauche.png) no-repeat;
}

html {font-size: 100%;} 
body {
	padding:0;
	margin: 0;
	font: .89em/100% "Tahoma", "Verdana", "Arial", sans-serif;

}
/*{{{  gabarit*/
#conteneur {
	margin: auto;
	max-width: 950px;
	min-width: 800px;
	/*width: 800px;*/
}
#entete {
	height: 164px;
	overflow: hidden;
	text-indent: -5000px;
	color: #FFF;
}

#entete h1 {
	margin: 0;
	padding: 0;
	height: 164px;
	overflow:hidden;
}

p#auteur {
	position: absolute;

	padding: 0;
	margin: 0;
		background: url(titreh2-droite.png) no-repeat right top;
		height: 42px;
		width: 330px;
		text-align: right;
		line-height: 36px;
		right: 0;

}
p#auteur span {
	font-variant: small-caps;
	padding-right: 30px;
}
#contenu {
	clear:both;
	position: relative;
	color: #454545;
	background-color: #F0F0F2;
	background-color: white;
	margin: 20px 30px;
	border: 1px solid #DDDBD8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 20px;
	border-radius: 6px;

} 
#article {
	padding: 0px 30px 20px;
	font-size: 0.93em;
	font-family:  "Verdana", "Tahoma", "Arial", sans-serif;
}
#pied {
	padding: 20px;
	background-color: #EDEBE7 ;
	clear:both;
}
#pied a {
	color: #9F9D96;
}
/*}}}*/

/*{{{  menus */
#accueilcontact {
	margin-top: -74px;
	height: 28px;
	margin-left: 10%;
}
#accueilcontact a {
	padding-left: 20px;
	margin-left: 2.5%;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color: white;
	font-family: "Arial", sans-serif;
	font-size: 0.9em;
}
#accueilcontact a:hover {
	color:yellow;
}
#accueilcontact a#accueil {

	background-image: url(accueil.gif);
}
#accueilcontact a#contact {
	background-image: url(contact.gif);
}
#accueilcontact a#liens {
	background-image: url(liens.gif);
}
#accueilcontact a#recherche {
	background-image: url(icones/loupe.png);
}
#menu ul {
	padding: 4px 0px 2px 92px;
	text-align:center;
	margin:0;
	height: 34px;
	
}
#menu li {
	float:left;
	display:inline;

	border-bottom: 3px solid;
	margin: 0;
	padding-top: 2px;
}
#menu li a {
	display:block;
	height: 20px;
	text-decoration: none;
	background: url(basmenus.png) repeat-x 0 8px;
	overflow:hidden;
	border-right: 1px solid #D3C38F;
	color: #302c23;
}
#menu li a:hover {
	background-image: none;
	color: blue;
}
#menu li#actualite {
	border-bottom-color: #69B4FF;
	width: 17%;
}
#menu li#commune {
	border-bottom-color: #FF9799;
	width: 16.1%;
}
#menu li#mairie {
	border-bottom-color: #F4FFBD;
	width: 15.2%;
}
#menu li#associations {
	border-bottom-color: #FEACFF;
	width: 18%;	
}
#menu li#photos {
	border-bottom-color: #BBFFBB;
	width: 15.2%;
}
#menu li#histoire {
	border-bottom-color: #FFC090;
	width: 16%;
}
#menu li#histoire a {
	border-right-width: 0;
} /*}}}*/

ul#sousmenu {
	text-align:center;
	margin: 0;
	padding: 10px 0 0;
	font-size: 95%;
	overflow: visible;
}
body.associations ul#sousmenu {
	text-align:center;
	margin: 0;
	padding: 10px 0 0;
	font-size: 90%;

}
ul#sousmenu li {
	display: inline;
}
ul#sousmenu li a {
	padding: 0 16px 0 10px;
	background: url(puce-smenu.png) no-repeat center right;
	color: #3066c7;
	text-decoration: none;
}
ul#sousmenu li.dernier a {
	background: none;
}
ul#sousmenu li a:hover {
	text-decoration: underline;
}

#menuarticle {
	float: left; 
	border: #E1DFDC 1px solid;

	margin-right: 30px;
	background: #CBD7D8;
}
#menuarticle ul {
	margin: 0;
	padding: 0;
	
}
#menuarticle p {
	text-indent: 0;
	padding: 3px;;
	margin: 0;
	
}

#menuarticle li {
	margin: 1px;
	list-style-type: none;
	padding: 0;
	
}
#menuarticle li a {
	padding: 4px 4px;
	display: block;
	text-decoration : none;
	color: black;
	background: #EAF4ED;
	
}
#menuarticle li a:hover {
	text-decoration: underline;
	background: white;

}




h2 {
	color: #b14d3b ;
	font-family: "Times New Roman", serif;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-bottom: 0 solid #c1bfb1;
	height: 42px;
	
	line-height: 36px;
	vertical-align: middle;
	text-align: left;
	text-indent: 70px;


}
div#titre {
		margin: -10px -16px 26px -12px;
		background: #DFDDDA    url(titreh2-gauche.png) no-repeat 0 0;
		position: relative;
}

/*
h2 {
	zoom:1;
	background: #DFDDDA url(feuille2.png) no-repeat 20px 6px;
	margin: -10px;
-moz-border-radius: 20px;
	-webkit-box-shadow: 2px 3px 4px rgba(0,0,0,0.3); 
	-moz-box-shadow: 2px 3px 4px rgba(0,0,0,0.3); 
	height: auto;
	line-height: auto;
}
*/
/* BRUN
body { 
	background: #CDAD7C url(fond-brun.png) repeat-x;
}

#conteneur { 
 background-image: url(entete98-brun.jpg);
}
*/


#menubar {
width: 250px;
float: left;

font-size: 0.9em;
	box-shadow: 4px 4px 6px #aaa;
}
#menubar dd ul {
	color: #585858;
}
#menubar dt {
		color: #585858;
	line-height: 24px;
	vertical-align:top ;

	text-align:center;
	padding: 2px 2px 0 2px;
	margin: 0 0 3px 0;
	background: #EDEBE7;

}
#menubar dt img {
	vertical-align:middle ;
	background: white;

}
#menubar dt a {
	color: #585858;
	text-decoration: underline;
}
#menubar dd {
	background: white;
	padding: 4px;
	margin: 0 0 0 3px;
}
#menubar dd ul {
	margin: 0; 
	padding: 0 0 0 20px;
	list-style-image: url('puce-ronde.gif') ;
}
#menubar dt {
		-moz-border-radius: 0 0 0 12px;
		border-radius: 0 0 0 12px;
		border: 1px solid #DFDDDA;
		border-width: 1px 1px 0 0;
		background: #EDEBE7;
		background: -moz-linear-gradient(bottom, #E4E1DD 1%, #EDEBE7);
		background: -webkit-linear-gradient(bottom, #E4E1DD 1%, #EDEBE7);
		background: -o-linear-gradient(bottom, #E4E1DD 1%, #EDEBE7);
		background: -ms-linear-gradient(bottom, #E4E1DD 1%, #EDEBE7);
}

#menubar dl {
	
		margin: 0;
		padding: 0;
		
}

dl#mbCategories,
dl#AccesRapide {
	background: #69B4FF;
	
}
dl#mbSpecials,
dl#Dates
{
	background: #FFC090;
}
dl#mbMenu {
	background: #859F42;
}
dl#mbIdentification {
	background: #B14D3B;
}
#menubar dl#AccesRapide dd ul  {
	list-style : none;
	margin: 0;
	padding: 0;
}
.general #menubar  {
	margin-left: -30px;
}
#menubar dl#AccesRapide li {
	padding: 2px 0 2px 30px;
	background-repeat: no-repeat;
	background-position: 6px 1px;
}
#menubar dl#AccesRapide li.ihorloge {
 background-image: url('icones/horloge.png');
}
#menubar dl#AccesRapide li.ijournal {
 background-image: url('icones/bulletins.png');
}
#menubar dl#AccesRapide li.icompterendu {
 background-image: url('icones/compte-rendu.png');
}
#AccueilNouvelles {overflow: hidden;
padding-left: 30px;
}
#AccueilNouvelles .infos {
	background: url(icones/information32.png) no-repeat left center;
	padding-left: 42px;
	color: #D3D1CF;
	font:italic bold 2em/2em "Times New Roman", Georgia, serif;
}
#AccueilNouvelles h3:first-child {
	margin-top: 15px;
}
#article p.ndate {
 color: #388680;
 text-align: left;
 font-style: italic;
 padding-bottom: 20px;
 margin: 0;

}
#article p.infosconseil{
 color: #388680;
 text-align: left;
 padding-bottom: 10px;
 line-height: 160%;
 margin: 0;

}
#article p.permalien  {
	margin: 0;
	padding: 0;
}
#article p.permalien a {
	color: #99C0FF;
 float: right;
 font-style: italic;
}
.pagination a,
.pagination span {
	padding: 0 3px;
}
dl#annonces {
	width: 80%;
	margin: auto;
}
dl#annonces dt {
	font-weight: bold;
	color: #388680;
	background: #EDEBE7;
	border: 1px solid #CCCBC7;
	border-bottom-width: 0;
	padding: 4px;
	margin-top: 20px;
}
dl#annonces p.alien{
	text-indent: 0;
	padding-left: 20px;
	background: url('/theme/oxygen/go-next-view.png') no-repeat left center;
}
dl#annonces dd {
	padding: 10px;
	margin: 0;
	border: 1px solid #CCCBC7;
	border-top-width: 0;
}
#smenu ul {
	overflow: visible
}

li.assoc_prochainement {
	background : #EDEBE7;
	border: 1px solid gray;
}
li .assoc_prochainement_titre {
	background: white;
}
li .assoc_prochainement_contenu {
	padding: 3px 30px;
}
/*dl#evenements   {
	background: #F9F6EF;
	border: 1px solid gray;
	width: 700px;
	margin: auto;
	position: relative;
}
#evenements dt {
	line-height: 110%;
	border-top: 5px solid gray;
	border-bottom: 1px solid gray;

}

#evenements dt span.sep  {
	display:none;
}
#evenements dt em.cdate {

	float: left;
	width: 240px;
	text-align: center;
	left: -40px;
	position: relative;
		background: #DFDDDA ;
	border-bottom-right-radius : 10px;
	border-bottom-right-radius : 10px;
	border-top-left-radius : 10px;
	border: 1px solid gray;
	border-width: 1px;
		padding: 2px 0;
}
#evenements dt:target  em.cdate  {
	background-image: url(puce-rouge.gif);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	text-decoration:blink;
}
#evenements dd h3 {
	clear: none;
	margin: 2px 0 2px 220px;
	background: white;


}
#evenements dd {
	margin: 0;
	padding: 0;


}
#evenements dd div.cpresentation {
	clear: both;
	padding: 5px 20px;
	position:  relative;
}*/
dl#evenements   {
	margin: 20px 40px 10px 20px;
}
#evenements dt {
	clear: both;
	background: #F5EBDB ;

}
#evenements dt span.sep  {
	display: none;
}
#evenements dt em.cdate {
	color:#888668;

	padding-left: 40px;
		min-height: 24px; 
	line-height: 26px;
	display: block;
}
#evenements dt:target  em.cdate  {
	
}
#evenements dd h3 {
	
	margin-top: 10px;
}
#evenements dd {
	padding: 0 0 40px 30px;
	overflow: hidden;
	margin: 0;
}
#evenements dd div.cpresentation p{
	text-indent: 0;
	
}
#evenements .published {
	display:block; 
	text-align: center;
	float:left; 
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
	background:white;
	width:2.3em;
}
#evenements .published span {
	display:block;
}
#evenements .pub-mois {
	font-size: 1em;

}
#evenements .pub-jour { 
	font-size:1.4em;
}
#evenements .pub-annee { 
	font-size: 0.8em;
}
#evenements .pub-au { 
	font-size:.7em;
}
#evenements .pub-top { 
	padding-top:16px;
	background:url(icones/clip-top.png) 
		center top repeat-x;
}
.odj a.edition {display:none}
.odj:hover a.edition {display:inline}