@charset "utf-8";
/* 
Municipalite de Saint-Isidore
Site detailed layout
© Activis Technologies inc.
*/

html {
	background: white url(../../img/ui/bg-html.jpg) no-repeat center top;
}
body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: transparent url(../../img/ui/bg-body.jpg) repeat-x center top;
}
#doc {
	width: 960px;
}

/* fonts */
.AndrogyneMedium {font-weight: normal; font-style: normal; line-height:normal; font-family: 'AndrogyneRegular', sans-serif;}

/*
| Forms
*/
fieldset,
fieldset.button, fieldset.action {
	padding: 0;
	border: 0;
	background-color: transparent;
}
fieldset.action {width:190px;}
ul.field li {
	padding-right: 0;
	padding-left: 0;
}
label {
	display: block;
	margin-bottom: 0.25em;
	font-family: helvetica,arial,verdana,sans-serif;
	font-weight: bold;
	font-weight: bold;
	color: #333;
}
input[type=text], 
textarea {
	/*padding: .32em .25em .32em .25em;*/
	font-family: arial,verdana,sans-serif;
	font-size: 1.1em!important;
	line-height: 1.3em;
	color: #333;
	background-color: white;
}
input[type=text], 
textarea,
select,
option{
	border: 1px solid #D3D3D2;
	border-top-color: #ACACAB;
	list-style-type: none;
	
}
/* MailPress me force a utiliser des input button */
input.MailPressFormSubmit {float:left; width:199px!important; height:30px;}
input[type=submit].button,
input.button {
	border-color: #BCBCBC;
	border-top-color: #ACACAB;
	background-color: EEEEEE;
	/*css3*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -moz-linear-gradient(top, #FEFEFE, #E0E0E0, #E0E0E0); /*firefox 3.6*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FEFEFE), color-stop(0.5, #E0E0E0), color-stop(1.0, #E0E0E0));
}

/* href links and form buttons */
a {
	color: #008a44; /*vert*/
	text-decoration: underline;
	background-repeat: no-repeat; /*fix hgroup h1 a*/
}
a:hover {
	text-decoration: none;
}
button, a.button {
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	color: black;
}
button:hover, a.button:hover {
	color: #666;
}

/* 
| Header + Footer
*/
header.main {
	height: 105px;
	margin-bottom: 1.1em;
	background: transparent;
}
/* Site Top Logo */
header #logo {
	float: left;
	width: 290px;
	height: 80px;
	margin-top: 11px;
	margin-right: 30px;
	background-image: url(../../img/ui/st-isidore_logo-big.png);
}
header.main a, 
footer.main a {
	color: #413400; /*brun*/
}
#topMenu,
#mainMenu {
	float: left;
	width: 640px;
}
#topMenu {
	margin-top: 4px;
}
#topMenu .search {
	float: right;
	text-align: right;
	margin-top: 6px;
	text-align: center;
}
#topMenu .search input,
#topMenu .search input.text {
	float: left;
	width: 13em;
	margin: 1px 4px 0 0;
}
#topMenu .search button {
	margin: 0;
}
#topMenu ul {
	float: left;
	clear: left;
	position: relative;
	margin-top: 1.5em;
	font-size: 1em;
}
#topMenu li {
	margin-right: 1.3em;
	padding-left: 0;
	padding-right: 0;
	text-transform: uppercase;
	border-left: none;
	white-space: nowrap;
}
#topMenu li.first {
	margin-left: 0;
}
#mainMenu {
	margin-top: 2.1em;
	font-size: 1.2em;
	font-weight: bold;
}
#mainMenu li {
	margin-right: 1.6em;
	padding-left: 1.65em;
	border-left: none;
}
#mainMenu li:first-child,
#mainMenu li.first {
	padding-left: 0;
	background-image: none;
}
#mainMenu li.last {
	margin-right: 0;
}
/* Header - titres images de navigation */
#mainMenu a {
	display: block;
	width: auto;
	height: 36px;
	padding-top: 0;
	padding-bottom: 0;
	color: #806a11; /*brun*/
	text-indent: -9999px;
	background: transparent url(../../img/ui/mainMenu-sprite.png) no-repeat left center;
}
#mainMenu .loisirsCommune a		{ width:120px; background-position: left center; }
#mainMenu .services a			{ width:68px; background-position: -159px center; }
#mainMenu .regles a				{ width:100px; background-position: -267px center; }
#mainMenu .portrait a			{ width:80px; background-position: -408px center; }
#mainMenu .conseilMunicipal a	{ width:109px; background-position: -528px center; }

/* Footer logo is a simple background */
footer.main {
	clear: both;
	height: 80px;
	margin-top: 36px;
	font-size: 1.1em;
	background: transparent;
}
footer.main nav {
	float: left;
	clear: left;
	margin-top: 0.6em;
}
footer.main nav li {
	border-left-style: solid;
}
footer.main .logo {
	display: block;
	position: relative;
	float: right;
	width: 151px;
	height: 44px;
	background: transparent url(../../img/ui/st-isidore_logo-small-bw.gif) no-repeat center center;
}
footer.main .logo:hover {
	background-image: url(../../img/ui/st-isidore_logo-small-rgb.gif);
}


/* 
=====================
Page main container
=====================
*/
section.main {
	clear: both;
	font-size: 1.2em;
	color: #333;
}

/* Content containers */
#content,
.main .banner,
aside article,
#content img {
	border: 1px solid #e7e7e7;
}
#content {
	float: left;
	clear: left;
	position: relative;
	width: 72.4%; /*default = avec sidebar*/
	min-height: 450px;
	padding: 0 11px 3em 11px;
	background: #FCFCFB url(../../img/ui/bg-article-header.png) no-repeat left 48px;
}
#sidebar{}
#iframe {background:#fff;}
.main .banner {
	position: relative;
	overflow: hidden;
	margin-bottom: 11px;
	min-height: 10px
	max-height: 172px; /*creating a placeholder when no image are declared*/
	padding: 1px;
	background-color: white;
}
.main .banner img {
	width: 956px;  /*images are Custom Field Templates loaded in WordPress*/
	height: 172px;
	max-height: 339px; /*containing IE placeholder when no image declared*/
	margin-bottom: -2px; /*quick fix pour le gap des images*/
}
/* Modification a cause du jquery.cycle */
#jsCycleFade.banner {
	height: 339px;
}
#jsCycleFade.banner img {
	position: absolute;
	height: 339px;
	margin-top: 1px;
	margin-left: 1px;
}
.hr a {
	background-color: #FCFCFB;
}
/* Full wide page content without <aside> collumn */
.withoutAside #content,
.pageWithoutSidebar #content {
	width: 97.5%;
}
/* Content typo format */
#content h1, #content h2 {
	font-size: 1.4em; /*16px*/
}
#content h3 {
	font-size: 1.18em; /*14px*/
	margin-bottom: 0.8em;
}
#content h4 {
	font-size: 1em; /*12px = default*/
	margin-bottom: 0.1em;
}
#content h5 {
	font-size: 1em; /*12px = default*/
	font-weight: normal;
	margin-bottom: 0.15em;
}
#content h6 {
	font-family: arial,sans-serif;
	font-size: 0.76em; /*9px*/
	font-weight: bold;
	margin-bottom: 0.3em;
}

/* Those 2 hgroup are as wide as the parent container */
#content hgroup.link,
#content hgroup.img {
	margin-right: -11px;
	margin-bottom: 0.6em;
	margin-left: -11px;
}
section aside {
	float: right;
	width: 24.25%;
	margin: 0;
}
/* Accueil */
#accueil #content {
	width: 46.7%;
	min-height: 235px;
	padding-bottom: 0;
}
#accueil aside {
	margin-left: 11px;
}
#newsIndex ul.link {
	margin: 0;
}
#newsIndex .link li {
	position: relative;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 1.2em;
	padding-left: 0;
	list-style: none;
}
#newsIndex .link h2 {
	width: 95%;
	margin-bottom: .1em;
}
#newsIndex .link h2 a {
	color: #333;
	text-decoration: none;
}
#newsIndex .link p {
	width: 94%;
	margin-bottom: 0;
}
#newsIndex .link a span {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 23px;
	height: 45px;
	text-indent: -9999px;
	background: transparent url(../../img/ui/bg-article-list-right-link.png) no-repeat right center;
	z-index: 2;
	cursor: pointer;
}

/* Titres images de contenu (blanc sur fond vert) */
hgroup,
hgroup.img,
hgroup.link {
	padding: 9px 0 7px 8px;
	font-size: 2.6em;
	line-height: 1em;
	color: white;
	text-align: left;
	border: 1px solid white;
	background: #008a44;
}
/* Titre H1 en image sur fond vert */
hgroup h1,
hgroup.img h1,
hgroup.link h1 {
	/*text-indent: -9999px;*/
	height: 31px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #008a44;
	background-repeat: no-repeat;
	background-position: left top;
}
/*
hgroup .hArchives				{ width:210px; background-image: url(../../img/hArchives.png); }
hgroup .hBulletin				{ width:118px; background-image: url(../../img/hBulletin.png); }
hgroup .hCommunique				{ width:180px; background-image: url(../../img/hCommunique.png); }
hgroup .hPlanDuSite				{ width:159px; background-image: url(../../img/hPlanDuSite.png); }
hgroup .hResultatsDeRecherche	{ width:290px; background-image: url(../../img/hResultatsDeRecherche.png); }
hgroup .hLInfolettre			{ width:160px; background-image: url(../../img/hLInfolettre.png); }
*/

/* Titre H1 de page avec line */
hgroup.link h1,
#content hgroup.link h1 {
	text-indent: 0;
	height: auto;
	background: none;
}
hgroup.link h1 a {
	display: block;
	/*text-indent: -9999px;*/
	height: 31px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
hgroup .theID, hgroup .theID a { color:#fff; text-decoration:none; font-size:25px!important; text-shadow: 0px 0px 1px #413400;} /*default*/
hgroup .hBulletin, hgroup .hArchives, hgroup .hCommunique, hgroup .hPlanDuSite, hgroup .hResultatsDeRecherche, hgroup .hLInfolettre{ font-size:26px; text-shadow: 0px 0px 1px #413400;}

/*hgroup .theID600 a	{ width:445px; background-image: url(../../img/titre-600.png); }*/
hgroup .theID606 a	{ width:584px; background-image: url(../../img/titre-606.png); }
/*hgroup .theID2 a		{ width:300px; background-image: url(../../img/_hgroup-img_demo.png); }
hgroup .theID55 a	{ width:300px; background-image: url(../../img/hAdressesEtLiensUtiles.png); }
hgroup .theID36 a	{ width:400px; background-image: url(../../img/hConditionsDUtilisation.png); }
hgroup .theID34 a	{ width:300px; background-image: url(../../img/hConseilMunicipal.png); }
hgroup .theID47 a	{ width:400px; background-image: url(../../img/hLoisirsEtVieCommunautaire.png); }
hgroup .theID25 a	{ width:300px; background-image: url(../../img/hNousJoindre.png); }
hgroup .hNouvelles a,	
hgroup .wpCatID4 a,	
hgroup .theID21 a,	
hgroup .theID50 a	{ width:300px; background-image: url(../../img/hNouvelles.png); }
hgroup .theID32 a	{ width:400px; background-image: url(../../img/hPortraitDeSaintIsidore.png); }
hgroup .theID52 a	{ width:300px; background-image: url(../../img/hPublications.png); }
hgroup .theID30 a	{ width:300px; background-image: url(../../img/hReglementation.png); }
hgroup .theID28 a	{ width:300px; background-image: url(../../img/hServicesMunicipaux.png); }
hgroup .theID97 a	{ width:300px; background-image: url(../../img/hResultatsDeRecherche.png); }
hgroup .theID110 a	{ width:310px; background-image: url(../../img/hInscriptionALInfolettre.png); }*/

/* Aside contents */
aside article {
	margin: 0 0 11px 0;
	text-align: center;
}
aside img {
	margin-bottom: -3px; /*quick fix pour le gap des images. Aucune idee de l'origine de ce bug cross-browser*/
}
aside article img {
	width: 228px; /*images are Custom Field Templates loaded in WordPress*/
}
aside .link {
	background-color: white;
}
aside .link a {
	display: block;
	position: relative;
	width: 228px;
	text-decoration: none;
	border: 1px solid white;
}
aside .link a {
	margin-right: -2px; /*quick fix pour le gap des images*/
}
aside .link a span {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 51px;
	height: 51px;
	text-indent: -9999px;
	background: transparent url(../../img/ui/bg-article-section-angle-link.png) no-repeat right center;
	z-index: 2;
	cursor: pointer;
}
#asideInfolettre a {
	width: 228px;
	height: 82px;
	text-indent: -9999px;
	background: transparent url(../../img/ui/bg-aside-infolettre.png) no-repeat top left;
}
#asideBulletin hgroup {
	border-bottom: 0;
}

/* Page d'erreur 404 */
#page404 .alert {
	margin: 3em 0;
}

/* Page Contact */
#contactPage #content article {
	clear: both;
}
#contactPage #content .first {
	margin-bottom: 2em;
}
#contactPage .x2col .contactAddress {
	margin-left: 0;
}
#contactPage #contactForm {
	margin-top: 0.6em; /*horizontal align with vCard*/
}
#contactPage .vcard .fn .type,
#contactPage .vcard .org .type {
	display: inline;
	position: relative;
	left: 0;
}
#contactPage .vcard .fn h4.type, 
#contactPage .vcard .fn span.value {
	font-size: 1.4em; /* same as H2 tags */
	font-weight: bold;
	margin-bottom: 0;
}
#contactPage .vcard li.adr {
	margin-bottom: 1.2em;
}
#contactForm .validation {
	margin-top: 0;
}
#contactForm p.mandatory,
#contactForm .mandatory abbr {
	display: none;
}
/* Selon la maquette, il n'y a pas de LABEL pour ce select*/ 
#contactPage form .select label {
	display: block;
	position: absolute;
	left: -9999px;
}
#contactPage form #userMessageSubject {
	width: 99.6%;
	margin-bottom: .6em;
	font-weight: bold;
}
form select option {
	font-weight: normal;
}

/* Page Search Result */
#content .query q {
	font-style: normal;
	font-weight: bold; /*I added the STRONG tag only for SEO*/
	font-size: 1.4em;
	vertical-align: text-bottom;
}
#content .query strong {
	border-bottom: 1px dashed #008a44;
}
#searchResult label.link {
	font-family: "trebuchet ms",verdana,arial;
	font-weight: normal;
	text-decoration: none;
}
.listNav {
	clear: both;
	margin: 1.2em 0;
	min-height: 1.2em;
}
.listNav div,
.listNav nav {
	float: left;
	clear: none;
	display: inline-block;
	width: auto;
	margin-right: 1.8em;
}
.listNav .previous a,
.listNav .next a {
	text-decoration: none;
	background: transparent url(../../img/ui/bg-listNav-icon-sprite.png) no-repeat left top;
}
.listNav .previous a:hover,
.listNav .next a:hover {
	color: #333;
}
.listNav .previous a {
	padding-left: 8px;
	background-position: left 1px;
}
.listNav .previous a:hover {
	background-position: left -23px;
}
.listNav .next a {
	padding-right: 8px;
	background-position: right 1px;
}
.listNav .next a:hover {
	background-position: right -23px;
}
#articleList {
	clear: both;
	margin: 1em 0;
}
#articleList article {
	display: block;
	clear: both;
	margin-bottom: 1.2em;
}
#articleList h2 {
	margin-bottom: 0.15em;
	font-size: 1.2em;
}
#articleList p {
	margin-bottom: 0;
}
#articleList .publishInfo {
	margin-top: 0.3em;
	font-size: 0.8em;
	color: #413400; /*brun*/
}
#articleList .publishInfo .advanceInfo {
	display: none;
}

/*
| Single Article (singleArticle)
*/
#content article header {
	clear: both;
	margin-bottom: 2em;
	border-bottom: 1px solid #e7e7e7;
}
#content article footer {
	clear: both;
	margin-top: 2em;
	margin-bottom: -1em;
	padding-top: 1em;
	border-top: 1px solid #e7e7e7;
}
#content article header h1 {
	font-size: 2.0em;
	margin-bottom: 0;
}
#content article header h1 a {
	text-decoration: none;
}
#content article header h1 a:hover {
	text-decoration: underline;
}

/*
| Newsletter
*/
#newsletterForm {float:left; width:200px; clear:both;}
.mp-container {float:left; width:199px;}
#newsletterForm input {
	margin-bottom: .6em;
}
.mp-loading {display:none;}
/* \plugins\mailpress\mp-includes\html\mail_link.php */
#mailPressContent h3 {
	margin-top: 1.2em;
	margin-bottom: .6em;
}
#mailPressContent input[type=text] {
	width: 20em;
}
#mailPressContent #moderated {
	position: relative;
	width: 40%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em 1em 1em 60px;
	border: 1px solid green;
	background-color: #f4faf4; /* Jaune */
}
#mailPressContent #moderated span.ico {
	position: absolute;
	left: 1em;
	top: 0.5em;
	display: block;
	width: 32px;
	height: 32px;
	background: transparent url(../../img/ui/base/ico-validation-sprite-32x32.png) no-repeat -128px top;
}
#mailPressContent #moderated p {
	margin: 0;
	color: black;
	font-size: 1.4em;
	font-weight: bold;
}

/*
| Sitemap List
*/
.sitemapList li {
	list-style: none;
}
.sitemapList .group li {
	margin-left: 0;
	padding-left: 15px;
	background-image: url(../../img/ui/ico-link-arrow.png);
	background-position: left .2em;
}
.sitemapList a:hover {
	color: #333;
}

/*
| Boite d'urgence dans le header

#urgence {
	display: block;
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em 2em;
	border: 2px solid red;
	background-color: #faf4f4;
}
#urgence h1, #urgence h2, #urgence h3, #urgence p {
	display: inline-block;
	position: relative;
	margin: 0 1em 0 0;
	vertical-align: middle;
	color: #cc0000;
}
#urgence p {
	font-size: 1.4em;
}
#urgence a {
	color: #cc0000;
	text-decoration: underline;
}
*/

/* wysiwyg */
.x2col {
	float:left;
	width: 48%;
}
ul.x2col li {list-style-type: none;}
.wp-caption-text {color:#666; margin-bottom:0; font-style:italic; }
.x4col {
	float:left;
	width: 22%;
	list-style-type: none;
}
.x4col li {list-style-type: none;}

.panel1 {float:left; background:#f3f3f3; border: 1px solid #008A44; padding:10px; width:60%; margin-right:20px; }
.panel2 {float:left; background:#f3f3f3; border: 1px solid #008A44; padding:10px; width:30%; }

a.pdf {background:url(../../img/page_white_acrobat.png) no-repeat scroll 0 2px; /*display:block;*/ line-height:24px; padding-left:20px;}
a.xls {background:url(../../img/page_white_excel.png) no-repeat scroll 0 2px; display:block; line-height:20px; padding-left:20px;}
a.extLink {background:url(../../img/ext_link_16x16.gif) no-repeat scroll 0 2px; line-height:20px; padding-left:20px;}

.lstn li {list-style-type:none;}

/* flash banner controls */
#jsCycleFadeContainer {width:960px; height:355px; overflow: hidden; position:relative;}
#jsCycleFadeControls {width:21px; height:21px; position:absolute; right:20px; top:20px; z-index: 9900; text-indent:-9999px; overflow:hidden;}
a#expandBanner {float:left; width:21px; height:21px; background: url(../../img/ui/jsCycleFadeControls.png) no-repeat 0 0;}
a#shrinkBanner {float:left; width:21px; height:21px; background: url(../../img/ui/jsCycleFadeControls.png) no-repeat 0 -21px; display:none;}

#footerLogo {float:left; width:151px; height:44px; text-indent:-9999px;}

.cBullets li{ background: url(../../img/cBullets.png) no-repeat 0 3px; padding-left:15px;}

#submitError.validation, #submitSuccess.validation, #sendMail {width:294px;}

table.tabContent{background:#f3f3f3; border: 1px solid #D5A00F; padding:10px;}
table.tabContent td{border:none;}
.tdclass {background:none repeat scroll 0 0 #D5A00F; color:#ffffff;}

#photosRotate {
	width:600px;
	height:400px;
	overflow:hidden;
	text-align:center;
	border-bottom:solid 1px #e7e7e7;
	border-right:solid 1px #e7e7e7;
	margin-left : 50px;
}

/*enlever le bouton de désinscription à la newsletter*/
#mailPressContent div h3 a{
    display:none;
}