/*Style conçu par Emilie Viau, (c) 2006, pour la municipalité de Saint-Alphonse-de-Granby*/



body {	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	margin: 0;
	padding: 20px;
	background-color:#6A7D8C;
	text-align:center;}

p {	margin: 0 0 13px 0;
	padding:0px 8px 0px 2px;
	color:#4C3E24;}

ol li {	padding-left:0px;
	background-image:none;}

li {	padding: 0 40px 8px 15px;
	background: transparent url(image/puce.gif) top left no-repeat;}

ul{	list-style-type: none;
	margin:12px 40px 8px 10px;
	padding-left:10px;}

kbd {	padding: 0px 2px;
	margin-bottom:4px;
	font-size:0.9em;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
	color:black;
	background: #E6E6E6;
	font-family:Arial, Helvetica, sans-serif;}

.form {border:1px solid #D6D7CA;
	background-color:#F2F2EA;
	padding:12px;
	margin:6px 10px 6px 2px;
	color:black;}

hr{	clear:both;
	margin-right:10px;}

input, textarea {margin-bottom:6px;} buttom {font-size:0.8em;}

a:link	{color:#435059;
	text-decoration:underline; 
	background-color:transparent;}

a:hover {color:rgb(184,87,87);
	text-decoration: underline;
	background-color: transparent;}

a:visited {color:#435059;
	text-decoration:underline; 
	background-color:transparent;}

/********************************************/
/*********** STYLE RETOUR**** ***************/
/********************************************/

.retour {background:transparent url(image/fleche.jpg) center left no-repeat;
	color:rgb(153,0,0);
	padding-left:14px;
	margin-bottom:25px;
	font-size:0.8em;}

.retour a:link, .retour a:visited {color:rgb(153,0,0);
	text-decoration:none; 
	background:transparent url(image/line.gif) bottom left repeat-x;
	font-weight:normal;
	padding-bottom:1px;}

.retour a:hover {color:rgb(153,0,0);
	text-decoration: none;
	background:transparent url(image/line.gif) bottom left repeat-x;
	border:none;}


/********************************************/
/*********** BLOCS PRINCIPAUX ***************/
/********************************************/


#header {height: 110px;
	background: url(image/logo_stalph.jpg) no-repeat top left;}

#header h1, #header p {display:none;}

#conteneur {width:777px;
	color:#333;
	margin: 16px auto 0px auto;
	background : #6A7D8C url(image/conteneur2.jpg) repeat-y top left;
	position:relative;}

#lecontenu {margin-right:7px;
	margin-left:11px;
	width:570px;
	padding-bottom:10px;
	text-align:left;
	float:left;
	font-family:Arial,sans-serif;
	font-size:0.8em;}

#lecontenu p {line-height:1.3em;}

#lecontenu h1{font-size:0.7em;
	font-family: Arial, sans-serif;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;}

#lecontenu h2{font-size:1em;
	color:#7f826e;
	background: transparent url(image/h1_contenu.jpg) bottom left no-repeat;
	margin: 3px 0px 8px 0px;
	padding:9px 5px 13px 27px;}

#lecontenu h3 {font-size:1em;
	font-weight:extra-bold;
	background-color:transparent;
	color:#375568;
	margin: 0 0 7px 2px;
	padding:5px 5px 2px 0px;
	text-transform:uppercase;}

#lecontenu h4 {font-size:1em;
	background-color:transparent;
	color:#506E7C;
	margin: 0 0 5px 2px;
	padding:5px 5px 2px 0px;
	font-weight:bold;}

#lecontenu dl {margin:10px 10px 20px 0px;
	padding: 0;}

#lecontenu dd{margin:5px 5px 5px 2px;
	padding:7px;
	border-top:1px solid #D6D7CA;
	border-bottom:1px solid #D6D7CA;
	border-left:1px solid #D6D7CA;
	background-color:#F2F2EA;
	color:black;}

#lecontenu dd b {color:gray;}

#gauche {float:left;
	width: 180px;
	margin: 0;
	padding-bottom:100px;
	background: transparent url(image/courbe_menu.jpg) bottom right no-repeat;}


#pied {	clear:both;
	height:50px;
	padding-top:25px;
	text-align:right;
	font-size:0.8em;
	padding-right:5px;
	color:#435059;
	background : #6A7D8C url(image/corner_bas_conteneur.jpg) top left no-repeat;}

#pied p {visibility:hidden;}



/********************************************/
/*********** BLOCS SECONDAIRES **************/
/********************************************/


.head2 {	
	margin:0px 6px 0px 179px;
	padding: 0px;
	text-align:left;
	width:auto;
	color:#375568;
	background :#C5C6A6 url(image/coin.jpg) bottom left no-repeat;}

.head2 h1{font-size:1em;
	font-family: Arial, sans-serif;
	font-weight:bold;
	margin: 0px;
	padding: 0px 222px 5px 9px;}

.navigation{font-size:0.8em;
	font-family: Arial, sans-serif;
	position:relative;
	margin: 0px 6px 0px 180px;
	padding: 6px 10px 23px 9px;
	border-top: 1px solid #375568;
	text-align:left;
	color:#263d49;
	background:#748878 url(image/degrade_contenu.jpg) bottom left repeat-x;}

.navigation a:link, .navigation a:visited {text-decoration:none; 
	color: white;
	background-color:transparent;}

.navigation a:hover {text-decoration:underline; color: white}

.deco	{font-size:70%;
	font-family: Verdana, sans-serif;
	left:519px;
	top:24px;
	width:252px;
	height:129px;
	text-align:left;
	position:absolute;
	background : white url(image/deco5.jpg) top right no-repeat;}


.deco p{margin-left:16px;margin-right:0px;padding-right:0px;
	margin-top:3px;}

.deco a:link, .deco a:visited {color:#464646;
	text-decoration:none; background-color:transparent;}

.deco a:hover {color:rgb(153,0,0);
	text-decoration: underline;background-color:transparent;}



/********************************************/
/*** MENU PRINCIPAL GAUCHE (en vert pâle) ***/
/********************************************/


.menuprincipal {
	background: white url(image/courbe_menu.jpg) bottom right no-repeat;
	margin-left:18px;
	text-align:center;
	color:#506E7C;}

.menuvert {
	text-align: center;
	background: white url(image/ligne_gr_menu.jpg) top right repeat-y;
	border-top: 1px solid #375568;
	margin-left:9px;
	padding-bottom:0px;
	color:#506E7C;}

.menuvert ul{
	text-align:left;
	border-bottom: 1px solid #6A8387;
	border-top: 1px solid #6A8387;
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	margin:4px 8px 0px 0px;
	padding:0;}

.menuvert li {border-bottom: 2px dotted #C8D5BF;
	list-style-image: none;
	list-style-type:none;
	color:#506E7C;
	padding: 6px 11px 6px 12px;
	background: #EAF1E3 url(image/degrade_menu_vert.jpg) top left repeat-y;}

.menuvert dl {font-size:0.7em;
	font-family: Verdana, sans-serif;
	padding: 25px 6px 0px 0px;
	margin: 4px 4px 0px 11px; 
	border-top: 1px solid #6A8387;
	background: url(image/onglet_menu.jpg) top left	no-repeat;}

.menuvert dd {padding:0;
	margin:0;}

.menuvert dd a:link, .menuvert dd a:hover, .menuvert dd a:visited {text-decoration:underline;}

.menuvert a:link {color:#506E7C;
	background-color:transparent;
	text-align: center;
	text-decoration: none;
	border:none;}

.menuvert a:hover {color: rgb(184,87,87);
	text-decoration:underline;
	border:none;
	background-color:transparent;}

.menuvert a:visited{border:none;
	
	text-decoration:none;
	background-color:transparent;}



/********************************************/
/***********STYLE PHOTO *********************/
/********************************************/

.photo {border:1px solid black;
	margin:5px 13px 3px 15px;}


/********************************************/
/***********STYLE MOSAIQUE CONSEIL **********/
/********************************************/


.moconseil {
	float: left;
	color:black;
	padding: 4px 3px 6px 3px;
	margin :6px 11px 10px 2px;
	border-left:2px solid #D6D7CA;
	border-bottom:2px solid #D6D7CA;
	border-right:1px solid #D6D7CA;
	border-top:1px solid #D6D7CA;
	height:20em;
	width: 167px;
	background:#F2F2EA url(image/tile1.jpg) bottom left repeat-x;
	text-align:center;}

.moconseil p, moconseil h1,moconseil h2, moconseil h3, moconseil h4 {text-align: left;}

.moconseil img {border:2px solid #607C87;}

hr {clear:both; margin-left : 2px;margin-right:10px;}


/********************************************/
/*********** STYLE TABLEAUX *****************/
/********************************************/

table{border-collapse:collapse;
	border: 2px solid #999;
	font-size: 95%;
	background:#F2F2EA;
	color:black;
	width:98% /* IE tolère mal les % */;
	margin:2px;}

td{padding:4px;border:1px solid #999;}


/********************************************/
/*** RESTRICTIONS D'IMPRESSION **************/
/********************************************/

@media print {

.deco {display:none;height:1px;}
#header h1 {display:none;}
#gauche {display:none;float:none;}
#conteneur{width:100%;}
#lecontenu {margin:10px 10px 0px 0px; padding:0; width:95%;}
#lecontenu h2 {font-size:1.7em;padding-left:0px; padding-bottom:2px;border-bottom: 1px solid black;}
.navigation {display:none;}
.head2 {margin: 0 0 0 0; padding:0 0 0 0;}
.head2 h1{margin: 0 0 5px 0; padding: 0 0 0 0; font-size:1.7em;font-variant:small-caps;text-align:center;}
.head2 img{display:none;}
#pied {text-align: left;margin-top:20px;}
#pied p {visibility:visible;}
.retour {display:none;}

}