/* 	---------------------------------------------------------------------
	Redifine tags -----------------------------------------------------*/
	/*a { position: relative; }*/
	body { 
		background: #E6E1C8;
		color: #4c4c4c;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 75px 0 0; padding: 0; 
	}
	
	.Noir{color: #000000;}
	.Rouge{color: #c1333a;}
	.Vert{color: #30893f;}
	.Jaune{color: #a8902d;}
	.Brun{color: #3f3200;}
	

	
	a { color: #3f3200; }
	a:hover { color: #222; }
	h1,h2,h3,h4,h5 {
		color: #3f3200;
		margin: 0 0 10px 0;
	}
	h1 { font-size: 16px; }
	h2 { font-size: 15px; }
	h3 { font-size: 14px; }
	h4 { font-size: 13px; }
	h5 { font-size: 12px; }
	
	a img { border: none; }
	
	.logo_print { display: none; }
	
	#logo_home a {
		display: block;
		position: absolute;
		top: -63px; left: -36px;
		width: 189px; height: 239px;
		z-index: 10000;
	}
	
	
	.hr hr { display: none; }
	.hr { 
		background: url(../charte_images/ligne_01.gif) center center no-repeat;
		width: 100%; height: 1px;
	}
	
/* 	---------------------------------------------------------------------
	Shell -------------------------------------------------------------*/
	
	#header {
		background: url(../charte_images/img_header_01.gif) left bottom no-repeat;
		position: absolute;
		top: -68px; left: -27px;
		width: 987px; height: 78px;
		z-index: 1000;
	}
	
	
	
	#head_img {
		margin: 0 0 0 8px;
	}
	#head_img img {
		display: block;
	}
	#head_img span { 
		background: url(../charte_images/img_header_02.png) left top no-repeat; 
		display: block;
		position: absolute;
		top: 10px; left: -39px;
		width: 1000px; height: 212px;
	} 
	* html #head_img span { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/img_header_02.png", sizingMethod="crop");}
	
	#container {
		margin: 0 auto;
		position: relative;
		width: 960px;
	}
	#content_wrap {
		background: url(../charte_images/bg_content.gif) left top repeat-y;
		height: auto;
		margin: 2px 0 0 0;
	}
	* html #content_wrap { height: 400px;}
	
	#col_un { 
		padding: 0 0 0 30px;
		float: left;
		width: 180px; 
	}
	#col_deux { 
		font-size: 11px;
		float: left;
		line-height: 1.6;
		margin: 26px 0 0 35px;
		width: 480px;
	}
	#col_deux p { margin: 0 0 10px 0; }
	#col_deux h1 { 
		color: #3f3200;
		font-size: 17px;
		margin: 0 0 0 0;
	}
	.arianne { margin: 0 0 15px; }
	
	#contenu  {
		padding: 0 36px 0 0;
	}
	
	
	
	#col_trois {
		float: right;
		margin: 26px 0 0;
		width: 225px;
	}
	#col_trois .bloc {
		padding: 0 0 30px;
	}
	#col_trois ul { 
		font-size: 10px;
		margin: 0 30px 0 20px;
		padding: 0;
	}
	#col_trois ul li {
		margin: 0 0 5px;
	} 
	#col_trois ul li a {
		text-decoration: none;
	}
	#col_trois h2 {
		background: url(../charte_images/line_02.gif) left bottom no-repeat;
		color: #3f3200;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
	}
	#col_trois form { 
		margin: 0; 
	}
	#col_trois input {
		border: solid 1px #3f3200;
		color: #3f3200;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	} 
	#col_trois #btn_submit {  
		background: url(../charte_images/btn_ok.gif) center center no-repeat;
		border: none;
		color: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 9px;
		font-weight: bold;
		width: 20px; height: 16px;
	}
	
	
	
	
	
	#col_Lefttrois {
		float: right;
		margin: 26px 0 0;
		width: 180px;
	}
	#col_Lefttrois .bloc {
		padding: 0 0 30px;
	}
	#col_Lefttrois ul { 
		font-size: 10px;
		margin: 0 30px 0 20px;
		padding: 0;
	}
	#col_Lefttrois ul li {
		margin: 0 0 5px;
	} 
	#col_Lefttrois ul li a {
		text-decoration: none;
	}
	#col_Lefttrois h2 {
		background: url(../charte_images/line_02.gif) left bottom no-repeat;
		color: #14486b;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
	}
	#col_Lefttrois form { 
		margin: 0; 
	}
	#col_Lefttrois input {
		border: solid 1px #3188a0;
		color: #3f3200;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	} 
	#col_Lefttrois #btn_submit {  
		background: url(../charte_images/btn_ok.gif) center center no-repeat;
		border: none;
		color: #fff;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 9px;
		font-weight: bold;
		width: 20px; height: 16px;
	}
	
	
	
	
	#frm_recherche p { margin: 0; padding: 0; }
	
	
	
	
	
	
	
	
	h2.municipalite {
		clear: both;
		color: #3f3200;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		font-weight: normal;
		padding: 50px 0 0 0;
		text-transform: uppercase;
		text-align: center;
	}
	h2.municipalite .left { 
		background: url(../charte_images/line_02_r.gif) center left no-repeat;
		padding: 0 0 0 160px;
	}
	h2.municipalite .right { 
		background: url(../charte_images/line_02.gif) center right no-repeat;
		padding: 0 160px 0 0;
	}
	ul.municipalite {
		list-style-type: none;
		margin: 0 auto; padding: 0;
		width: 620px;
	}
	ul.municipalite li { 
		float: left;
		margin: 0 1px;
	}
	ul.municipalite li a {
		display: block;
		border: solid 1px #315c2d;
		width: 58px; height: 58px;
	}
	ul.municipalite li a:hover {
		border: solid 1px #3f3200;
	}	
	
	
	.chatham, .gore, .grenville, .grenvillerouge, .harrington, 
	.lachute, .mille-isles, .st-andre, .wenworth, .mrc {
		background-position: center center;
		background-repeat: no-repeat;
	}
	.chatham { background-image: url(../charte_images/chatham.gif); }
	.gore { background-image: url(../charte_images/gore.gif); }
	.grenville { background-image: url(../charte_images/grenville.gif); }
	.grenvillerouge { background-image: url(../charte_images/grenvillerouge.gif); }
	.harrington { background-image: url(../charte_images/harrington.gif); }
	.lachute { background-image: url(../charte_images/lachute.gif); }
	.mille-isles { background-image: url(../charte_images/mille-isles.gif); }
	.st-andre { background-image: url(../charte_images/st-andre.gif); }
	.wenworth { background-image: url(../charte_images/wenworth.gif); }
	.mrc { background-image: url(../charte_images/mrc.gif); }

	
	#footer {
		background: url(../charte_images/bg_footer.gif) center top no-repeat;
		clear: both;
		height: 83px;
	}
	
	#cyprex_sig { 
		clear: both;
		color: #3f3200;
		font-size: 9px;
		text-align: center;
		margin: 0; padding: 5px 0 0 0;
	}
	
/* 	---------------------------------------------------------------------
	Nav ---------------------------------------------------------------*/	
	
	#menu_access {
		position: absolute;
		top: -30px; right: 28px;
		list-style-type: none;
		margin: 0; padding: 0;
		z-index: 10000;
	}
	#menu_access li {
		float: left;
		margin: 0 0 0 10px;
	}
	#menu_access li a {
		color: #3f3200;
		font-size: 9px;	
		text-decoration: none;
	}
	#menu_access li a:hover {
		text-decoration: underline;
	}
	
	/* Menu top : English, Enregistrer */
	#menu_top a { 
		color: #3f3200;
		font-size: 10px;
		text-decoration: none; 
	}
	#menu_top {
		position: relative;
		list-style-type: none;
		float: right;
		margin: 58px 2px 0; padding: 0;
	}
	#menu_top li {
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 10px 0 0;
	}
	
	
	/* Menu style : Tailles polices etc*/
	#menu_style {
		float: right;
		list-style-type: none;
		padding: 58px 27px 0 0; margin: 0;
	}
	#menu_style a {
		display: block;
		width: 17px; height: 16px;
	}
	#menu_style li { 
		float: left;
		margin: 0 2px 0 0;
	}
	
	#menu_style .btn_small a { background: url(../charte_images/btn_small.gif) left top no-repeat; }
	#menu_style .btn_big a { background: url(../charte_images/btn_big.gif) left top no-repeat; }
	#menu_style .btn_invert a { background: url(../charte_images/btn_invert.gif) left top no-repeat; }
	
	#menu_style li a:hover { background-position: left bottom; }
	
	
	
	/* Menu main :  Menu horizontal*/
	#menu_main { 
		background: url(../charte_images/bg_headContent.gif) center top no-repeat;
	}
	#menu_main ul {
		padding: 5px 0 0 0; margin: 0 0 2px 80px;
		list-style-type: none;
	} 
	#menu_main li {
		text-transform: uppercase;
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		font-weight: bold;
		height: 36px;
		padding: 0 25px 0 0;
		text-align: center;	
	} 
	#menu_main li a {
		color: #3f3200;
		text-decoration: none;
	} 
	#menu_main li.selected a { color: #241d00; }
	/* Menu second : Vertical */
	#menu_second a:hover, #menu_main a:hover { text-decoration: underline; }
	
	#menu_second {
		list-style-type: none;
		margin: 20px 0 0; padding: 0;
	}
	#menu_second li {
		background: url(../charte_images/line_02.gif) left bottom no-repeat;
		padding: 10px 0;
	}
	#menu_second li a {
		color: #3f3200;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	#menu_second li ul { 
		display: none;
		margin: 0 0 0 0; padding: 0 0 0 25px;
	}
	#menu_second li ul li { 
		background: none;
		margin: 5px 0 0 0; padding: 0;
	}

	#menu_second li.selected ul { display: block; }
	#menu_second li.selected a { color: #241d00; }
	#menu_second li.selected li a { color: #3f3200; }
	#menu_second li li.selected a { color: #241d00; }
	
	#menu_second li ul li a { 
		text-transform: none;
	}
	
	
	
	
	/* Menu footer : Liste dans le footer */
	
	#menu_footer { 
		list-style-type: none;
		margin: 0 auto; padding: 22px 0 0 0;
		width: 590px;	
	}
	* html #menu_footer { width: 600px; } /* ie6 */
	#menu_footer li {
		float: left;
		font-size: 9px;
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 0 15px;
	}
	#menu_footer li a {
		color: #3f3200;
	}
	
	
	
	
	
	
	
	/*---------------Bottin culturel----------------------------------*/	
label {
	width: 120px;
	display: block;
	float: left;
}
.rightbottin {
	float: left;
}
.rightbottin p {
	margin: 0 0 10px 0;
}
.rightbottin label, .imagesTable label {
	float: none;
	display: inline;
	width: auto;
}
.champ {
	width: 480px;
	margin: 0 0 5px 0;
}
	
	
/*-------------------- Calendrier --------------------*/

.calendar {
	background-color: #fff;
	border-left: 1px solid #A2ADBC;
	color: #a7aeb6;
	font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; padding: 0;
	text-align: center;
	width: 141px;
}
.calendar th {
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
	color: #616B76;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
.calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	text-align: center;
	width: 20px; height: 20px;
}
.calendar caption {
	background: #e1ede4;
	border-left: solid 1px #A2ADBC;
	border-right: solid 1px #A2ADBC;
	border-top: solid 1px #A2ADBC;
	color: #616B76;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0; margin: 0 auto;
	text-align: center;
	width: 141px;
}
.calendar .nav, .calendar .nav a {
	color: #616B76;	
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}	
tr.jours {
	background: url(bg.gif);
}


.calendriermois .calendar {
	float: left;
	margin: 0 0 20px 0;
}
.calendriermois .calendar caption {
	margin: 0;
}

.calendriermois .calendrierlegende {
	float: left;
	margin: 5px 0 0 15px;
	width: 260px;
}

/*-----Jours spéciaux---------*/

tr.jours td a { cursor: default; position: relative; color: #616B76; text-decoration: none; } 
tr.jours td a:visited { color: #616B76; }
tr.jours td a em {
	cursor: default;
    display:none;
}
tr.jours td a:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
.tooltip { 
	position: relative;
	top: 0;
}
.tooltip em {
	background: #fff;
	border: solid 1px #0F4050;
	cursor: default;
	display: block;
	font-family:verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	margin: 0; padding: 0 0 0 5px; 
	position: absolute;
	text-align: left;
	top: 5px; left: 0px;
	width: 150px;
}


.tooltip em span{ display:block; }


tr.jours td a:hover em span { position: absolute; } /* IE 6 */

/*
tr.jours td a:hover em span.Aucune,
tr.jours td a:hover em span.Rouge, 
tr.jours td a:hover em span.Orange,
tr.jours td a:hover em span.Bleu,
tr.jours td a:hover em span.Violet,
tr.jours td a:hover em span.Vert,
tr.jours td a:hover em span.Jaune, 
tr.jours td a:hover em span.Gris,
tr.jours td a:hover em span.Noir, 
tr.jours td a:hover em span.Turquoise,
tr.jours td a:hover em span.BleuMarine, 
tr.jours td a:hover em span.RougeBrique,
tr.jours td a:hover em span.Rose*/



em span.Aucune,
em span.Rouge, 
em span.Orange,
em span.Bleu,
em span.Violet,
em span.Vert,
em span.Jaune, 
em span.Gris,
em span.Noir, 
em span.Turquoise,
em span.BleuMarine, 
em span.RougeBrique,
em span.Rose
	{ position: relative; display: block; }




em span.Aucune { 
	background: url(../images/calendrier/Aucune.gif) 0px 3px no-repeat;
	padding-left: 15px; 
	}
em span.Rouge { 
	background: url(/images/calendrier/Rouge.gif) 0px 3px no-repeat;
	padding-left: 15px; 
	}
em span.Orange { 
	background: url(../images/calendrier/Orange.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Bleu { 
	background: url(../images/calendrier/Bleu.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Violet { 
	background: url(../images/calendrier/Violet.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Vert { 
	background: url(../images/calendrier/Vert.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Jaune { 
	background: url(../images/calendrier/Jaune.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Gris { 
	background: url(../images/calendrier/Gris.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Noir { 
	background: url(../images/calendrier/Noir.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Turquoise { 
	background: url(../images/calendrier/Turquoise.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.BleuMarine { 
	background: url(../images/calendrier/BleuMarine.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.RougeBrique { 
	background: url(../images/calendrier/RougeBrique.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Rose { 
	background: url(../images/calendrier/Rose.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}

em span.item { 
	position: relative;
} 

td.Aucune, td.Rouge , td.Orange, td.Bleu, td.Violet, td.Vert, td.Jaune, td.Gris, td.Noir, td.Turquoise, td.BleuMarine, td.RougeBrique, td.Rose { color: #616b76; font-weight: bold; }
td.Aucune { background: url(../images/calendrier/speciaux.gif) 0px 0px no-repeat; }
td.Rouge { background: url(../images/calendrier/speciaux.gif) -19px 0px no-repeat; }
td.Orange { background: url(../images/calendrier/speciaux.gif) -38px 0px no-repeat; }
td.Bleu { background: url(../images/calendrier/speciaux.gif) -57px 0px no-repeat; }
td.Violet { background: url(../images/calendrier/speciaux.gif) -76px 0px no-repeat; }
td.Vert { background: url(../images/calendrier/speciaux.gif) -95px 0px no-repeat; }
td.Jaune { background: url(../images/calendrier/speciaux.gif) -114px 0px no-repeat; }
td.Gris { background: url(../images/calendrier/speciaux.gif) -133px 0px no-repeat; }
td.Noir { background: url(../images/calendrier/speciaux.gif) -152px 0px no-repeat; }
td.Turquoise { background: url(../images/calendrier/speciaux.gif) -171px 0px no-repeat; }
td.BleuMarine { background: url(../images/calendrier/speciaux.gif) -190px 0px no-repeat; }
td.RougeBrique { background: url(../images/calendrier/speciaux.gif) -209px 0px no-repeat; }
td.Rose { background: url(../images/calendrier/speciaux.gif) -228px 0px no-repeat; }

.calendrierlegende {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
}
.calendrierlegende p {
	margin: 5px 0;
}
.calendrierlegende p strong {
	display: block;
	margin: 7px 0 2px 0; padding: 0 0 0 15px;
}
.calendrierlegende p span {
	display: block;
	float: left;
}
.calendrierlegende span.Aucune, .calendrierlegende span.Rouge, .calendrierlegende span.Orange, .calendrierlegende span.Bleu,  .calendrierlegende span.Violet, .calendrierlegende span.Vert, .calendrierlegende span.Jaune,  .calendrierlegende span.Gris, .calendrierlegende span.Noir, .calendrierlegende span.Turquoise, .calendrierlegende span.BleuMarine, .calendrierlegende span.RougeBrique, .calendrierlegende span.Rose { padding-left: 15px; }
.calendrierlegende strong.Aucune { background: url(../images/calendrier/Aucune.gif) left center no-repeat; }
.calendrierlegende strong.Rouge { background: url(../images/calendrier/Rouge.gif) left center no-repeat; }
.calendrierlegende strong.Orange { background: url(../images/calendrier/Orange.gif) left center no-repeat; }
.calendrierlegende strong.Bleu { background: url(../images/calendrier/Bleu.gif) left center no-repeat; }
.calendrierlegende strong.Violet { background: url(../images/calendrier/Violet.gif) left center no-repeat; }
.calendrierlegende strong.Vert { background: url(../images/calendrier/Vert.gif) left center no-repeat; }
.calendrierlegende strong.Jaune { background: url(../images/calendrier/Jaune.gif) left center no-repeat; }
.calendrierlegende strong.Gris { background: url(../images/calendrier/Gris.gif) left center no-repeat; }
.calendrierlegende strong.Noir { background: url(../images/calendrier/Noir.gif) left center no-repeat; }
.calendrierlegende strong.Turquoise { background: url(../images/calendrier/Turquoise.gif) left center no-repeat; }
.calendrierlegende strong.BleuMarine { background: url(../images/calendrier/BleuMarine.gif) left center no-repeat; }
.calendrierlegende strong.RougeBrique { background: url(../images/calendrier/RougeBrique.gif) left center no-repeat; }
.calendrierlegende strong.Rose { background: url(../images/calendrier/Rose.gif) left center no-repeat; }



	#col_calendrier 
	{
		
		padding: 0 0 0 0px;
		float: left;
		width: 148px;
	}
	#col_topcalendrierDroite { 
		/*padding: 0 0 0 190px;*/
		padding: 0 0 20px;
		float: right;
		text-align: right;
		width: 40%;
	}
	#col_topcalendrierGauche { 
	/*	padding: 0 0 0 15px;*/
		padding: 0 0 20px;
		float: left;
		text-align: left;
		width: 40%; 
	}

	#LabelDate1 h2 { clear: both; padding-top: 10px; }

	TABLE TD.Ident  {
		color: black;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
	 }


/* 	------------------------------------------------------------------------
	Datagrid -------------------------------------------------------------*/

	
	.data_header {
		background: url(../charte_images/dataHead.gif) center center repeat-x;
		color: #353d42 !important;
		font-weight: bold;
	}
	#DataGrid_Date1  { border-color: #A2ADBC; }
	#DataGrid_Date2  { border-color: #A2ADBC; }
	#DataGrid_Date3  { border-color: #A2ADBC; }

	
/* -------------------------------------------------------------------------
FicheBottin------------------------------------------------------------*/
	
	.div_AjoutModifFiche {
		background: url(../charte_images/div_AjoutModifFiche.gif)  right top  repeat-x;
		text-align:right;
		float: right;
		color: #353d42 !important;
		font-weight: bold;
		width:60%;
		height: 100%; 
	}	
	
/* 	---------------------------------------------------------------------
	Autre -------------------------------------------------------------*/	

	
	#menu_style a span, #col_trois label , ul.municipalite li a span,
	#logo_home span
	{ /*position: absolute; left: -99999px; font-size: 0.1px;*/ display: none; }
	
		
		
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;} /* IE7 */
	/* Hide from IE Mac \*/
	.clearfix { display: block; }
	/* End hide from IE Mac */
	* html .clearfix { height:1px; } /* IE6 */