body{
	background: #999999 url(images/SiteBg.jpg) repeat;
	/* voir le bg.gif pour comprendre le principle
		le bg fait la bordure du site et aussi le fond de la marge 
		permet d'avoir un site 100% en hauteur sans de trick html */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
html{
	font-family: Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color: #4B463E;
}
*html{
	font-size:11px;
}

h1, h2, h3, h4, h5, h6, p, form, div, a, img{ margin: 0 0 0 0; padding: 0 0 0 0; border: none;}

table{
	font-size: 100%;
}
h1{
	color: #333;
	font-size: 14px;
}
h2{
	color: #000066;
	font-size: 16px;
}
h3{
	color: #000066;
	font-size: 12px;
}
h4{
	color: #4B463E;
	font-size: 12px;
}
/* Definitions generales */
acronym.premier{
cursor:help;
border-bottom:1px dotted #fff;
}
acronym{
cursor:help;
border-bottom:1px dotted #000000;
}
.SeachBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	font-weight: bold;

}
a {
	color: #0066CC;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.MainDescript {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.header {
	height: 140px;
	background-image:    url(file:///N|/Municipalit%E9%20St-Hippolyte/web/images/themes/current/BgHeader.jpg);
}
.content {
	padding-right: 20px;
	padding-left: 20px;
	background-image:  url(images/pages/PageBg.jpg);
	vertical-align: top;
}
.bgcontent {
	background-image:    url(file:///N|/Municipalit%E9%20St-Hippolyte/web/images/themes/current/BgContent.jpg);
	height: 500px;
}
.border1 {
	border: 1px solid #666666;
	background-image:   url(file:///N|/Municipalit%E9%20St-Hippolyte/web/images/themes/current/bgmenubutton.jpg);
}
.searchbox {
	font-size: 10px;
}
#submenu ul,#theme ul{
margin-bottom:1.5em;
margin-top:0em;
}
#submenu li,#theme li,#ressources li{
/*display:inline;*/
list-style:none;
}
/* --------------- */
/* Definitions des elements dans l'ordre du code Xhtml */
#page{
color:#fff;
background-color:#000;
background-image: url(file:///N|/Municipalit%E9%20St-Hippolyte/web/%22fond.png%22);
background-position:top right;
background-repeat:no-repeat;
border:3px solid #333;
/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:55em;
/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
*/
height:55em;
}

/* pour rétablir le mauvais effet sur les nav. modernes */
html>body #page{
height:auto;
}
/* MENU -----------------------------------------*/
#menu h2,#theme h2{
color:#FFFFFF;
padding-left:0.5em;
padding-top:0.2em;
padding-bottom:0.1em;
background-color:666666;
border-color:#333;
border-style:solid;
border-width:1px 1px 3px 1px;
font-size:10px;
font-weight:700;
margin:0;
margin-right:0em;
margin-top:1em;
margin-bottom:0.1em;
text-transform:uppercase;
}

#menu h2:first-letter,#theme h2:first-letter{
font-size:12px;
color:#FFCC00;
background-color:transparent;
}

#menu ul,#theme ul{
margin-bottom:1.5em;
margin-top:0em;
}

#menu li,#theme li,#ressources li{
display:inline;
list-style:none;
}

#menu a,#theme a{
color:#666666;
background-color:#FFCC00;
/*background-color:#BB8F39;
background-image: url(images/bgmenubutton.jpg);*/
border-color:#999;
border-style:solid;
border-width:1px 1px 2px 1px;
display:block;
font-weight:700;
padding-left:0.5em;
padding-top:0.2em;
padding-bottom:0.1em;
margin-top:0.2em;
text-decoration:none;
}

#menu a:hover,#theme a:hover{
/*background-image: url(images/bgmenubuttonHover.jpg);*/
background-color:#FF9900;
color:#000;
}
/* MENU END -------------------------------------*/
.indications {
	font-style: normal;
	color: #006600;
}
.reqtextfield {
	font-size: 12px;
	color: #996600;
	width: 100%;
	height: 80px;

}
.input {
	font-size: 10px;
	color: #996600;
	width: 150px;
}
.updatetextcolor {
	color: #FFFFFF;
}
.bghighlight {
	background-color: #6699CC;
}
.tableborder {
	border: 1px solid #666666;
}
.MainTable {

}
.BgTitle {
	background-image:  url(images/pages/PageTitle.jpg);
	height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 150px;

}
.Footer {
	background-image:  url(images/pages/Footer.jpg);
	height: 40px;
	padding-right: 50px;
	padding-left: 50px;
	vertical-align: middle;
}
.Copyrights {
	padding-right: 50px;
	padding-left: 50px;
	vertical-align: top;
}
.PageBottom {
	background-image:  url(images/pages/PageBottom.jpg);
	height: 40px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}
.TableContent {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 407px;
	vertical-align: top;
	background-color: #FFFFFF;
	background-image: url(/images/HomeArt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;

}
.Infos {
	color: #000000;
	font-weight: bold;
	vertical-align: top;
	font-size: 10px;
}

.Language {
	background-image: url(images/pages/PageTitle.jpg);
	padding-right: 30px;
	height: 30px;
	text-align: right;




}
.linkover {
	padding: 2px;
	border-top: 1px none #333333;
	border-right: 1px none #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px none #333333;
}
.SectionTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.SubMenuContent {
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;
	height: 200px;
	background-image: url(images/submenu/SubMenuBg.jpg);


}
.PageSubTitle {
	padding-left: 35px;
}
.OrangeBold {
	font-weight: bold;
	color: #FF9900;
}
.OrangeBorder {
	border: 1px solid #FF9900;
	color: #666666;
	margin-bottom: 2px;


}
.separator {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;
}
.GreyBold {
	font-weight: bold;
	color: #666666;
}
.PrintableFormat {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#LangLinkColor {
	height: 20px;
	text-align: right;
	padding-right: 30px;
	font-size: 10px;
	float: left;
}
#LangLinkColor a{
	color: #0066CC;
	text-decoration: none;
}
#LangLinkColor a:hover{
	color: #0066CC;
	text-decoration: underline;
}
.SubMenuHeader {
	background-image: url(images/submenu/SubMenuHeader.jpg);
	height: 50px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: top;
	padding-top: 5px;


}
.SubMenuFooter {
	background-image: url(images/submenu/SubMenuFooter.jpg);
	height: 30px;
	text-align: center;
	padding-top: 2px;
	color: #000000;
	font-style: italic;
}
.FieldsRightPad {
	text-align: right;
	vertical-align: top;

}
.Messagefield {
	border: 1px solid #FF9900;
	color: #666666;
	width: 100%;

}
.ItemsHeader {
	font-weight: bold;
	background-color: #EEEEEE;
	display: block;
	padding: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;

}
.Price {
	font-weight: bold;
	color: #006600;
	text-align: right;
}
#Thumbs a{
	border: 1px solid #CCCCCC;
	width: 155px;
	display: block;
}
#Thumbs a:hover{
	border: 1px solid #990000;
}
#Thumbs a:visited{
	border: 1px solid #000;
}
#Thumbs td{
	background-color: #EEEEEE;
	padding: 5px;
}
/* Thumbs photos ----------------------------- */
#ThumbsPhotos a{
	border: 1px solid #CCCCCC;
	width: 150px;
	display: block;
	margin: 5px;
	padding: 5px;
}
#ThumbsPhotos a:hover{
	border: 1px solid #990000;
}
#ThumbsPhotos a:visited{
	border: 1px solid #000;
}
/* MiniMap ----------------------------------- */
#MiniMap a{
	border: 1px solid #CCCCCC;
	width: 351px;
	display: block;
	padding: 5px;
}
#MiniMap a:hover{
	border: 1px solid #FF9900;
}
#MiniMap td{
	text-align: center;
}
/* -------------------------------------------- */
.PageNum {
	font-weight: bold;
	color: #990000;
	padding-bottom: 5px;
}
.BgMenuTable {
	background-image: url(/images/menu/empty.jpg);
}
.MainImg {
	margin: 5px;
	padding: 5px;
	border: 1px solid #999999;
}
.ConfirmTable {
	height: 400px;
	vertical-align: top;
}
#SuppliersList {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#SuppliersList h1 {
	background-color: #666;
	padding: 5px;
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-right: -30px;
	margin-left: -30px;
}
.ItemContainer img {
	margin-bottom: 20px;
}
#SuppliersList h2 {
	font-size: 14px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#SuppliersList img {
	float: left;
	margin-right: 20px;
}
#Header {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#Header #HeaderLogo {
	width: 185px;
	float: left;
}
#Header #HeaderMenu {
	margin-left: 185px;
}
.SubMenuContent a {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	color: #FECC00;
	border: 1px solid #333;
	background-color: #666;
	text-decoration: none;
}
.SubMenuContent a:hover {
	display: block;
	margin-bottom: 5px;
	padding: 5px;
	color: #FECC00;
	border: 1px solid #333;
	background-color: #333;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}
#SuppliersList .ItemContainer {
	margin-bottom: 30px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}