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

/* This sets all browser padding and margin defaults to zero */
* {
	margin: 0px;
	padding: 0px;
} 

/* This is a fix for IE 6 & 7 spacing issues. I think. */
* html img { display: block; } 

/* Things I want to appear with styles off, but disappear when styles
are on, are often wrapped in a div or span with this "hidden" class to 
hide them. */
.hidden { display: none; }

body {
	font: 12px/20px Georgia, Times, "Times New Roman", sans-serif;
	background: #fff;
	text-align: center /* Pour centrer avec IE*/;
	background-color: #FFFFFF;
}
#header {
	position: relative;
	height: 92px;
	background-image: url(file:///F|/img/logo.gif) no-repeat;
	padding-bottom: 6px;
	background-color: #fff;
}
/* this is a fix for IE/Mac, to keep the nav items from breaking. I think */
#header li {
	/*\*/overflow: hidden;/**/
}
#container {
	background-image: url(../img/3column_background.gif);
	background-position: left;
	margin-left: auto; /* Pour centrer avec Firefox & co */
	margin-right: auto;
	text-align: left; /* Pour remettre normal */
	width: 90% /* Tout à fait ce que l'on veut ici... */
}
#column_one {
	width: 420px;
	float: left;
	display: inline;
	padding: 0 15px 15px 15px;
	position: relative;
	overflow: visible;
}
#billboard {
	width: 330px;
	float: left;
	padding: 0 0 0 16px;
}
#column_two {
	width: 220px;
	float: left;
	padding: 0 15px 15px 15px;
	position: relative;
	overflow: visible;
}
#column_three {
	width: 166px;
	float: left;
	padding: 0 14px 15px 16px;
	position: relative;
	overflow: visible;
}
#footer {
	font-size: 70.0%;
	clear: both;
	background-color: #fff;
	margin: 0;
	padding: 15px 15px 30px 15px;
}

/* -----------------------------------------------------------------
                 GLOBAL STYLES - COLUMN DIVISION
------------------------------------------------------------------*/

.column_one_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 420px !important;
	width: 420px;
	margin: 0 0 15px 0;
	clear: both;
	padding: 0;
}

.column_one_divider img {
	height: 1px;
	width: 420px !important;
	margin: 0;
	padding: 0;
}

.column_two_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 250px !important;
	margin: 0 -15px 15px !important;
	width: 250px;
	margin: 0 0 15px;
	clear: both;
}
.column_two_divider img {
	height: 1px;
	width: 220px !important;
	width: 220px;
}
.column_three_divider {
	background-color: #DEDCE0;
	height: 1px;
	width: 181px !important;
	margin: 0 -15px 15px !important;
	width: 151px;
	margin: 0 0 15px;
	clear: both;
}
.column_three_divider img {
	height: 1px;
	width: 181px !important;
	width: 151px;
}
/* -----------------------------------------------------------------
                 NAV
------------------------------------------------------------------*/
#nav {
	position: absolute;
	margin: 0;
	width: 100%;
	bottom: 0px;
	left: 0;
	letter-spacing: 1px;
	top: 0px;
	height: 0px;
}
#nav li {
	border-left: 1px solid #ccc;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#nav li a
{
	color: #000;
	float: left;
	display: block;
	padding: 8px 40px 8px 15px;
	text-decoration: none;
}

#nav li a:hover {
	color: #f66;
}
#nav ul {
	float: left;
	margin: 0 0 0 15px;
	padding: 8px 0;
	width: 100%;
	display: block;
}

#navsous a
{
	color: #FF9900;
	float: left;
	display: block;
	text-decoration: none;
}

#navsous a:hover {
	color: #f66;
}


/* images wrapped in an anchor with a class of image won't have that weird hover */
.image:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
p {
	padding: 0 15 10px 0;
}

/* h1's are pretty much the main page title */

h1 {
	font-style: italic;
	padding: 0 0 15px 0;
	font-size: 160%;
}

/* h2's are the subheads in the main articles */

h2 {
	padding: 0px 0 4px 0;
	font-size: 130%;
	font-style: italic;
	color: #6192AB;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 2px 0;
}

/* h3's are for Sub-Sections, and are all hidden or replaced by an image - 
Search, Archives, Footer, are a few examples */

h3 {
	text-indent: -9999px;
}

/* h4's and h5's are also article subhead treatments, for sections
of less importance (and thus, lower in the heirarchy) */

h4 {
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}
h5 {
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	padding: 7px 0 7px 0;
	font-size: 60%;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}

/* h6's titre en haut de l'image */

h6 {
	padding: 0px 0 1px 0;
	font-size: 130%;
	font-style: italic;
	color: #6192AB;
	margin: 0 0 1px 0;
}

/* h7 date en dessous */

h7 {
	font-size: 90%;
	letter-spacing: 1px;
	padding: 0 0 40px 0;
	color: #B0B172;
}

#column_one img {
	padding: 0 10 2px 20;
}

.guidestitr {
	font-size: 120%;
	font-style: italic;
	color: #6192AB;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.guidebasstitr {
	font-size: 110%;
	font-style: italic;
	color: #C2C393;
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/* -----------------------------------------------------------------
                  GLOBAL STYLES - H3 REPLACEMENT
------------------------------------------------------------------*/

#column_one h3 {
	width: 420px; 
}
#column_two h3 {
	width: 220px; 
}
#column_three h3 {
	width: 165px; 
}

h3#last_three_articles {
	background: transparent url(file:///F|/img/3reportages.gif) no-repeat 0 0;
	height: 45px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* -----------------------------------------------------------------
                          HERO CONTAINER
--------------------------------------------------------------------

The titles in these containers are styled using h1 (for hero) and h3 
(for base). See COLUMN ELEMENTS for that code. There's also a third 
container, for any of the "ads" that will sit in the tertiary column.

*/
#herocontainer {
	margin: 0 0 10px 0;
	text-align: center;
	color:#BAA387;
}
#herocontainer h1 {
	padding: 0 20px 15px 20px;
}

#herocontainer img {
	padding: 0;
}
#herocontainer p {
	margin: 0;
	padding: 0;
}
#herodate {
	height: 45px;
	background: transparent
	background-position: 50% 85%;
	font-size: 85.0%;
	font-style: normal;
	font-weight: bold;
	display: block;
	padding: 0 0 8px 0;
}
#herobase {
	margin: 0;
	padding: 0;
	width: 100%;
}
a#herocommentlink {
	background: transparent url(../img/comment_bulle1.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 138px;
	height: 33px;
	float: right;
}
/* -----------------------------------------------------------------
                       THUMB CONTAINER
------------------------------------------------------------------*/
.thumb01 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thcarr12ouv.png);
	background-repeat: no-repeat;
}
.thumb02 {
	background-color: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/th_ddanis.png);
	background-repeat: no-repeat;
}
.thumb03 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thbenefice.png);
	background-repeat: no-repeat;
}
.thumb04 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thOpera4.jpg);
	background-repeat: no-repeat;
}
.thumb05 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thdomino.png);
	background-repeat: no-repeat;
}
.thumb06 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/th_sang2.png);
	background-repeat: no-repeat;
}
.thumb07 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thPoil.png);
	background-repeat: no-repeat;
}
.thumb08 {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(../th09/thgainsbb.gif);
	background-repeat: no-repeat;
}
.thumbcontainer {
	background-color: #CCCC99;
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	text-align: center;
	color:#FFFFFF;
}
.thumbcc {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(file:///F|/th09/09i.gif);
	background-repeat: no-repeat;
}

.thumbcd {
	background-color: #CCCC99;
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
	text-align: center;
	color:#FFFFFF;
	background-image: url(file:///F|/img/thb_cirqueout.gif);
	background-repeat: no-repeat;
}
.thumbctndc h1 {
	font-size: 160%;
	font-style: italic;
	text-align: center;
	font-weight: bold;
}
.thumbcontainer h1 a:visited, .thumbcontainer h1 a:hover, .thumbcontainer h1 a:link {
	color:#FFFFFF;
	background-color: #CCCC99;
}
.thumbdatedc {
	font-size: 80%;
	color:#6192AB;
	font-weight: bold;
	text-align: right;
	margin: 0 5px 0 0;
}

.thumbdate {
	font-size: 80.0%;
	color:#5A4E65;
	padding: 0 0 2px 0;
	font-weight: bold;
	text-transform: uppercase;
}

.dateboxdc {
	font-size: 90.0%;
	letter-spacing: 1px;
	padding: 0 0 9px 0;
	color: #B0B172;
	text-align:right;
}

.thumbbase {
	margin: 0;
	padding: 0;
}
.thumbbase a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 33px;
}
a.thumbpermalink { 
	background: transparent url(file:///F|/img/thumb_permalink.jpg) no-repeat 0 0;
	width: 190px; 
}
a.thumbpermalink:hover { 
	background-position: 0 -30px; 
}
a.thumbcommentlink { 
	background: transparent url(file:///F|/img/thumb_commentbubble.jpg) no-repeat 0 0;  
	width: 18px; 
	float: right;
}
a.thumbcommentlink:hover { 
	background-position: 0 -30px; 
}
.thumbcommentcount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70.0%;
	font-weight: bold;
	color:#5A4E65;
	margin: 0px;
	padding: 5px 10px 0 3px;
	float: right;
}

/* -----------------------------------------------------------------
                  		 SUBHEAD GUIDES
------------------------------------------------------------------*/

.subhead_guidesdc {
	text-align: right;
	font-size: 85.0%;
	font-weight: bold;
	padding: 0 0 15px 0;
	color: #D9D9B3;
}

.subhead_guides {
	text-align: left;
	font-size: 85.0%;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.subhead_guides p {
	padding: 0;
}
.subhead_guides strong {
	font-size: 130.0%;
}

/* -----------------------------------------------------------------
                   RECENT LINKS (HOMEPAGE LINKS)
------------------------------------------------------------------*/

a {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #FF9900;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B76D00;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}
a:active {
	text-decoration: none;
}
.style28 {color: #FFFFFF}

#recent_links .subhead_guides {
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
}
#recent_links dl {
	font-size: 85%;
	line-height: 125%;
	padding: 0 0 15px 0;
}
#recent_links a {
	font-style: italic;
	text-align: left;
}
/* -----------------------------------------------------------------
                         CONTACT FORM
--------------------------------------------------------------------

These styles pertain to the contact module in the contact section.

*/
.contactcontainer {
	background-color: #D0CCD3;
	padding: 20px;
	margin: 0 0 15px 0;
}
.contactcontainer p {
	font-size: 60%;
	padding: 0 0 4px 0;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.error_message {
	color: #000;
	font-weight: normal;
	text-transform: none;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
#subjectsection {
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;
	border-bottom-style: dotted;
	border-bottom-color: #5A4E65;
	border-bottom-width: 1px;
}
#subjectsection p {
	font-size: 100%;
	letter-spacing: 0;
	padding: 0 0 4px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
#subjectline, #realname, #emailadd, #siteurl, #message {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	font-size: 90%;
	padding: 3px;
	width: 248px;
	margin: 0 0 10px 0;
	font-style: italic;	
}
form input.button {
	padding: 5px;
	margin: 5px 0 0 0;
	border-color: #EEDDEE;
	border-style: double;
	background: #99919F;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	
	font-size: 80%;
}
.contactcontainer ol {
	margin: 0 0 0 20px;
	font-size: 85%;
	font-style: italic;
}
.contactcontainer li {
	padding: 0 0 10px 0;
}

/* -----------------------------------------------------------------
                       CONTACT LIST STYLES
------------------------------------------------------------------*/

body#contact blockquote {
	padding: 7px 15px 7px 15px;
	background-color:#EEEDEF;
}

.indented {
	margin: 0 0 15px 30px;
}
.entrylist {
	font-size: 85%;
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	padding: 15px 15px 15px 30px;
	margin: 0 0 15px 0;
	background-color: #E5E3E6;
}
.entrylist li {
	margin: 0 0 5px 0;
	list-style: decimal;
}
.boxed ul {
	list-style: none;
	padding: 0 0 15px 0;
	font-style: italic;
	font-size: 85.0%;
}
.boxed li {
	width: 100%;
	display: block;
	background-color:#EEEDEF;
	margin: 0 0 1px 0 !important;
	margin: 0;
}
.boxed li:hover, .boxed ul a:hover {
	background-color:#DEDCE0;
}
.boxed a {
	display: block;
	background-color:#EEEDEF;
	padding: 5px 0 5px 15px;
}
.boxed li em, .boxed a em {
	font-style: normal;
}


/* -----------------------------------------------------------------
                 	STORE - TRANSACTION MODULE
--------------------------------------------------------------------

These control the appearance of the different transaction modules.

*/

.transaction {
	background-color: #DEDCE0;
	padding: 15px 15px 0 15px;
	margin: 0 0 15px 0;
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	
	/*ADDED BY JON 11.15.06*/
	width: 262px;
	clear: both;
	float: left;
}
.pricingmodule em {
	font-size: 12px;
	padding: 0 7px 0 0;
}
.button {
	padding: 0 15px 0;
	margin: 0 0 0 0;
}
.transaction p {
	clear:both;
	margin: 0;
	padding: 0 0 15px 0;
}
.editioncallout {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 10px 0;
	margin: 0;
}
.editiondetails {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	text-align: center;
	line-height: 12px;
}
.shippingmodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 15px 0;
}
.shippingmodule p {
	padding: 0 0 5px 0;
}
.quantitymodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 0 0;
}
.quantitymodule p {
	padding: 0 0 15px 0;
}
#quantity {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	width: 24px;
}
.dropdownmodule {
	clear:both;
	border-top-style: dotted;
	border-top-color: #5A4E65;
	border-top-width: 1px;
	padding: 10px 0 15px 0;
}
.dropdownmodule p {
	padding: 0 0 5px 0;
}