/*
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: "" ""; }




/* =1 Globals Tags
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body { font-size: 75%; color: #222; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; background:#90aa94 url(../images/architecture/arc-body.jpg) repeat-x; }


/* =1.1 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
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 0 1.5em; }
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
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content form label { cursor:pointer; display:block; width:20em; margin-top:1em; color:#000942; font-weight:bold; }
form input,  form select,  form textarea { margin-top:0.3em; padding: 2px; width: 20em; }
#content form input.paypal { width:auto; }
#content form textarea { height: 15em; width: 32em; } /* font-size: 1em; */
#content form .formButton { width: 6em; padding:3px; border:1px solid #fff; background:#039; color:#fff; cursor:pointer; font-weight:bold; }

input,
textarea,
select,
option {color: #333; border-color:#b6bdc1}

input,
textarea,
select {background-color: #F6F6F6;}

input:focus,
textarea:focus,
select:focus {background-color: #FFFFFF;}


/* =1.6 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited { color: #0066ff; }
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(../medias/icons/icon_pdf.gif) no-repeat center right; }
a[href ^="mailto:"]{padding-right: 18px;background: transparent url(../medias/icons/icon_mailto.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(../medias/icons/icon_popup.gif) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(../medias/icons/icon_doc.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(../medias/icons/icon_xls.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(../images/icons/icon_external.png) no-repeat center right; }




/* =2 Global Structure init
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site{ width:995px; background:#FFF; margin:0 auto; border-bottom:solid 1px #666;}
#header{ width:995px; height:121px; background:#FFF url(../images/architecture/arc-header.jpg) no-repeat; margin:0 auto;}
#content{ clear:both;width:750px; background:#FFF url(../images/architecture/arc-content.jpg) repeat-y; float:right; padding:0 0 40px; }
#content-primary{ width:457px; background:#FFF; margin:40px 40px 20px; float:left; }
#aside-primary{ width:205px; background:#FFF; float:left; padding:47px 20px 20px;}
#footer{ clear:both; background:#FFF; float:left; width:955px; padding:20px;}




/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header address { float:left; margin:0; }
#header address span{ display:none;}
#header address a{ display:block; height:121px; width:252px; }




/* =4 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 { display:none; }
h2 { color:#941318; font-size:26px; font-family: "Century Gothic", "Helvetica Neue", Arial, Helvetica, sans-serif; }
p { color:#5f5c5c; font-size:16px; margin-bottom:15px; line-height:21px; }
#zone-vision { width:750px; height:307px; }
#zone-saviez-vous { float:right; background-color:#dff1e2; width:178px; padding:17px 17px 22px; text-align:center;}
#zone-saviez-vous div { text-align:left;}
#zone-saviez-vous span { display:block;}
#zone-saviez-vous h2 { font-size:24px; color:#5f5c5c; }
#zone-saviez-vous p { font-size:14px; }




/* =5 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#members input#username,
#members input#password { width:257px; }
#aside-primary { background:#fafafa url(../images/architecture/arc-aside-primary.jpg) repeat-x; }
#aside-primary a { text-decoration:none; }
#aside-primary ul { list-style-type:none; margin:0; }
#aside-primary ul li { width:208px; border-bottom:1px solid #cccccc; }
#aside-primary ul li.no-border { border-bottom:none; }
#aside-primary ul li a { display:block; height:23px; padding:6px 0 0 10px; width:198px; color:#0c0b0b; font-size:15px; }
#aside-classement { text-align:center; margin-top:35px; width:210px; height:130px; background:#fafafa url(../images/architecture/arc-aside-nav.jpg) no-repeat; }
#aside-classement a { display:block; height:130px; padding-top:3px; color:#0c0b0b; font-size:15px; }
#aside-contact { margin-top:35px; padding-left:10px;  }
#aside-contact a { color:#4d4e4c; }
#aside-contact p { color:#4d4e4c; font-size:14px; margin-bottom:5px; }
#aside-contact p.loud { font-size:18px; }

#aside-primary ul li.a-propos-de-nous a.current,
#aside-primary ul li.france-longpre-fondatrice a.current,
#aside-primary ul li.nos-clients a.current,
#aside-primary ul li.equipe a.current,
#aside-primary ul li.nous-joindre a.current,
#aside-primary ul li.classement a.current,
#aside-primary ul li.archivage a.current,
#aside-primary ul li.numerisation a.current,
#aside-primary ul li.marchandisage a.current,
#aside-primary ul li.gestion-de-formulaire a.current,
#aside-primary ul li.entreposage a.current,
#aside-primary ul li.demenagement a.current,
#aside-primary ul li.formation a.current,
#aside-primary ul li a:hover { background-color:#25247b; color:#fdf9f9; }




/* =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%; }
.italic { font-style:italic; }
.bold { font-weight:bold; }
.red { color:#941318; }

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