/*  ----------\
	-----------------------------------------------
	Title 		: Au fil des saisons... CSS Document
	Author 		: Francis Hogue
	Edition 	: Blank
	Version 	: 1.0
	Created 	: 20-11-2007
	Updated 	: 
	Contact 	: Francis.Hogue@pmedia.ca
	Copyright 	: Au fil des saisons... (c) 2007
	-----------------------------------------------
	----------/
	
	bleu fonce 	: #2c426e
	rouge-rose 	: #ce2345
	jaune      	: #ffd300
	vert 		: #70ac33
*/

/* --------------------------------------
	
	=reset
	
-------------------------------------- */
:link,
:visited { text-decoration: none; }
ul,
ol { list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
p { font-size: 1em; }
ul,
ol,
dl,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
body,
html,
p,
blockquote,
fieldset,
input { margin: 0; padding: 0; }
a img,
:link img,
:visited img { border: none; }
/* --------------------------------------
	
	=layout, structure
	
-------------------------------------- */

body { background: #2c426e url(../img/bg-body.jpg); color: #383838; font: normal small Verdana, Arial, Helvetica, sans-serif; }
#wrapper { background: url(../img/bg-content.gif) repeat-y 92px 0; margin: 0 auto; width: 960px; }
body.twoCol #wrapper { background: url(../img/bg-content-2col.gif) repeat-y 92px 0; }
body.oneCol #wrapper { background: url(../img/bg-content.gif) repeat-y 92px 0; }
#masthead { background: url(../img/bg-masthead.jpg) no-repeat; height: 266px; position: relative; width: 960px; }
#mainContent { background: url(../img/bg-content-bot.gif) no-repeat 100% 100%; display: inline; float: left; margin-left: 92px; padding: 0 24px; width: 790px; }
body.twoCol #content { display: inline; float: left; margin-left: 15px; width: 485px; }
body.oneCol #content { display: inline; float: left; margin-left: 15px; width: 775px; }
body.twoCol #sidebar { float: right; width: 250px; }
body.oneCol #sidebar { display: none; }
#footer { background: url(../img/bg-footer.gif) no-repeat 100% 0; clear: both; height: 48px; margin-left: 92px; padding: 25px 24px; width: 790px; }
/* --------------------------------------
	
	=nav
	
-------------------------------------- */
#menu { background: url(../img/bg-menu.gif) no-repeat; height: 98px; margin-left: 92px; text-align: center; width: 838px; }
#menu ul { padding: 16px 0 0 0; margin: 0 auto; width: 698px; }
#menu ul li { margin-left: 10px; }
#menu ul li.first { margin-left: 0; }
#menu ul li,
#menu ul li a { background: url(../img/btn-menu.gif) no-repeat; display: block; float: left; height: 40px; width: 131px; }
#menu ul li a { border-style: none; color: #ce2345; font:bold 0.9em Georgia, serif;  text-align: center; height: 32px; padding:8px 0 0; }
#menu ul li a.nav-finance { padding:0; height: 40px; }
#menu ul li a:hover,
body#home #menu li a.nav-home,
body#produit #menu li a.nav-produit,
body#about #menu li a.nav-about,
body#contact #menu li a.nav-contact,
body#finance #menu li a.nav-finance { background: url(../img/btn-menu.gif) no-repeat 0 100%; border-style: none; color: #fff; }
/* --------------------------------------
	
	=headers
	
-------------------------------------- */
h1#logo,
h1#logo a { background: url(../img/logo.jpg) no-repeat; display: block; height: 147px; overflow: hidden; text-indent: -9999px; width: 427px; }
h1#logo { left: 69px; position: absolute; top: 85px; }
p#catchphrase { overflow: hidden; text-indent: -9999px; }
#content div.intro h2 { color: #ce2345; font-family: Georgia, serif; font-size: 150%; font-weight: bold; letter-spacing: -1px; font-style: italic; }
#content h2 { color: #2c426e; font-family: Georgia, serif; font-size: 180%; font-weight: bold; font-style: italic; }
#content h3 { color: #2c426e; font-size: 130%; }
#content h3.feel { color: #ce2345; font-size: 200%; font-style: italic; text-align: center; }
#sidebar h3 { color: #ffd300; font-family: Georgia, serif; font-size: 120%; font-style: italic; }
/* --------------------------------------
	
	=basic text style
	
-------------------------------------- */
dl,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
blockquote,
table,
img { margin-bottom: 1.0em; }
#wrapper strong { color: #d8404e; font-weight: bold; }
#content p { font-size: 100%; line-height: 1.4em; }
#content p.note { font-size: 90%; font-style: italic; }
#content address { margin: 1em 0 2em 0; }
#footer p { margin: 0; font-size: 90%; text-align: center; }
#footer p span.amp { font-family: Georgia, serif; font-size: 120%; font-style: italic; }
/* --------------------------------------
	
	=links
	
-------------------------------------- */
#wrapper a { border-bottom: 1px dotted #2c426e; color: #2c426e; }
#mainContent a { border-bottom: 1px dotted #70ac33; color: #447516; }
#wrapper a:hover { border-bottom: 1px dotted #ce2345; color: #ce2345; }
#content a.viewmore { background: url(../img/ico-bouton.gif) no-repeat 0 4px; border-style: none; padding-left: 16px; }
#content a.viewmore:hover { border-style: none; }
/* --------------------------------------
	
	=panel
	
-------------------------------------- */
div.intro { border-left: none; border-right: none; margin-bottom: 2em; }
#content div.intro p { color: #2c426e; font-size: 110%; }
div.emphase { background: #e2eaf3; border: 1px dashed #ce2345; margin-bottom: 2em; padding: 10px 10px 0 10px; }
#content div.emphase p { font-family: Georgia, serif; font-size: 150%; font-style: italic; font-weight: bold; letter-spacing: 1px; }
#content p.emphase-two { font-family: Georgia, serif; font-size: 150%; font-style: italic; }
/* --------------------------------------
	
	=list
	
-------------------------------------- */

ul.normal { margin-left: 20px; }
ul.normal li { background: url(../img/ico-bouton.gif) no-repeat 0 4px; margin-bottom: 0.6em; padding-left: 20px; }
dl.products a img { border: 0; margin: 0; padding: 2px; }
dl.products dt { clear: both; float: left; margin-bottom: 10px; width: 65px; }
dl.products dd { float: left; height: 64px; width: 185px; }
#sidebar dl.products dd a { border-style: none; font-size: 90%; letter-spacing: 1px; text-transform: uppercase; }
#sidebar dl.products dt a { border: none; border: 1px dashed #ce2345; display: block; height: 52px; width: 52px; }
#sidebar dl.products dt a:hover { background: #ffd300; }
dl.desc { overflow: hidden; width: 100%; }
dl.desc dt { float: left; width: 200px; }
dl.desc dd { float: left; line-height: 1.4em; width: 285px; }
#content dl.desc dt a,
table.desc a { border: none; border: 1px dashed #ce2345; display: block; height: auto; width: 177px; }
#content dl.desc dt a { font-size:0; padding:2px; width:170px; }
table.desc a { width:auto; display:inline; border: none; }
table.desc img { border: 1px dashed #ce2345; margin-bottom:1em; }
#content dl.desc dt a:hover { background: #ffd300; }
#content dl.desc dt a img { border: 0; margin: 0; }
ul.warnings { background: url(../img/icon-exclamation.gif) no-repeat 0 10px; border-top: 1px solid #990000; border-bottom: 1px solid #990000; list-style: disc; list-style-position: outside; padding: 10px 0 10px 0; }
ul.warnings li { color: #990000; margin: 0 0 0 38px; }
/* --------------------------------------
	
	=form
	
-------------------------------------- */

form#form_contact { width: 400px; }
form#form_contact label { color: #70ac33; display: block; font-size: 90%; margin-bottom: 3px; }
form#form_contact input.text,
form#form_contact textarea { background: #2c426e; border: 1px solid #666; color: #fff; margin: 0 0 0.6em 0; padding: 2px; width: 100%; }
form#form_contact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 95%; height: 100px; }
form#form_contact input.btn-submit { background: #70ac33; border: 2px solid #2c426e; color: #fff; cursor: pointer; padding: 6px; text-transform: uppercase; }
form#form_contact input.btn-submit:hover { background: #ffd300; }
/* --------------------------------------
	
	=special
	
-------------------------------------- */
#content div.intro p.welcome { color: #447516; font-family: Georgia, serif; font-size: 150%; font-style: italic; margin-bottom: 0; }


.featured_wrap { position:relative; width:252px; height:240px; overflow:hidden; }
#horz_featured { width: 250px; height: 240px; display: block; list-style: none; margin: 0; padding: 0; }
#horz_featured li { display: block;	width: 250px; height:222px; color: #333333; text-align: left; font-size: 11px; margin: 0; padding:6px 6px 6px 0; float: left; }

#horz_featured .img_link	{ border:1px dashed #f00; display:block; width:250px; height:188px; margin:0 0 0.4em; }
.img_link img	{ margin:0; }

.finance_items dt{clear:both; margin:0 0 10px; float:left;}
.finance_items dd{float:left; margin:0 0 10px;}
#mainContent .finance_items a{border:none;}
.finance_items em	{ color:#0A246A; font-weight:bold; }
#mainContent table.desc a{border:none;}
#mainContent table.desc img{}