body{
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	padding:0; margin:0; border:0;
	text-align:center;
	background-image:url(../images/bg_body.jpg);
}

#main{
	width:1000px;
	padding:0; margin:0 auto; border:0;
}

#header{
	background-image:url(../images/baniere.jpg);
	width:1000px; height:160px;
	padding:0; margin:0; border:0;
}

/************** Menu ***************/
	#menu{
		width:970px;
		height:27px;
		background-color:#4f310f;
		padding:0 30px 0 0; margin:0; border:0;
		border-top:1px solid #000000; 
		text-align:left;
		font-size:117%;
	}
	
	#nav, #nav table {
		float: left;
		line-height: 1;
		padding: 0;
		margin: 0 0 0 220px;
		font-weight: bold;
		height:27px;
		/*width:970px;*/
		z-index:1000;
	}
	#nav td {
		/*float: right;*/
		padding: 0; margin:0; border:0;
		height:27px;
		text-align:left;
		vertical-align:middle;
	}
	/*#nav td:hover{background-color:#6b3f00;}*/
	
	#nav td a{
		display:block;
		padding:8px 10px 0 10px;
		height:19px;
		color:#ffffff;
		background-color:#4f310f;
		text-decoration:none;
	}

	#nav td a:hover{
		color:#dc7030;
		/*background-color:#dc7030;*/	
	}
	
	#nav td ul {
		background:#6b3f00;
		background-image:url(http://www.beausourire.ca/images/bg_submenu.gif);
		background-repeat:no-repeat;
		background-position:top;
		list-style: none;
		position: absolute;
		left: -999em;
		height: auto;
		width: 160px;
		margin: 0; padding:0; border:0;
		
	}
	#nav td li {
		width: 160px;
		text-align:left;
		padding:0; 
		margin:0;
		height:auto;
	}
	#nav td ul a {
		width: 140px;
		color:#ffffff;
		padding:10px;
		margin:0;
		height:auto;
		display:block;
		text-decoration:none;
	}
	#nav td ul a:hover {
		color:#ffffff;
		background:#d67f00;
	}
	#nav td ul ul {
		margin: -2em 0 0 149px;
		background:#6b3f00;
	}
	#nav td ul ul a{
		color:#ffffff;
		background-color:#6b3f00;
	}
	#nav td ul ul a:hover{
		color:#f3ec19;
		background-color:#6b3f00;
	}
	#nav td:hover ul ul, #nav td:hover ul ul ul, #nav td.sfhover ul ul, #nav td.sfhover ul ul ul {
		left: -999em;
	}
	#nav td:hover ul, #nav td li:hover ul, #nav td li li:hover ul, #nav td.sfhover ul, #nav td li.sfhover ul, #nav td li li.sfhover ul {
		left: auto;
	}
	#nav td:hover, #nav td.sfhover {
		background: #4f310f;
	}
/***********************************/

/************ col 1 ****************/
	#col1{
		float:left;
		width:216px;
		padding:0; margin:10px 0 0 0; border:0;
	}
	
	#table_gauche{
		width:216px;
		padding:0; margin:0; border:0;
		color:#ffffff;
	}
	#table_gauche_r1{
		background-image:url(../images/bg_gauche_r1.gif);
		background-repeat:no-repeat;
		width:216px; height:33px;
		padding:0; margin:0; border:0;
	}
	#table_gauche_r2{
		background-image:url(../images/bg_gauche_r2.jpg);
		background-repeat:repeat-y;
		width:166px;
		padding:0 25px 0 25px; margin:0; border:0;
	}
	#table_gauche_r3{
		background-image:url(../images/bg_gauche_r3.gif);
		background-repeat:no-repeat;
		width:216px; height:31px;
		padding:0; margin:0; border:0;
	}
/***********************************/

/************ col 2 ****************/
	#col2{
		float:right;
		width:774px;
		padding:0; margin:10px 0 0 0; border:0;
	}
	#table_droite{
		width:774px;
		padding:0; margin:0; border:0;
		color:#000000;
	}
	#table_droite_r1{
		background-image:url(../images/bg_droite_r1.jpg);
		background-repeat:no-repeat;
		width:774px; height:33px;
		padding:0; margin:0; border:0;
	}
	#table_droite_r2{
		background-image:url(../images/bg_droite_r2.jpg);
		background-repeat:repeat-y;
		width:726px;
		padding:0 21px 0 27px; margin:0; border:0;
		vertical-align:top;
	}

	#table_droite_r2 a{
		text-decoration:none;
		color: #744a18;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
	}
	#table_droite_r2 a:hover{color: #b75e24; text-decoration:underline;}

	#table_droite_r3{
		background-image:url(../images/bg_droite_r3.jpg);
		background-repeat:no-repeat;
		width:774px; height:31px;
		padding:0; margin:0; border:0;
	}
/***********************************/

.cb{
	font-size:0;
	padding:0; margin:0; border:0; line-height:0;
	clear:both;
}
/******************** calender *************************/
	#calendrier{
		width:164px;
		/*height:164px;*/
		padding:0 0 15px 0; margin:0; border:0;
		background-image:url(../images/bg_papier.jpg);
	}
	#calendrier_header, #calendrier_header a{
		padding:5px 0 5px 0; margin:0; border:0;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#000000;
		text-align:center;

	}
	#calendrier_header a{text-decoration:none;}
	#calendrier_header a:hover{color:#000000;}
	
	#cal {
		font-family: Arial, Helvetica, sans-serif;
		width: 125px;
		margin:0;
		font-size: 12px;
	}
	
	#cal td{
		vertical-align:middle;
		text-align:center;
		color:#000000;
		border: 0;
		padding:0 3px 0 3px
	}
	#cal td.first_date{
		/*background-color: #f6821f;*/
	}
	
	#cal td.today {
		color: #000000;
		font-weight:bold;
	}
	
	#cal td.full {
		color: #000000;
		background-color: #d16625;
	}
	#cal td.free {
		color: #000000;
		background-color: #2b912f;
	}
	
	#cal th {
		color: #ffffff;
		text-align:center;
		font-weight:bold;
	}
	
	#cal .d a{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 10px;
		text-decoration:none;
		color: #ffffff;
		background-color:#000000;
	}
	
	#cal .d a:hover{
		color:#2b2b2b;
		font-weight: bold;
		font-size: 10px;
		text-decoration:none;
	}
	
	#cal a{
		display:block;
		height:100%;
		width:100%;
		color: #000000;
		background-color:#ffffff;
		text-decoration:none;
	}
	#cal a:hover{
		text-decoration:none;	
		color: #000000;
		background-color:#ffffff;
	}
	.hidden {
		margin:0;
		padding:0;
		font-size: 0;
		display:none;
	}
/*******************************************************/

	.inputBtn{
		border:1px solid #000000;
		background-color:#b75e24;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
	}

/************* inc/messages.php ******************/
	.error{
		background-color:#ffffff;
		color:#ff0000;
		border:1px solid #ff0000;
		text-align:left;
		padding:10px;
		margin:0 0 10px 0;
	}
	.message{
		background-color:#000000;
		color:#c3cf21;
		border:1px solid #c3cf21;
		text-align:left;
		padding:10px;
		margin:0 0 10px 0;
	}
	.message a{color:#f9ea15; text-decoration:none; }
	.message a:hover{color:#ffffff; text-decoration:underline;}
/*************************************************/

h1{
	padding:0; margin:0; bottom:0;
	font-size:28px; font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#754c18;
}
h2{
	padding:0; margin:0; bottom:0;
	font-size:14px; font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#754c18;
}


/******************** livreor.php ****************/

.formulaire_courriel{
	border-bottom: #000000 1px solid; 
	background-color:#F7F7F7; 
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid; 
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	height: 18px; 
	margin-left:40px;
}

.formulaire_commentaires{
	border-bottom: #000000 1px solid; 
	background-color:#F7F7F7; 
	border-left: #000000 1px solid; 
	border-right: #000000 1px solid; 
	border-top: #000000 1px solid; 
	color: #000000; 
	font-family: Verdana; 
	font-size: 12px; 
	font-weight: normal; 
	height: 200px; 
	width:500px;
}
/*************************************************/
.imgBorder{
	border:1px solid #4f310f;
}


/*************************************************/
.liens{
	text-decoration:none;
	color: #744a18;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.liens:hover{color: #b75e24; text-decoration:underline;}