/*
Titre			stylesheet.css
Site 			eblc.ch, le shop
Navigateurs 	tous (sauf IE)
Autheur 		V.T. (www.megaphone.ch)
Date création 	22.06.2009
Dernière modif.	22.06.2009
*/

/* 
GLOBAL RESET 
On re-définit les styles initiaux de certaines balises
Basé sur styleMain.css de www.elliotjaystocks.com 
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; margin:0;padding:0;}
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/* 
TYPO 
*/

h1 { font:1px/1px Georgia, 'Times New Roman', Times, serif bold; margin:0; padding:0; color:#0d2f85; text-indent:-1000px; }
h2 { font:normal 19px/21px Arial, Helvetica, Times, serif bold; padding:0 0 7px 0; color:#0d2f85;  text-align:left }
h3 { font:normal 17px/22px Arial, Helvetica, sans-serif; margin:10px 0 6px 0; color:#0d2f85 }
h4 { font:bold 13px/18px Arial, Helvetica, sans-serif; margin:10px 0 2px 0; color:#0d2f85 }
p { margin:2px 0 10px 0;}
body, h4, p, li, dt, dd, label, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; }
body, p, li, dt, dd, label { font-size:12px; line-height:18px; color:#000033 }
ul { padding-bottom:10px; margin:0; padding:0; }
li { margin:2px 0 2px 0;  margin:0; padding:0;}
input, textarea { font-size:11px; color:#0d2f85; padding:2px }
blockquote { font:11px/18px Verdana, Arial, Helvetica, sans-serif bold }
table { width:100%; margin-bottom:20px; }
table tr td { padding:0 5px 5px 0; vertical-align:top;}
/*table tr th { border-bottom:1px solid #0d2f85;font-style:italic; }*/
/*table.th tr th { border-bottom:1px solid #0d2f85; line-height:1px; height:1px;margin:0;padding:0; }*/
table tr td img { vertical-align:middle; border:none; }
table tr td p { font:12px/18px  Arial, Helvetica, sans-serif bold }
/*b { color:#000033 }*/

a { color:#0d2f85; text-decoration:underline }
a:visited { color:#0d2f85; text-decoration:underline }
a:hover { color:#0d2f85; text-decoration:underline }
a:focus { color:#0d2f85; text-decoration:underline }
h2 a { color:#0d2f85 }

h1.title { padding:0; margin:0; position:absolute; height:10px; width:10px; z-index:100; }
h1.title a { display:block; height:10px; width:10px;  text-indent:-1000px; color:#062d60; text-decoration:none;  }
p.siteDescription { position:absolute; top:0; left:0px; width:200px; text-indent:-9999px }

/* 
LAYOUT 
*/
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000033; background-color:#000033; margin:0; }
hr { height:1px; border:none; }
div#header { width:100%; height:130px;background: #000033 url('/images/design2009/background/bg_shop_top.png') top left repeat-x; }
div#gauche { width:250px;height:100%;background-color:bleu;float:left;margin-left:20px;color:#FFFF99; z-index:1000; }
div#droite { margin-left:280px;min-width:450px;padding-right:50px; }
#menu { position:absolute; width:170px; font-weight: normal; font-size:12px; font-family: Arial, helvetica, sans-serif; color:white; z-index:1000; margin-bottom:40px; }
/* 
OTHERS 
*/
.textehaut {
	font-size: 26px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	letter-spacing: 0.05em;
}
.closedDiv { display:none; }
.small { font-size:smaller; }
.title { font-weight:bold; margin-top:15px; }


.tableauboutique { margin-top:30px; max-width:800px; }
.tableauboutique { width:800px\9 }

/*
LIENS
*/

a { color:#666; }
a:link { color:#666; }
a:visited { color:#666; }
a:hover { color:#666; }
a:focus { color:#666; }
a:active { color:#666; }

.titrenormal { color:#666; font-weight:bold; font-size:1.2em; }
a.lientitre:link { color:#666; font-weight:bold; text-decoration:none; font-size:1.2em; }
a.lientitre:visited { color:#666; font-weight:bold; text-decoration:none; font-size:1.2em; }
a.lientitre:hover { color:#000033; font-weight:bold; text-decoration:underline; font-size:1.2em; }
a.lientitre:focus { color:#000033; font-weight:bold; text-decoration:underline; font-size:1.2em; }
a.lientitre:active { color:#666; font-weight:bold; text-decoration:none; font-size:1.2em; }

.blanc a { color:#FFF; padding:0; }
.blanc a:link { color:#FFF; padding:0; }
.blanc a:visited {color:#FFF; padding:0; }
.blanc a:hover { color:#FFF; padding:0; }
.blanc a:focus { color:#FFF; padding:0; }
.blanc a:active { color:#FFF; padding:0; }

.ssmarge { padding:0; margin:0;}
a.ssmarge:link{ padding:0; margin:0;}
a.ssmarge:visited{ padding:0; margin:0;}
a.ssmarge:hover{ padding:0; margin:0;}
a.ssmarge:active{ padding:0; margin:0;}

a.lienboutique  { display:block; margin:0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; }
a.lienboutique:link  { display:block; margin:0 0 5px 0; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0;}
a.lienboutique:visited  { display:block; margin:0 0 5px 0; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0; font-weight:bold; }
a.lienboutique:hover  { display:block; margin:0 0 5px 0; color: #ffffff; text-decoration: none; font-size: 12px; padding:0; font-weight:bold; }
a.lienboutique:active  { display:block; margin:0 0 5px 0; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0; font-weight:bold; }

.liste2b {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFF99; padding:0;}
a.liste2b:link { font-family: Arial, Helvetica, sans-serif; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0;}
a.liste2b:visited { font-family: Arial, Helvetica, sans-serif; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0;}
a.liste2b:hover { font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; padding:0;}
a.liste2b:active { font-family: Arial, Helvetica, sans-serif; color: #FFFF99; text-decoration: none; font-size: 12px; padding:0;}

/*formulaire*/
label { padding:0; margin:0; width:110px; float:left; }

.formsearch { border: #B2B2B2 1px solid; color: #3C3C3C; width: 150px; padding:2px; margin:5px 5px 5px 0; }
.formbouton { border: #B2B2B2 1px solid; color: #3C3C3C; margin-left:110px; }
.button { border: #B2B2B2 1px solid; color: #3C3C3C; }

.formfield { border: #B2B2B2 1px solid; color: #3C3C3C; width: 200px; padding:2px; margin:0; }
.select { border: #B2B2B2 1px solid; color: #3C3C3C; width: 200px; padding:2px; margin:0; }
.formbutton { border: #B2B2B2 1px solid; color: #3C3C3C; }
textarea { border: #B2B2B2 1px solid; width: 200px; }

.formbuttonshop { font-family: Arial, Helvetica, sans-serif;font-size:1.1em;display:block; text-align:left;width:402px; padding:10px 6px 10px 3px; color:#000033;font-weight:bold;text-decoration:none;background-color:#CCC;border:1px solid #000033; }
.formbuttonshop:hover { font-family: Arial, Helvetica, sans-serif;font-size:1.1em;display:block; width:402px; text-align:left;padding:10px 6px 10px 3px; color:#FFFFFF;font-weight:bold;text-decoration:none;background-color:#000033;border:1px solid #ccc; }

/*
Boutique
*/
/*.shopButtonText { font-size: 12px; color: #000033; font-weight : bold; }
.shopButtonText:link { color: #000033; text-decoration: none; font-size: 12px; font-weight:bold;padding:0;}
a.shopButtonText:hover { color: #000033; text-decoration: none; font-size: 12px; font-weight: bold;padding:0;}
a.shopButtonText:visited { color: #000033; text-decoration: none; font-size: 12px; font-weight: bold;padding:0;}
a.shopButtonText:active { color: #000033; text-decoration: none; font-size: 12px; font-weight: bold;padding:0;}*/

.chap2Cell { color:#000033; font-weight:bold; font-size:1.3em; padding-bottom:10px;padding-top:10px; }

.shopButtonCell a, .shopButtonCell a:link { font-family: Arial, Helvetica, sans-serif;font-size:1.1em;display:block; width:380px; padding:10px; color:#000033;font-weight:bold;text-decoration:none;background-color:#CCC;border:1px solid #000033; }
.shopButtonCell a:visited { display:block; width:380px; padding:10px;color:#000033;font-weight:bold;text-decoration:none;background-color:#CCC;border:1px solid #000033; }
.shopButtonCell a:hover, .shopButtonCell a:focus, .shopButtonCell a:active { display:block; width:380px; padding:10px; color:#FFFFFF;font-weight:bold;text-decoration:none;background-color:#000033;border:1px solid #ccc; }

.titrerubrique { color:#FF5409; }
.emphase { color : #983116; font : bold 15px Arial, Helvetica, sans-serif; }
.autoMessage1 { display:block; margin:10px 0 10px 0; color : #000033; font-size : 18px; font-weight:bold; }
#plan {	position:absolute; top:610px; left:10px; width:976px; height:15px; margin-left:55px; font-size:9px; color:#333 }
#plan a { color:#333; text-decoration:none }
.soustexte { color:#FFFFFF; font-size:11px; text-align:center; }
.soustextenoir { color:#000000; font-size:11px; text-align:center; }
#menubas ul li { display: inline; margin:0;padding:0; margin-right:10px; list-style-type:none; font-weight:bold; font-size:10px; font-family: Arial,Verdana, Helvetica, sans-serif; }

table.shopCart .formfield { width:50px; }

div.lieninscr a, div.lieninscr a:link { margin-left:110px;width:130px;padding:10px;color:#000033;font-weight:bold;text-decoration:none;background-color:#CCC;border:1px solid #000033; }
div.lieninscr a:visited { margin-left:110px;width:130px;padding:10px;color:#000033;font-weight:bold;text-decoration:none;background-color:#ccc;border:1px solid #000033; }
div.lieninscr a:hover, div.lieninscr a:active, div.lieninscr a:focus {margin-left:110px;width:130px;padding:10px; color:#FFFFFF;font-weight:bold;text-decoration:none;background-color:#000033;border:1px solid #ccc; }

input.radio { vertical-align:bottom; }
label.radio { position:relative; padding:0; margin:0; width:110px; }

/* Backgrounds des pages*/
body#home { background:#000033 url('images/design2009/background/bg_home.jpg') top right no-repeat; }