/******************* CLASSES DU BODY TAG - IMAGES EN BACKGROUND *******************/


.tax-accueil {
	background: #a1a69b url(images/bg-accueil.jpg) no-repeat fixed center top;
	background-size:100%;
	}
.tax-affaires-municipales {
	background: #787b66 url(images/bg-municipal.jpg) no-repeat fixed center top;
	}
.tax-services-municipaux, .section-proces-verbaux {
	background: #a0a775 url(images/bg-services.jpg) no-repeat fixed center top;
	}
.tax-contact {
	background: #718E20 url(images/bg-pencarte.jpg) no-repeat fixed center top;	
	}
.tax-autres-services {
	background: #8ca15a url(images/bg-autres.jpg) no-repeat fixed center top;
	}
.tax-commerces {
	background: #9A923C url(images/bg-ferme.jpg) no-repeat fixed center top;
	}
.tax-journal {
	background: #7A8D3B url(images/bg-edifice.jpg) no-repeat fixed center top;	
	}
.tax-liens {
	background: #B1A305 url(images/bg-rang.jpg) no-repeat fixed center top;
	}
.tax-galerie-photo {
	background: #738A56 url(images/bg-brume.jpg) no-repeat fixed center top;
	}

.tax-accueil, .tax-affaires-municipales, .tax-services-municipaux, .section-proces-verbaux, .tax-contact, .tax-autres-services, .tax-commerces, .tax-journal, .tax-liens, .tax-galerie-photo {
	background-size:100%;
	}


/******************* NOUVELLE PAGE D'ACCUEIL 2015 **********************/


.front {
	background: #fff url(images/bg-front-2015.jpg) no-repeat fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
}
.front #header-top, .front #main {
  background: none;
}
.front #logo {
  float: none;
  text-align: center;
}
.front #logo-image {
  position: inherit;
}
.front #content-header, .front #footer {
  display: none;
}
.front #content {
  min-height: auto;
}
.weather-button {
  width: 190px !important;
}
.front #closure-blocks {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.front-table ul {
	padding:0;
	text-align:center;
}
.front-table li {
  display: inline;
}
.front-table li a:link, .front-table li a:visited {
	display: inline-block;
	background: #F90;
	padding: 15px 30px;
	width: 200px;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	margin: 0 5px;
}
.front-table li a:hover, .front-table li a.active {
	background: #FC0;
}


/******************* CLASSES MENU-TOP ET SEARCH BOX **********************/


#header-top {
	background: #330;
	/* [disabled]text-align: right; */
	padding: 5px;
	height: 25px;
}
#header-top ul {
	float: right;
	margin: 3px 0px 0px 5px;
	padding: 0px;
	list-style: none;
}
#header-top ul li {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#header-top ul li a {
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	background: #66655D;
	font-size: 0.9em;
	text-decoration: none;
	padding: 5px 8px 4px;
}
#header-top ul li a:hover {
	background: #A09F9A;
}
#header-top ul li a.active {
	color: #FFF;
	background: #A09F9A;
}

#search-box
  {
    width: auto;
    float: right;
  }
#search-box input
  {
	width: 150px;
	border: 3px solid #66655D;
  }
#search-box input.form-submit
  {
	width: auto;
  }


#block-menu-menu-menu-top-fr {
	/* [disabled]width: 545px; */
	/* [disabled]float: left; */
	}
#block-menu-menu-menu-top-en {
	/* [disabled]width: 565px; */
	float: left;
	}
#search-block-form label {
	visibility: hidden;
	height: 0px;
	width: 0px;
	float: left;
	}
#header-top .block {
	display:inline;
	float: right;
	width: auto;
	padding-left: 15px;
	}
#header-top #block-search-0 {
	float: right;
	padding-left: 18px;
	width: 220px;
	}


/******************* CLASSES HEADER **********************/


#header {
	height: 355px;
}


/******************* CLASSES NAVBAR **********************/

#block-superfish-1 ul, #block-superfish-2 ul {
	margin-top: 0px;
	padding-top: 0px;
	}


/******************* CLASSES BLOCK VIEWS **********************/



.block-views h2.title
  {
	color: #FFFFFF;
	font: bold 1.1em Georgia,"Times New Roman",Times,serif;
	text-decoration: none;
	background: #736b53;
	text-align: left;
	padding: 5px;
}
.views-field-title {
	font: 1em Georgia, "Times New Roman", Times, serif;
	padding: 5px 5px 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 6px solid #D9B573;
	background: url(images/filet-a.gif) no-repeat left bottom;
	}
.views-field-title a {
	color: #736B53;
	text-decoration: none;
	display: block;
	}
.views-field-title a:hover {
	color: #D9B573;
	}
#block-block-3 h2.title {
	font-size: 1em;
	color: #403F34;
	background: url(images/filet-a.gif) no-repeat 0px 0px;
	padding-top: 10px;
	}
#block-block-3 p {
	font-size: 0.85em;
	line-height: 1.2;
	}
.block .view-header > p {
  margin: 0;
}
.block .view-header img {
  vertical-align: bottom;
}
.region-right .view-pages-extra .view-content {
  background: #ffc75f!important;
  padding: 10px;
}
#block-views-pages_extra-block_2 .view-content, #block-views-pages_extra-block_4 .view-content {
	padding-right: 10px;
	padding-left: 10px;
	}
#block-views-pages_extra-block_2 .view-footer p, #block-views-pages_extra-block_4 .view-footer p {
	margin: 0px;
	padding: 0px;
	background: url(../../../default/files/img-affiche-footer.jpg) no-repeat left top;
	}


/******************* CLASSES CALENDRIER **********************/


#sidebar-right .calendar-calendar div.date-nav a, 
#sidebar-right .calendar-calendar div.date-nav h3 {
	color:#FFF;
	font: bold 1.1em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

#sidebar-right .date-heading {
	width: 64%;
	}
#sidebar-right .date-prev, #sidebar-right .date-next {
	width: 15%;
	}
	
#sidebar-right .calendar-calendar div.date-nav {
	background: #736B53;
	border-style: none;
	}
.calendar-calendar th.days {
	color: #A69472;
	font-weight: bold;
	border-top: none;
	border-right: none;
	border-bottom: 4px solid #A69472;
	border-left: none;
	background: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
#sidebar-right .calendar-calendar tbody {
	border-left: 1px solid #CCC;
}
#sidebar-right .calendar-calendar td {
	color: #777777;
	text-align: center;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	font-size: 95%;
}
#sidebar-right .calendar-calendar table td.mini a {
	font-weight: bold;
	color: #D9B573;
	text-decoration: none;
}
#sidebar-right .calendar-calendar td.today {
	font-weight: bold;
	color: #FFF;
	background: #A69472;
}


/******************* BLOC ROLE MUNICIPAL **********************/

.role {
	background:#29ABE2;
	color:#FFF !important;
	display: block;
	line-height: 56px;
	text-align: center;
	text-decoration: none;
}
a:hover.role {
	background:#ffd489;
}

/******************* CLASSES CONTENU PRINCIPAL **********************/


h1.title {
	color: #A69472;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	padding-top: 15px;
	}
.tableau-1 td {
	text-align: left;
	vertical-align: top;
	padding-left: 50px;
	padding-bottom: 5px;
}
.tableau-2 td {
	text-align: left;
	vertical-align:middle;
	padding-right: 25px;
	padding-bottom: 5px;
}
.tableau-2 td.top {
	vertical-align: top;
}
.tableau-3 td {
	padding-bottom: 15px;
	text-align: left;
	vertical-align: top;
	padding-right: 25px;
}
.tableau-4 td {
	text-align: left;
	vertical-align: top;
	padding-right: 25px;
	padding-bottom: 10px;
}
.tableau-4 ul {
	margin-top: 0px;
}
.tableau-4 li {
	margin-bottom: 5px;
}
.tableau-5 {
	border-left:solid 1px #CCC;
	border-top:solid 1px #CCC;
}
.tableau-5 th {
	background:#CC9;
	font-weight:bold;
	text-align:center;
}
.row {
	background:#f2f2e5;
	text-align:center;
	}
.tableau-5 th, .tableau-5 td {
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding: 10px;
}
.tableau-5 td {
	text-align: left;
	vertical-align: top;
}
.tableau-5 td {
	text-align: left;
	vertical-align:middle;
}
#content .view tr.odd, #attachments tr.odd {
	border-bottom: 1px solid #A69472;
	padding: 0.1em 0.6em;
	background: #FCF6EB;
}
#content .view tr.even, #attachments tr.even {
	border-bottom: 1px solid #A69472;
	padding: 0.1em 0.6em;
	background: #FFF;
}
#content .view td.views-field {
	padding-right: 1em;
	padding-left: 1em;
}
#attachments td {
	padding: 1em;
	}
ul {
	list-style: square;
}
.frame {
	border:1px solid #A69472;
	padding: 15px 40px;
	}
.frame-2 {
	border:1px solid #A69472;
	padding: 20px;
	}
.moitie {
	width:43%;
	}
.commerce td {
	background: url(images/bg-div-commerce.png) repeat-x left bottom;
	padding: 20px 0px 20px 20px;
	}
.commerce p {
	margin: 0px;
	padding-right: 20px;
	}
.commerce h3 {
	padding-right: 20px;
	margin: 0px 0px 15px;
	font-size: 1.2em;
	color: #999;
	}
.meteo {
	text-align: center;
	padding-top: 10px;
	border: 1px solid #999;
	margin-top: 20px;
	}
		
/******************* CLASSES PROCÈS VERBAUX (VIEWS) **********************/

.page-proces-verbaux .view-content ul {
	padding-left:0;
	}
.page-proces-verbaux .view-content li {
	list-style:none;
	}
.accordion-active {
  border:none;
}
.views-accordion-item .accordion-header, h3.accordion-header {
  background-color: #d9b573;
}
.accordion-header {
  color: #FFF;
}

/******************* CLASSES LIGHTBOX **********************/


	ul.lightbox {
	padding-left: 0px;
	list-style: none;
		}
	ul.lightbox li {
	display: inline;
	padding-bottom: 7px;
	padding-left: 5px;
	list-style: none;
	background: url(images/bg-lightbox.png) no-repeat left bottom;
		}
	a.lightbox-processed img {
	border: 5px solid #F2F2F2;
	display: inline;
    float: left;
    margin-right: 10px;
	}
		

/******************* CLASSES MENTION **********************/


#closure-blocks {
	text-align: center;
	font-size: 0.7em;
	padding-top: 20px;
	padding-bottom: 20px;
	}
#closure-blocks a {
	color: rgb(255, 255, 255); /* The Fallback */
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	}
#closure-blocks a:hover {
	color: #FFF;
	text-decoration: underline;
	}



/******************* CLASSES DIVERSES **********************/


.agauche {
	float: left;
	padding-right: 15px;
}
.adroite {
	float: right;
	padding-left: 15px;
}
.clearfloat {
	clear: both;
}