/*
	Feuille de style principale
	pour le site Web de 
	Guy Bernier.
	
	Alexandre Lepage, Difuzer Enr.
	a.lepage@difuzer.ca
	http://www.difuzer.com
*/

body {
	background: url('/img/bg_all.png') top center;
	padding: 0;
	margin: 0;
	font-family: Verdana, Serif;
	font-size: 13px;
	color: #686868;

}
p {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
}
ul {
	margin-bottom: 0;
	padding-bottom: 10px;
}
#all {
	width: 818px;
	margin: auto;
}
#ban {
	height: 260px;
	background: url('/img/bg_header.png') left top;
}
h1 {
	text-indent: -5000px;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	color: #686868;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #686868;

}
h3 {
	font-size: 14px;
	text-indent: 20px;
}
#body {
	background: url('/img/bg_body.png') repeat-y;

}
#body a {
	color: #bf0000;
	text-decoration: none;
}
#body a:hover {
	text-decoration: underline;
}
#footer {
	height: 100px;
	background: url('/img/bg_footer.png') no-repeat bottom;
	color: #686868;
	font-weight: bold;
	font-size: 11px;
	padding-left: 30px;
	padding-right: 60px;
}
#footer a {
	text-decoration: none;
	color: #c00e0e;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	list-style-type: none;
	margin: 0;
}
#f_left {
	float: left;
	width: 50%;
	padding: 0;
	padding-top: 20px;
}
#f_right {
	padding: 0;
	padding-top: 30px;
}
#f_right li {
	text-align: right;
}

#speed {
	padding-left: 18px;
	padding-top: 10px;
	height: 40px;
}
#speed ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#speed ul li {
	display: block;
	height: 40px;
	float: left;
}
#speed ul li a {
	display: block;
	height: 40px;
	text-indent: -5000px;
	outline: 0;
}
#s_accueil {
	width: 110px;
}
#s_accueil a {
	background: url('/img/accueil.png') no-repeat top left;
}
#s_accueil a:hover {
	background: url('/img/h_accueil.png') no-repeat top left;	
}
#s_dates {
	width: 83px;
}
#s_dates a {
	background: url('/img/dates.png') no-repeat top left;
}
#s_dates a:hover {
	background: url('/img/h_dates.png') no-repeat top left;	
}
#s_biographie {
	width: 126px;
}
#s_biographie a {
	background: url('/img/biographie.png') no-repeat top left;	
}
#s_biographie a:hover {
	background: url('/img/h_biographie.png') no-repeat top left;	
}
#s_bloguy {
	width: 92px;
}
#s_bloguy a {
	background: url('/img/bloguy.png') no-repeat top left;	
}
#s_bloguy a:hover {
	background: url('/img/h_bloguy.png') no-repeat top left;	
}
#s_photos {
	width: 169px;
}
#s_photos a {
	background: url('/img/photos.png') no-repeat top left;	
}
#s_photos a:hover {
	background: url('/img/h_photos.png') no-repeat top left;	
}
#s_gaffes {
	width: 88px;
}
#s_gaffes a {
	background: url('/img/gaffes.png') no-repeat top left;	
}
#s_gaffes a:hover {
	background: url('/img/h_gaffes.png') no-repeat top left;	
}
#s_contact {
	width: 112px;
}
#s_contact a {
	background: url('/img/contact.png') no-repeat top left;	
}
#s_contact a:hover {
	background: url('/img/h_contact.png') no-repeat top left;	
}
#preload {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
#in {
	width: 780px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 10px;
}
#b_top {
	background: url('/img/b_top.png') no-repeat top #d4d4d4;
}
#b_bottom {
	background: url('/img/b_bottom.png') no-repeat bottom;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.dec {
	padding-left: 50px;
}
.justify {
	text-align: justify;
}
.center {
	text-align: center;
}
a img {
	border: 0;
	vertical-align: middle;
}
#calendrier td, #calendrier th {
	width: 100px;
	padding: 2px;
}
#calendrier td {
	height: 100px;
	vertical-align: top;
}
#calendrier .num {
	text-align: right;
}
.inCell {
	background: #fff;
	height: 94px;
	padding: 2px;
	width: 96px;
}
.evt {
	background: #ffff7f;
	font-size: 11px;
	border-bottom: 1px solid #c1c1c1;
}
.evt img {
	vertical-align: middle;
}

.msgok {
	background:#b3ffb7;
	border: 1px solid green;
	padding: 10px;
	color: #007600;
}