/*
Theme Name: Morgane
Theme URI: http://kindoweb.com/
Description: Migration de la page ecran vers un theme Wordpress
Version: 1.0
Author: Mathieu Chartier
Author URI: http://kindo.net
Tags:


.
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
	5.1-#accueil
	5.2-#site_global_nav
	5.3-#temoignage
6- Footer
7- Class
8- Microformats
13-

*/

/* =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 { line-height: 1; 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:Georgia, Arial, Helvetica, sans-serif; background:url(images/arc-background.gif) repeat-x #78F6BE; }

/* =1.1 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; font-family:Georgia, Arial, Helvetica, sans-serif;}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { color:#81390e; font-size:20px; margin:0px 0 10px 0; font-weight:bold; }
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 10px; font-size:15px; line-height:17px;}
li{font-size:15px; line-height:17px;}
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; text-indent:-9999px; }
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: #8d1f06; }
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:996px; background:#ffc662; margin:0 auto; }
#header{ width:996px; height:272px; background:url(images/arc-header.jpg) no-repeat #ffc662;}
#content{  width:536px; position:relative; left:235px; }
#content_primary{float:left;  width:536px;}
#aside{ width:235px; position:relative; right:536px; float:left; text-align:center; top:-10px;}
#aside_primary{ width:205px; float:right;}
#footer{  clear:both;height:60px;margin-top:20px;padding-top:14px;text-align:center;width:100%;}

/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header address a{ display:block; width:360px; height:240px;}
#header address span{ display:none;}
#menu ul{ margin:0 0 0 0px; }
#menu ul li ul{ display:none; }
#menu  li{height:20px;list-style:none;margin:0; float:left;}
#menu  li a{ color:#26507a;  font-weight:bold; display:block;   font-size:13px; padding:2px 9px 0 9px; float:left; text-decoration:none; }
#menu  li a:hover{ color:#000000; background:#BACFDA  }
#menu  li.current_page_item , #menu li:hover{ color:#000000;  }

/* =4 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#content_primary h2 a{ color:#375474;}
#content_primary .post small{ color:#384852; font-size:11px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;}
#content_primary .entry{ margin-top:15px; line-height:20px;}
#content_primary .postmetadata{ font-weight:bold;color:#375474;line-height:16px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#384852;}
#content_primary .postmetadata a{ color:#8d1f06;}
#content_primary #articles{ margin:5px 0; }
#content_primary #articles h2{ color:#81390E;font-family:Georgia,Verdana,Arial,Helvetica,sans-serif;font-size:20px;height:37px;line-height:37px;padding:0 0 0 24px;}
#content_primary #articles{ margin:5px 0; }
#content_primary div.hentry,
#content_primary .page #articles .hentry,#respond,#content_primary .post{color:#121110;font-family:Georgia, Arial,Helvetica,sans-serif;font-size:14px;margin:0px 0 0 0px;padding:25px; }
#respond,#respond h3{color:#384852;}
#content_primary #articles .hentry h3{  font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:18px;}
#content_primary #articles .hentry h3 a{ color:#60052a; }

#comments{ margin:25px 42px;}
.commentlist{ margin:25px 42px;}
.comment-author{ margin:25px 0px;}
.page-item-4{ display:block;}
.post { background-color:#fff0d3; -webkit-box-shadow: 5px 5px 5px #deac55; -moz-box-shadow: 5px 5px 5px #deac55; box-shadow: 5px 5px 5px #deac55; }
.pagetitle { padding-left:25px; color:#81390e; }
#menu{ border-bottom:solid 2px #26507A;border-top:solid 2px #26507A; margin:5px 0; padding:3px 0;}



/* =4.1 plugin e-commerce
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.wpsc_product_price { margin-top:10px; margin-bottom:10px; }
#wpsc_shopping_cart_container {margin-top:20px;}
form.wpsc_checkout_forms h2 { margin-top:30px; }
table.productcart th,
table.productcart td { padding:5px; }
table.wpsc_checkout_table { padding-top:10px; }
form#change_country input { display:none; }



/* =5 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#aside_primary ul{ margin:0 0 0 0px; }
#aside_primary li{ list-style:none;margin:0;width:186px; }
#aside_primary menu li{height:43px;}
#site_global_nav{ color:#FFFFFF; float:left; margin:0 15px; width:186px; margin:16px 0 0;}
#site_global_nav li a{ color:#26507a;  font-weight:bold; height:43px;  font-size:14px; padding:5px 0 0 18px;}

#aside #acheter { background:url(images/livre.jpg) no-repeat; text-align:center; height:308px;}
#aside #acheter a { height:70px; width:80px; padding:58px 25px 0; text-decoration:none; color:#090909; font-size:15px; font-weight:bold; display:block; }

#aside #gratuit p { font-size:18px; color:#090909; line-height:25px; padding:25px 22px 0; }
#aside #gratuit a { color:#f7f2f2;  }


#accueil { background:#FFFFFF font-size:12px;height:830px;margin:8px 0 0;padding:64px 18px 0 43px;width:238px; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:14px; color:#5c5d5b; }
#accueil #avatar{ color:#384852; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#accueil #avatar p{ margin-top:7px; font-size:11px;}
#accueil p { font-size:13px;line-height:16px;margin:12px 30px 0 0; }
#accueil p.bonheur { color:#b72d0a; font-size:20px; font-style:italic; line-height:20px; }

#site_global_nav{ color:#FFFFFF; float:left; width:186px; }
#site_global_nav li { height:24px;}
#site_global_nav li a{ text-decoration:none; color:#3f3c3a;  font-weight:normal; height:24px;  font-size:15px; padding:5px 0 0 18px;}
#site_global_nav li a:hover{ font-weight:bold;}
#site_global_nav #pages { }
#site_global_nav #pages li { border-top:1px solid #ffe1ad; border-bottom:1px solid #ffe1ad; padding-top:4px; height:22px; }
#site_global_nav #pages li.current_page_item,
#site_global_nav #pages li:hover{ border-top:1px solid #e65425; border-bottom:1px solid #e65425; font-weight:bold; }
#site_global_nav #pages li.current_page_item a { font-weight:bold; }
#site_global_nav li.current_page_item ,#site_global_nav .menu li:hover{  }
#site_global_nav h2 { margin-top:20px; font-size:15px; font-weight:bold; height:22px; padding:5px 0 0 18px; background-color:#f7a450; color:#3f3c3a; }

#newsletter,#aside_primary li#archives-2{width:168px; margin:0 0 20px 6px; text-align:center; padding:0 0 10px;}
#aside_primary li#archives-2{ background:#f8f8f6 ;}
#aside_primary li#archives-2 a{ margin:0; padding:0; height:inherit;  color:#60052a;}
#aside_primary li#archives-2 ul li{ list-style:none; margin:15px 0; width:80px;}

#newsletter h2{ font-size:20px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; color:#384852; text-align:center;  width:168px; padding:15px 0 0; }
#aside_primary li#archives-2 h2{ font-size:20px; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; color:#384852; text-align:center; width:168px; padding:6px 0; }
#newsletter form{ margin:0 5px;}
#newsletter span,#newsletter div{ text-align:left;}
#newsletter label{ color:#405461; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:14px; text-align:left;}
#newsletter #name,#newsletter #dyjlkl-dyjlkl{width:150px;}
#newsletter input{ margin:5px 0; display:block;}
#newsletter .button input{ text-align:center; margin:0 0 0 35px;}


#temoignage { background:#C9CADF none repeat scroll 0 0;float:left;margin:23px 0 0 20px;padding:20px;width:210px; }
#temoignage h2 { font-size:15px; color:#b72d0a; margin:0; }
#temoignage p { font-size:12px; color:#4b6779; margin:15px 0; }
#temoignage q { font-weight:bold; font-style:italic; }
#temoignage span { display:block; margin:4px 0 0 0; color:#000000; font-style:italic; font-size:11px; font-weight:bold; }



/* =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; }
.clear { clear:both; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.lire-article{ float:right; margin-top:20px;}


span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 

