/* stylesheetFull.css Municipalite Beaulac-Garthby */
/* par Phil Turcotte le 15 avril 2009 */
/* www.numerique.ca */

div#skipToContent {
	position:absolute;
	left:-9999px;
}

div#containerPrincipal {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}

div#containerTop {
	margin-bottom:14px;
	font-size:0.85em;
	color:#FFFFFF;
	position:relative;
}

div#containerTop form {
	margin-left:354px;
}

div#containerTop form *{
	display:inline;
	vertical-align:middle;
}

div#containerTop form input.texte{
	border:1px solid #719FBC;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	font-size:0.85em;
	margin-left:6px;
	margin-right:3px;
	width:151px;
}

div#containerTop form input.btnCourriel {
	color:#FFFFFF;
	border:none;
	background-color:#19283D;
}

div#containerTop span {
	position:absolute;
	right:100px;
	top:4px;
}

div#containerTop span strong {
	font-size:1.1em;
}

div#containerTop a {
	position:absolute;
	right:0px;
	top:5px;
	color:#FFFFFF;
	text-decoration:none;
}

div#containerTop a:link { color:#FFFFFF; }
div#containerTop a:visited { color:#FFFFFF; }
div#containerTop a:hover { color:#FFFFFF; text-decoration:underline; }
div#containerTop a:active { color:#FFFFFF; }





div#containerContenuAccueil div h2 {
	position:absolute;
	font-size:1px;
	visibility:hidden;
}

div#containerContenuAccueil div h3 {
	font-size:1em;
}

div#containerContenuAccueil div ul {
	list-style:none;
	margin-top:66px;
	margin-bottom:0px;
	background-image:url(../../Images/Accueil/img_separatorAccueil.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div#containerContenuAccueil div ul li {
	margin-bottom:0px;
	padding-left:0px;
	background-image:url(../../Images/Accueil/img_separatorAccueil.png);
	background-repeat:no-repeat;
	background-position:0px 100%;
	height:25px;
	clear:left;
}

div#containerContenuAccueil div ul li h3 {
	font-weight:normal;
}

div#containerContenuAccueil div ul li a {
	text-decoration:none;
	color:#000000;
	float:left;
	width:142px;
	margin-left:30px;
	margin-top:4px;
	background-image:url(../../Images/Accueil/img_flecheAccueil.gif);
	background-repeat:no-repeat;
	background-position:100% 4px;
}

div#containerContenuAccueil div ul li a:link { color:#000000; }
div#containerContenuAccueil div ul li a:visited { color:#000000; }
div#containerContenuAccueil div ul li a:hover { color:#000000; text-decoration:underline; }
div#containerContenuAccueil div ul li a:active { color:#000000; }


div#containerNouvelles {
	background-image:url(../../Images/Accueil/img_backgroundNouvelles.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:222px;
	float:left;
}

div#containerNouvelles h3 {
	margin-top:73px;
	margin-bottom:10px;
	margin-left:25px;
}

div#containerNouvelles p {
	width:265px;
	text-align:justify;
	margin-left:25px;
}

div#containerServices {
	background-image:url(../../Images/Accueil/img_backgroundServices.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:222px;
	float:left;
}

div#containerAttraits {
	background-image:url(../../Images/Accueil/img_backgroundAttraitsEvenements.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:222px;
	float:left;
	margin:0;
	padding:0;
}







div#containerContenuInterieur {
	background-image:url(../../Images/PagesInterieures/img_backgroundBottomContenu.jpg);
	background-repeat:no-repeat;
	background-position:0px 100%;
	background-color:#FFFFFF;
	padding-bottom:30px;
}

div#contenuInterieur {
	background-image:url(../../Images/PagesInterieures/img_backgroundTopContenu.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

div#contenuGauche {
	float:left;
	width:185px;
	margin-left:10px;
	margin-top:40px;
	padding-left:20px;
}

div#contenuGauche ul {
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
}

div#contenuGauche ul li {
	background-image:url(../../Images/PagesInterieures/img_bulletBleu.gif);
	background-repeat:no-repeat;
	background-position:0px 6px !important;
	background-position:0px 8px;
	font-size:0.85em;
	padding-left:13px;
	margin-bottom:10px;
}

div#contenuGauche ul li ul{
	margin-top:5px;
}

div#contenuGauche ul li ul li{
	background-image:url(../../Images/PagesInterieures/img_bulletBleu.gif);
	background-repeat:no-repeat;
	background-position:0px 6px !important;
	background-position:0px 8px;
	font-size:1em;
	padding-left:13px;
	margin-bottom:10px;
}

div#contenuGauche ul li a.selected {
	font-weight:bold;
}

div#contenuDroit {
	float:left;
	width:704px;
	margin-left:19px;
	margin-top:40px;
}

div#contenuDroit p {
	margin-bottom:15px;
	text-align:justify;
}







div#containerBasDePage {
	clear:both;
	font-size:0.85em;
	position:relative;
	height:40px;
	padding-top:15px;
}

div#containerBasDePage ul {
	list-style:none;
	margin-left:25px;
	margin-bottom:0px;
}

div#containerBasDePage ul li {
	display:inline;
	margin-left:25px;
	margin-bottom:0px;
	padding-left:0px;
	background-image:none;
}

div#containerBasDePage ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

div#containerBasDePage ul li a:link { color:#FFFFFF; }
div#containerBasDePage ul li a:visited { color:#FFFFFF; }
div#containerBasDePage ul li a:hover { color:#FFFFFF; text-decoration:underline; }
div#containerBasDePage ul li a:active { color:#FFFFFF; }

div#containerBasDePage span#basDePageRealisation {
	position:absolute;
	margin-top:-14px;
	left:367px;
	color:#BABFC5;
}

div#containerBasDePage span#basDePageRealisation a {
	color:#BABFC5;
	text-decoration:none;
}

div#containerBasDePage span#basDePageRealisation a:link { color:#BABFC5; }
div#containerBasDePage span#basDePageRealisation a:visited { color:#BABFC5; }
div#containerBasDePage span#basDePageRealisation a:hover { color:#BABFC5; text-decoration:underline; }
div#containerBasDePage span#basDePageRealisation a:active { color:#BABFC5; }

div#containerBasDePage p#basDePageCopyright {
	position:absolute;
	margin-top:-14px;
	right:48px;
	color:#8D949E;
	text-align:right;
}
div#basDePageImpression{
display:none;
}

div#boiteUtils{
float:left;
text-align:right;
width:20px;
}