/**************************
Voluzion Systems
http://www.voluzion.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
br{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
a img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: transparent url('../img/css/bg.jpg') repeat top left; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0; padding:0;}
h1{font-size: 140%; font-weight:lighter;}
h2{font-size: 130%; color: #AAD5E2; margin-top:10px;}
h3{font-size: 120%; margin-top:10px;}
h4{font-size: 110%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #AAD5E2;  text-decoration: underline;}
a:hover{ color: #AAD5E2; text-decoration: none;}
#content a{ color: #AAD5E2; text-decoration: none; font-weight:bold;}
#content a:hover{ color: #AAD5E2; text-decoration: underline;}
#content p img {border: 1px solid; margin:0 10px 10px 0;}
#content h2 img {border: 1px solid; margin:0 10px 10px 0;}
#content p img.star {border:0; margin:0;}
td img {border: 1px solid; margin:0 10px 10px 0;}

/* =Forms-----------------------------------------------------------------------------*/

#search{ position: absolute; top: 75px; right: 50px; padding: 0 25px;  background: transparent url('../img/css/bg-search.gif') no-repeat top left;}
.inputText{ width: 190px; height: 20px; margin-bottom: 4px; font-size: 80%; color: #666; border: none; vertical-align: top; border: 0px; margin-right:25px; background-color: transparent; }

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{margin: 0 auto; width: 910px; height: 30px;}

/* =Class-----------------------------------------------------------------------------*/

img.left { float: left;}
img.right { float: right;}
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.print {display:none;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap{ background: transparent url('../img/css/bg-content.gif') repeat-y top center;}
#closeWrap{ width: 968px; height:18px; margin: 0 auto;background: transparent url('../img/css/bg-close-wrap2.gif') no-repeat bottom center; clear:both;}

/* =Top-----------------------------------------------------------------------------*/

#topWrap{ background: transparent url('../img/css/bg-wrap.gif') no-repeat top center; }
#top{ height: 150px; position: relative; width: 968px; margin: 0 auto;}
#top img.logo{ position: absolute; top: 20px; left: 50px;}
#top img.plan{ position: absolute; top: 20px; right: 238px;}
#top img.contact{ position: absolute; top: 25px; right: 116px;}
#top img.english{ position: absolute; top: 35px; right: 50px;}
#top img.calendar{ position: absolute; top: 20px; right: 240px;}
#top img.contact-us{ position: absolute; top: 26px; right: 129px;}
#top img.french{ position: absolute; top: 35px; right: 45px;}

/* =Header-----------------------------------------------------------------------------*/

#header{ height: 248px; width: 968px; margin:0 auto; background: transparent url('../img/css/bg-header.jpg') no-repeat center; position:relative;}
#header.conseilmunicipal{ height: 318px; width: 968px; margin:0 auto; background: transparent url('../img/css/bg-conseilmunicipal.jpg') no-repeat center; position:relative;}
#header.autresinfos{ height: 318px; width: 968px; margin:0 auto; background: transparent url('../img/css/bg-autresinfos.jpg') no-repeat center; position:relative;}
#header.servicesmunicipaux{ height: 248px; width: 968px; margin:0 auto; background: transparent url('../img/css/bg-servicesmunicipaux.jpg') no-repeat center; position:relative;}
#header img{ padding:0 34px;}
#signinlink{ color: #AAD5E2; position:absolute; right:35px; top:5px; }

/* =Main Content-----------------------------------------------------------------------------*/

#contentWrap{ color: #F3F3F4; margin: 0 auto; padding:10px 0 0 0; width: 900px; background: transparent url('../img/css/bg-separator-hor.gif') repeat-x top left; }
#content{width: 577px; float: left; padding-bottom: 10px;}
#content p{ font-size: 100%; padding: 10px 0; text-align: left;}
#content a img{ padding: 0;}
#content ul{list-style: none; margin: 0; padding: 5px 0 12px 16px; line-height: 16px; }
#content ul li{ list-style-image: url('../img/css/img-puce2.gif'); padding: 0; margin: 0; }

#contentCol ul{list-style: none; margin: 0; padding: 0 0 12px 16px; line-height: 16px; }
#contentCol ul li{ list-style-image: url('../img/css/img-puce2.gif'); padding: 0; margin: 0; }

#contentCol{width: 286px; float: right; position:relative;}
#contentCol h3{ padding:0 0 10px 0;}
.temp{ font-size: 85%;}
.temp b{ color: #AFD9E6;}
#date{ float: right; width: 63px; height: 53px; background: transparent url('../img/css/bg-date.gif') no-repeat top right; text-align: center;}
#date h1{ font-size: 180%; padding: 2px 0 0 0;}
#date span{ font-size:75%; text-transform:uppercase;}

/* =Content Nav-----------------------------------------------------------------------------*/

#navContent{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; padding: 0; background: transparent url(../img/css/bgmenu.gif) repeat-x left bottom; }
ul#navContent { margin:0; padding:0; width: 220px;}
#navContent li { margin: 0; padding: 0; text-align: left; background: transparent url('../img/css/bg-separator-hor.gif') repeat-x bottom left;}
ul#navContent li{ list-style: none; padding: 0; margin: 0; }
#navContent li a{ color: #AAD5E2; margin: 0; padding: 6px 10px 6px 19px; display: block; text-decoration: none; }
#navContent li a:hover{ color: #AAD5E2; text-decoration: none; background: #025F7A url('../img/css/bg-separator-hor.gif') repeat-x bottom left;}

/* =Forms - sign in, contact etc. */

form {margin:0 5px 0 0; padding: 0 5px 0 0;}
/*input {margin:2px 0 0 0; padding:1px; width:180px; height:17px; color:#696969; border:1px solid #b2b2b2; background-color:#fcfcfc;}*/
input.checkbox, input.radio {width:auto; height:auto; border:none; background:none;}
form dl {padding:0 0 0 0;}
form dt {padding:0 0 0 0;}
form dd {margin:0; padding:0 0 6px 0;}
label {color:#fff;}
.fail { font-weight:bold;}

/* =Col-----------------------------------------------------------------------------*/

#wrapBox{ width:900px; clear: both; margin: 0 auto; padding: 20px 0 0 0; background: transparent url('../img/css/bg-separator-hor.gif') repeat-x top left;}

.box{ width:286px; padding: 0 0 20px 0; float: left; }
.box p{ color: #F3F3F4; font-size: 80%; padding: 10px 0 0 0;}
.clear { clear:both; visibility:hidden; }

#endContent{ width:900px; height: 1px; clear: both; margin: 0 auto; padding: 20px 0 0 0; background: transparent url('../img/css/bg-separator-hor.gif') repeat-x top left;}

/* =Footer-----------------------------------------------------------------------------*/

#topFooter{ width:968px; height:20px; padding-top: 10px; margin:0 auto; background: transparent url('../img/css/bg-top-footer.gif') no-repeat bottom center; clear: both;}
#footerWrap{ background: transparent url('../img/css/bg-footer.gif') repeat-y top center;}
#closeFooter{ width:968px; height:20px; margin:0 auto; background: transparent url('../img/css/bg-bottom-footer.gif') no-repeat top center;}
#infoFooter{margin: 0 auto; padding:10px 0 0 0; width: 900px; }
.boxFooter{ width:210px; padding: 0 0 20px 0; float: left;}
.boxFooter h1{ font-size: 125%; color: #FFD494; font-weight: normal; }
.boxFooter p{ color: #E8D4B1; font-size: 80%; padding: 10px 0 0 0;}
.boxFooter strong{ color: #FAF7F2;}

#footer{ color: #7F5B36; margin: 0 auto; padding:10px 0 0 0; width: 900px; clear: both; position: relative; background: transparent url('../img/css/bg-sep-hor-footer.gif') repeat-x top left; }
#footer p{ color: #D4A67C; font-size: 85%; padding: 1px 5px; text-align: left;}
#footer span{ color: #E8D4B1;}
#footer img{ position: absolute; right: 10px; top: 20px;}
#footer img.voluzion {position: absolute; right: 50%; top: 50px; margin-right:-12px;}
#footer a{ color: #E8D4B1; text-decoration: none;}
#footer a:hover{ color: #E8D4B1; text-decoration: underline;}

#footerInfo{ width:1020px; padding: 0 0 20px 0; float: left; }

#footer ul{ list-style: none; margin: 0; padding: 12px 5px; text-align: left;}
#footer ul li{ font-size: 85%; display: inline; color: #fff; }
#footer ul li a{ padding: 0; }
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover{ color: #fff; text-decoration: none; }
#footer ul li a:hover{ text-decoration: underline; }

table {margin-top:10px;}