/*

Author: Mathieu Chartier


.
Sources:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
CSS Reset : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Typography : http://www.blueprintcss.org/
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––/
.

[Table Of Contents]

0- Reset
1- Globals Tags
	1.1- Headings
	1.2- Text elements
	1.3- Lists
	1.4- Tables
	1.5- Forms
	1.6- Links
		1.6.1- Header links
		1.6.2- Content links
		1.6.3- Aside Primary links
		1.6.4- Footer links
2- Global Structure init
3- Header
4- Content
5- Aside Primary
6- Footer
7- Class
8- Microformats


*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body {  color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* =1 Globals Tags
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body { font-size: 75%; color: #222; background: #fff ; font-family:Arial, Helvetica, sans-serif; }
body#shooter #content_primary{ background:url(../images/content/content_shooters.jpg) no-repeat right top;}
body#autres-delices #content_primary{ background:url(../images/content/content_delices.jpg) no-repeat right top;}
body#chocolats-chauds #content_primary{ background:url(../images/content/content_tasse.jpg) no-repeat right top;}
body#contact #content_primary{ background:url(../images/content/content_contact.jpg) no-repeat right top;}
body#domes #content_primary{ background:url(../images/content/content_domes.jpg) no-repeat right top;}
body#gauffres #content_primary{ background:url(../images/content/content_gauffres.jpg) no-repeat right top;}
body#gelato #content_primary{ background:url(../images/content/content_gelato.jpg) no-repeat right top;}
body#mosaiques #content_primary{ background:url(../images/content/content_mosaiques.jpg) no-repeat right top;}
body#perles #content_primary{ background:url(../images/content/content_perles.jpg) no-repeat right top;}
body#produits #content_primary{ background:url(../images/content/content_tous-produits.jpg) no-repeat right top;}
body#home #content_primary{ background:url(../images/content/content_tous-produits.jpg) no-repeat right top;}
/*body#home #content_primary{ background:url(../images/content/content_stvalentin.jpg) no-repeat right top;}*/
body#services #content_primary{ background:url(../images/content/content_shooters.jpg) no-repeat right top;}
body#tablettes #content_primary{ background:url(../images/content/content_tablettes.jpg) no-repeat right top;}
body#cadeaux-dentreprise #content_primary{ background:url(../images/content/content_cadeau.jpg) no-repeat right top;}
body#mariage-evenements #content_primary{ background:url(../images/content/content_mariage.jpg) no-repeat right top;}
body#soiree-suite88 #content_primary{ background:url(../images/content/content_soireuite88t.jpg) no-repeat 270px  top;}
body#paques #content_primary{ background:url(../images/content/content_paques.jpg) no-repeat 270px  top;}

/* =1.1 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #fff; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size: 11px; line-height: 1; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:117px; letter-spacing:1px }
#home h1 {  text-indent:-9999px; font-size:12px;}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* =1.2 Text elements
-------------------------------------------------------------- */
p { margin: 0; }
a:focus, a:hover { color: #000; }
a { color: #9d9d9d; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 ; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* =1.3 Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0; }
ul, ol { margin:0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0; }
dl dt { font-weight: bold; }
dd { margin-left: 0; }

/* =1.4 Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* =1.5 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =1.6 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited { color: #9d9d9d; }
a:hover { color: #fff; }
a:active { color: #111; }
a[href$='.pdf'],
a[rel='pdf'],
a[rel*='pdf'],
a[rel~='pdf']{ padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right; }
a[href ^="mailto:"]{background: transparent url(icon_mailto.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(icon_popup.gif) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(icon_doc.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(icon_xls.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(icon_external.gif) no-repeat center right; }

/* remove the first line if we put the index.php file back in place */
body#suite88 #nav_home,
body#home #nav_home,
body#produits #nav_produits,
body#services #nav_services,
body#suite88 #nav_suite88,
body#contact #nav_contact,
body#shooter #nav_produits,
body#domes #nav_produits,
body#mosaiques #nav_produits,
body#perles #nav_produits,
body#tablettes #nav_produits,
body#chocolats-chauds #nav_produits,
body#gauffres #nav_produits,
body#gelato #nav_produits,
body#autres-delices #nav_produits,
body#cadeaux-dentreprise #nav_services,
body#mariage-evenements #nav_services,
body#soiree-suite88 #nav_services,
body#paques #nav_produits{border-bottom:solid 2px #4e2400;}

body#home #nav_home2,
body#shooter #nav_shooter,
body#domes #nav_domes,
body#mosaiques #nav_mosaiques,
body#perles #nav_perles,
body#tablettes #nav_tablettes,
body#chocolats-chauds #nav_chocolats-chauds,
body#gauffres #nav_gauffres,
body#gelato #nav_gelato,
body#autres-delices #nav_autres-delices,
body#cadeaux-dentreprise #nav_cadeaux-entreprises,
body#mariage-evenements #nav_mariage-evenements,
body#soiree-suite88 #nav_soiree-suite88,
body#paques #nav_paques{border-bottom:solid 1px #fff;}



/* =2 Global Structure init
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site{  margin:0 auto;}
#site .screen{ width:1200px;  margin:0 auto;}
#header{ width:100%; height:107px;  position:relative;}
#header .screen{ width:1200px; height:107px;  position:relative; margin:0 auto;}
#suite88 #content{ ;height:467px; color:#FFFFFF;  }
#content{ background:#000000;height:467px; color:#FFFFFF;  }
#soiree-suite88 #content{ background:url(../images/architecture/arc_white-one.gif) repeat-y right 0 #000000}
#content .screen{ width:1200px;  margin:0 auto;}
#suite88 #content_primary{ background:#000000; width:1170px;}
#content_primary{ width:990px; float:right;  height:467px;}
#aside_primary{ width:210px; float:right;height:467px; background:#000000;}
#footer{ clear:both;   width:1200px; /*border-bottom:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;*/ height:24px; line-height:21px; margin:0 auto; }
#footer .screen{ clear:both;   margin:0 auto;padding:0 0 0 359px;}

/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header span{ display:none; position:absolute;}
#header .logo{ position:absolute;}
#nav_site_global{ font-weight:bold;left:210px;list-style-image:none;list-style-position:outside;list-style-type:none;position:absolute;top:84px;}
#nav_site_global li { display:inline;margin:0 20px 0 0;font-size:11px;}
#nav_site_global li a{ color:#4e2400; font-size:11px; text-transform:uppercase; text-decoration:none; }
#nav_site_global li a:hover{ color:#000000; }
#nav_site_global li a.current{ border-bottom:solid 2px #4e2400; }

/* =4 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#vision{ float:right; }
#suite88 #content_primary h1,#suite88 #content_primary p,#suite88 #content_primary ul{ float:left; clear:left;}
body#home #content_primary h1{ margin-top:90px;}
#content_primary h1{width:197px; font-size:22px;}
#cadeaux-dentreprise #content_primary h1,
#tablettes #content_primary h1,
#chocolats-chauds #content_primary h1{width:300px; font-size:22px;}
#autres-delices #content_primary h1{width:275px;}
#soiree-suite88 #content_primary h1 span{ display:block;}
#content_primary h2{font-size:12px;margin:0;text-transform:uppercase;width:197px;}
#content_primary p,#content_primary ul{width:275px; font-size:12px;}
#produits #content_primary p,#content_primary ul{width:305px; font-size:12px;}
#perles #content_primary p,#content_primary ul,
#cadeaux-dentreprise #content_primary p,#content_primary ul{width:300px; font-size:12px;}
#autres-delices #content_primary ul,
#content_primary ul,
#content_primary ul{width:225px; font-size:12px;}
#suite88 #content_primary p{width:425px; }
#soiree-suite88 #content_primary p,/*#suite88 #content_primary p*/,#content_primary ul{width:240px; }
#contact #content_primary p,/*#suite88 #content_primary p*/,#content_primary ul{width:240px; }
#content_primary ul{ margin:0 0 0 12px;}
#content_primary p,#content_primary ul{ margin-bottom:10px;}
.vcard{ margin-bottom:10px;}
#contact #content_primary h2 span{ display:block;}
#contact #content_primary ul{ list-style:none; margin-left:0;}
.vcard .org { text-transform:uppercase;}
.vcard .org span{ display:none;}
.postal-code{ margin:0 2px 0 0;}
#suite88 #content_primary .call-collection{ margin-top:20px;}
#suite88 #content_primary .places-suite88{ padding:0; margin:20px 0 0 0; list-style:none;width:425px;}
#suite88 #content_primary .places-suite88 h2{ font-size:15px; font-weight:bold;}
#suite88 #content_primary .places-suite88 li{ padding:0; margin:0; float:left; width:200px;}
/* =5 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav_section { list-style:none; margin:117px 0 0 25px;}
#nav_section li{ height:16px;margin:0 0 8px;}
#nav_section li a{ color:#FFFFFF; text-decoration:none; font-size:11px; text-transform:uppercase;letter-spacing:1px;}
#nav_section li a.current{ border-bottom:solid 1px #fff;}
#nav_section li a span{ display:block;}

#cadeaux-dentreprise #nav_section li,
#mariage-evenements #nav_section li,
#soiree-suite88 #nav_section li{height:16px;line-height:15px;margin:0 0 46px;width:100px;}

#cadeaux-dentreprise #nav_section li span,
#mariage-evenements #nav_section li span,
#soiree-suite88 #nav_section li span{ display:block;}
#soiree-suite88 #nav_section li span{ text-decoration:underline;}
#soiree-suite88 #content_primary  p{ width:250px;}
/* =6 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer p{ color:#4e2200; font-size:10px; float:left; margin:0 37px 0 0;}
/* =7 Classes
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* =8 Microformats
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =13 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/