@charset "utf-8";
/* CSS Document */

body
{
background-image:url('../images/back8.jpg');


}

/*  COMMON
-------------------------*/
.wrapper{
	width:960px;
	margin:0 auto;}
#content{ 
	
	background-position:950px 0;
	background-repeat:no-repeat;}
	
/* RIGHT COL BKGR*/
#contactForm,
#gallery,
#presskit,
#links{
	background-image:url(../images/rcol_bkgr.gif);
	background-repeat:no-repeat;
	background-position:0px 23px;
}

#presskit{
	margin-left:0; }
#links{
	margin-right:0;}
#presskit H3, #links H3{ font-size:18px;}
#links UL LI{
	margin:0 10px 5px 10px;
	list-style:none;
}
#presskit UL LI{
	margin:0 10px 5px 30px;
	list-style:url(../images/pdf_icon.gif);
}
#presskit UL LI A,#presskit UL LI A:link,#presskit UL LI A:active,#presskit UL LI A:visited,#presskit UL LI A:hover,
#links UL LI A, #links UL LI A:link, #links UL LI A:active, #links UL LI A:visited, #links UL LI A:hover{
	font-size:11px;
	text-decoration:none;
	color:#666666;
}
#links UL LI A:hover,#presskit UL LI A:hover{
	text-decoration:underline;
	color:#000000;
}
/* image Histoire du quebec */
.hdq {margin:0 0 20px 0;}

/*  LE HEADER  
-------------------------*/
#header{
	height:60px;
	background-color:#000000;
	border-bottom:1px solid #c70c03;}
	
#header .grid_2{
	float:right;
	margin:0px 0px 0 0;
	width: 220px;
}	


#grid_menu{
	display: inline;
	float: left;
	margin-left: -500px;
	margin-top: 10px;
	

}

.grid_menu_style{
	font-size: 16px;
	padding: 3px 3px;
	background: #e6e5e5;
	color: #616161;
	
}


/*  LE FOOTER
-------------------------*/
#footer{
	height:55px;
	background-color:#000000;
	border-top:1px solid #c70c03;
	color:#999999;
	margin:10px 0 0 0;}
#footer .copy{float:left;padding:10px 0 0 0;}
	

/*  HOMEPAGE  
-------------------------*/
.youtube {}

#book{ margin:-20px 0 0 30px;}
*html #book { margin:10px 0 0 30px;}

/*  CONTACT FORM  */
#contactForm{ margin:0 0 15px 0;}

/*  GALLERY  */
#gallery ul { list-style: none; margin:0 0 0 2px;}
#gallery ul li { display: inline;
	margin:0;
	padding:0; }
#gallery ul img {
	border: 2px solid #cccccc;
	border-width: 2px 2px 2px;
}
#gallery ul a:hover img {
	border: 2px solid #999999;
	border-width: 2px 2px 2px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

/*  FORM  */
#contactForm FORM { margin:0 0 0 20px;}
#contactForm INPUT, #contactForm TEXTAREA{ margin:0 0 5px 0; padding:2px; border:1px solid #cccccc; width:170px;}
#contactForm INPUT.button{border:none; width:55px; height:23px; margin:0 0 5px 10px;}
#contactForm P {padding:0 0 10px 20px;}


/*  Accolades decooration  */
#accolades{
	width: 480px;
	background-color:#b0ada8;
	line-height:180%;
}