/*
Theme Name: 
Theme URI: 
Description: 
Author: Mathieu Chartier
Author URI: http://kindoweb.com
Template: Base
Version: 1.0

.
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: "" ""; }
object{ padding:0; margin:0;}


/* =1 Globals Tags
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body { font-size: 75%; color: #222; background: #FDF6DA; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* =1.1 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 { font-size: 22px; margin-bottom: 0.5em; text-transform:uppercase; }
h2 { font-size: 2em; margin:20px 0; font-size:14px; font-weight:bold; line-height:14px; }
h3 { color:#836E2C; font-size:12px; font-weight:bold; margin:20px 0;}
h4 { font-size: 1.2em;  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 0 5px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; text-indent:18px; }
a:focus, a:hover { color: #000; }
a { color: #009; 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 0 1.5em; 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 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* =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: #333; }
a:hover { color: #111; }
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:"]{padding-right: 18px;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; }

/* =2 Global Structure init
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site{ width:800px; }
#header{ width:100%; background:url(../images/illustrations/illu_header.jpg) no-repeat; padding:18px 0 0 0; height:164px;}
#nav_global_site{ height:50px; width:799px; border-bottom:solid 2px #005387; border-top:solid 2px #005387;}
#content{ width:585px;  float:left;}
#content_primary{ width:500px; float:left; padding:0 30px 0 55px; padding-top:20px; background:url(../images/illustrations/illu_eprouvette.jpg) no-repeat left top; padding-bottom:300px;}
#aside_primary{ width:215px; float:right; text-align:center; padding-bottom:50px;}
#footer{ clear:both;  float:left; width:100%;}

#espace #content{ width:100%; padding:0; margin:0;}

/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#header .logo{ margin:0 36px 0 0;}
#header .logo-en{ margin:0 35px 0 0;}
#nav_global_site ul{ list-style:none;height:43px; }
#nav_global_site ul li{ height:43px; float:left;  text-align:center; line-height:12px; }
#nav_global_site ul li a{ display:block; padding:8px 14px 30px 14px; float:left; font-size:10px; font-weight:bold; font-family:Helvetica, sans-serif; height:12px;  }
#nav_global_site ul li.current a{ background:url(../images/illustrations/illu_arrow-current.gif) no-repeat center 38px; color:#976f0f; }
#nav_global_site ul li a:hover{ background:url(../images/illustrations/illu_arrow-hover.gif) no-repeat center 38px; color:#7e93a1; }
#nav_global_site ul li a span{ display:block;}



/* =4 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content li{margin: 0 0 5px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#partners{ text-align:center; width:100%}
#partners img{  margin:10px auto; display:block;}

/* =5 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#aside_primary img{ margin-top:10px; }
#aside_primary img.vision4{ margin-top:20px; }

/* =6 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =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%; }
.noindent{ text-indent:0;}

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