/* @override http://www.uncommonsensing.com/squelettes/habillage.css */

html, body { height: 100%; margin: 0; padding: 0; background: #4f4743; }
body { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 13px; font-weight: normal; color: #fff; min-height: 100%; height: 100%; background: #4f4743; }
body.home #wrapper { width: 955px; height: 650px; margin: 10px auto 0 auto; }
body.home #page { background: url(../IMG/bg_page.gif) repeat-y left top; height: 640px; height: auto !important;  height: 100%; height: auto; }
#page { margin: 10px auto 0; width: 955px; background: url(../IMG/bg_page.gif) repeat-y left top; }
#page #flash { background: #5f5854; width: 955px; height: 353px; }
#page #bottom { background: url(../IMG/page_bottom.gif) no-repeat left bottom; height: 60px; clear: both; text-align: center; padding-top: 20px;}
#page #bottom li { display: inline; }
body.home #page #bottom { height: 10px; padding-top:0;}

/* @group Typography */

a, a:link, a:visited { color: #9c9895; text-decoration: underline; outline: 0; }
a:active, a:hover, a:focus { text-decoration: underline; font-weight: bold;}
body.section2 a:link, body.section2 a:visited, body.section2 a:active, body.section2 strong.spip  { color: #fbaa52; }
body.section3 a:link, body.section3 a:visited, body.section3 a:active, body.section3 strong.spip { color: #fbef52; }
body.section4 a:link, body.section4 a:visited, body.section4 a:active, body.section4 strong.spip { color: #7cd7c2; }
body.section5 a:link, body.section5 a:visited, body.section5 a:active, body.section5 strong.spip, body.section20 a:link, body.section20 a:visited, body.section20 a:active, body.section20 strong.spip, body.section20 span.comingsoon { color: #7ae6f6; }
body.section8 a:link, body.section8 a:visited, body.section8 a:active, body.section8 strong.spip { color: #b9e88c; }
body.section9 a:link, body.section9 a:visited, body.section9 a:active, body.section9 strong.spip { color: #fa6c53; }
body.section10 a:link, body.section10 a:visited, body.section10 a:active, body.section10 strong.spip { color: #9eaffd; }
body.section11 a:link, body.section11 a:visited, body.section11 a:active, body.section11 strong.spip { color: #7ae6f6; }
body.section12 a:link, body.section12 a:visited, body.section12 a:active, body.section12 strong.spip { color: #7ae6f6; }
body.section15 a:link, body.section15 a:visited, body.section15 a:active { color: #f26976; }
body.section16 a:link, body.section15 a:visited, body.section15 a:active { color: #d7aff5; }
body.section18 a:link, body.section18 a:visited, body.section18 a:active, body.section18 strong.spip { color: #78b9dd; }

strong.spip { font-size: 14px; }
hr.spip { height: 1px; background-color: gray; border: none; }
i { font-size: 100%; vertical-align: top; }
strong { font-weight: bold; }
.up { font-size: 70%; vertical-align: top;}
body.section13 strong { font-weight: normal; color: #f97147; }
body.section15 #intro h2 { margin: 33px 0 0; color: #f26976; text-transform: uppercase; }
#intro h3 { margin: 12px 0 33px; color: #fff; font-size: 12px; }
body.section15 #intro h3 { margin: 12px 0 3px;}
#intro blockquote { margin: 12px 0 33px; color: #fff; font-size: 16px; font-style: italic; }
.orange { color: #e0863e;}
.blue { color: #4b9ff6;}
.green { color: #4eb357;}
noscript { font-size: 16px; color: #ff8e4e; }

/* @end */

#nav { width: 311px; height: 286px; margin: 10px 0 0 4px; padding: 0; float: left; }
#nav li { height: 23px; }
#nav ul.subs li { float: left; }
#nav li.dottedLine { height: 1px; background: url(../IMG/nav_rub_dottedline.gif) no-repeat left top; }
#nav span.logo { display: none; }
body.home #nav { width: 570px; height: 266px; float: right; }
body.home #nav li.dottedLine { background: url(../IMG/nav_home_dottedline.gif) no-repeat left top; }

body.section5 h1 { padding-bottom: 4px; }
#con { min-height: 750px; background: url(../IMG/bg_page.gif) repeat-y left top; position: relative; }
#con p { margin: 10px 0; padding: 0; line-height: 1.5; }
#photo { width: 287px; height: 350px; padding-top: 265px; margin: 0 0 0 18px; }
#intro { width: 567px; float: left; margin: 29px 0 0 42px; }
#intro li { list-style: disc; list-style-position: inside; margin-left: 15px; }
#intro table { margin-top: 20px; }
#intro table td.mots { padding-bottom: 12px; }
body.section10 #intro table { line-height: 24px; }
body.section15 #intro table { margin: 0; padding: 0; }
body.section15 #intro td { padding: 5px 60px 0 0; }
#divider { width: 955px; height: 193px; margin: 20px 0; float: left; }
#left_divider { width: 287px; margin: 0 0 0 18px; }
#con div.articles { padding-bottom: 26px;}
#con div.podcasts { padding-bottom: 0;}
#con div.article { float: left; width: 567px; margin: 0 0 50px 360px; }
#con #spacer { width: 860px; height: 50px; float: left; }
#con div.articles { height: 270px; margin: 30px 0 10px 0; }
#con div.cd { width: 860px; float: left; margin: 0 0 20px 44px; }
#con div.podcasts { height: 250px; margin: 30px 0 10px 0; }
#con div.cd div.cover { width: 274px; float: left; }
#con div.cd div.text { width: 549px; margin-left: 311px; }
#con div.podcasts div.podcast_text, #con div.articles div.article_text { width: 549px; }
#con div.cd div.cd_text { width: 549px; border: 1px solid #9c9895; padding: 10px; font-size: 11px; float: right; }
#con div.cd div.cd_text table { width: 150px; }
#con div.cd div.cd_text td.cell1 { width: 35%; text-align: right; padding: 0 10px 10px 0; vertical-align: middle; }
#con div.cd div.cd_text td.cell2 { width: 65%; text-align: left; padding-bottom: 10px; vertical-align: middle; }
#con div.articles div.article_text p.article_title, #con div.podcasts div.podcast_text p.podcast_title { color: #7ae6f6; text-transform: uppercase; margin: 0; padding: 0; }
#con div.cd p.cd_title { color: #7ae6f6; text-transform: uppercase; margin: 0 0 5px 290px; padding: 0; }
#con div.articles p.extract, #con div.podcasts p.extract { margin: 10px 0 0 0; padding: 0; color: #fff; font-size: 10px; }
#con div.articles div.article_text p.article_text, #con div.podcasts div.podcast_text p.podcast_text, div.testimonials_text { border: 1px solid #9c9895; padding: 10px; margin: 0; font-size: 11px;}
div.testimonials_text { margin: 20px 0;}
#con div.articles p.download_article, #con div.podcasts p.download_podcast { margin: 5px 0; padding: 0; }
#con div.cd p.download_cd { margin: 5px 0 5px 290px; padding: 0; }
#con #calendar { width: 930px; height: auto; margin: 10px; min-height: 400px; }
body.section5 #intro table { margin: 0; }
#con #paypal_logo { width: 80px; height: 50px; float: left; }
#con #google_logo { width: 80px; float: left; }

/* Order Page */
#con #order_form { display: none; }
#con #order_form.active { display: block; }
#con #order_form { width: 550px; float: left; }
#con #order_form table { width: 100%; }
#con #order_form th { background: #4f4743; padding: 3px; color: #7AE6F6; }
#con #order_form td.qty { width: 12%; height: 28px; }
#con #order_form td.qty input { padding: 2px; font-size: 12px; border: 1px solid #444; }
#con #order_form td.qty input.disabled { background: #9C9895; }
#con #order_form td.name { width: 92%; }
#con #order_form div.cd { width: 550px; margin: 10px 0 0 0; }
#con #order_form div.cd div.cd_text { width: 100%; padding: 0; font-size: 11px; border: none; }
#con #order_form div.cd div.cd_text td.cell1 { width: 5%; text-align: right; padding: 0 0 10px 0; vertical-align: middle; }
#con #order_form div.cd div.cd_text td.cell2 { width: 95%; text-align: left; padding: 0 0 10px 10px; }
#con #order_form #methods { margin: 5px 0; }
#con #order_form #paypal { width: 80px; height: 38px; float: left; padding-top: 8px; margin-top: 10px; }
#con #order_form #google { height: 46px; float: left; margin-top: 10px; }

/* Bouquets */
#bouquet { margin-left: 10px; padding: 125px 0 0 10px; width: 300px; height: 273px; }
#bouquet_center { margin: 0 auto; padding: 0; width: 300px; height: 273px; }
body.section14 #bouquet { display: none; }

#ft { text-align: right; height: 30px; padding: 12px 5px 0 0; color: #b6b1ab; font-size: 11px; width: 955px; margin: 0 auto; }
#ft a:link, #ft a:visited, #ft a:active, #ft a:hover, #ft a:focus { text-decoration: none; color: #b6b1ab; }
#ft span.copyright { color: #fff; }
#ft span.bouncingorange { color: #f19b55; }
#ft span.spip { color: #ac75db; }

/* @group Form */

 fieldset { border: none; padding: 1px; background: none; }
 legend { display: none; }
 .spip_form_label { display: block; clear: both; margin: 10px 0px 0px 4px; font-size: 12px; font-weight: normal; color: #fff; }
 .spip_form_label span { font-weight: normal; font-size: 100%; }
 .spip_form_label .spip_form_label_obligatoire { font-size: 9px; color: #f26976; }
 .spip_form_label_details { display: none; }
 .spip_form_ok { font-size: 12px; font-weight: bold; padding: 5px 0px 0px 5px; color: #f26976; }
 .spip_form_champ { width: 400px; }
 .spip_form_champ input,
 .spip_form_champ select,
 .spip_form_champ textarea { width: 99%; background: #eee; border: 1px solid #b5b2b0; margin-left: 4px; font-size: 12px; color: #444; }
 .spip_bouton { padding: 0 0 1ex 0; width: 54px; }
 .spip_bouton input { margin: 5px; font-size: 12px; font-weight: bold; border: none; color: #333; padding: 3px 5px; background: #fff; }
 .spip_forms .spip_form_champ .champ_obli_oubli { border: 1px solid #f26976; background-color: #FFEFEF; }
 .spip_forms .spip_form_label_details { display: none; }
 .spip_forms .erreur { color: #f26976; margin-left: 4px; font-size: 11px; padding-top: 1px; }

/* @end */

/* @group Flash Replacement */

div.alt { display: none; }

/* @end */