/*****Reset*****/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
li, form, a, fieldset, input, textarea, label { color: #000; margin: 0; padding: 0; font-family: verdana, arial, sans-serif; border: 0; outline: none; list-style: none; text-decoration: none; background: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/*****Basic Elements*****/
html { overflow: auto; }
body { background: #fff; }
#wrapper { width: 950px; margin: auto; padding: 2px 0 0; }
/*****Generic Classes*****/
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
a { font-weight: bold; color: #385970; }
a:hover { color: #497b9e; }
/* ------ HEADER ------ */
#header { font-family: Verdana; margin: 6px auto 4px; padding: 0; height: 138px; width: 991px; background: url(images/nav/headerBg.png); position: relative; z-index: 2; }
#header h1, #header h2 { text-indent: -9999px; position: absolute; }
#header a#logo { float: left; margin: 12px 0 0 16px; }
/* -- Nav -- */
#header ul { margin: 0; padding: 0; }
#header ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#header ul li a, li.separateur { display: block; float: right; }
/* -- Top-link -- */
ul#header-top-link { padding: 9px 16px 0 0; font-size: 10px; }
ul#header-top-link li.separateur { margin: 0 2px 0 4px; color: #e2e4e6; }
ul#header-top-link li a { color: #e2e4e6; margin-left: 3px; padding: 0 0 2px; font-weight: bold; text-decoration: underline; }
ul#header-top-link li a:hover { color:#e47648; }
/* -- Main Nav -- */
ul#header-main-nav { position: absolute; top: 98px; left: 141px; }
ul#header-main-nav li a { height: 36px; text-indent: -9999px; float: left; margin-right: 1px; background-position: top center; background-repeat: no-repeat; }
ul#header-main-nav li a:hover, ul#header-main-nav li a.active { background-position: bottom center; }
ul#header-main-nav li a:focus, #header a#logo:focus { -moz-outline-style: none; }
li a#accueil { width: 91px; background: url(images/nav/accueil.png); }
li a#societe { width: 92px; background: url(images/nav/societe.png); }
li a#produits { width: 107px; background: url(images/nav/produits.png); }
li a#abonner { width: 122px; background: url(images/nav/abonner.png); }
li a#partenaires { width: 133px; background: url(images/nav/partenaires.png); }
li a#blog { width: 67px; background: url(images/nav/blog.png); }
li a#demo-en-ligne { width: 121px; background: url(images/nav/demoenligne.png); }
li a#essayer { width: 105px; background: url(images/nav/essayer.png); }
/* -- Main Nav > Sub menu -- */
ul#header-main-nav > li:hover ul { display: block; }
ul#subMenu { display: none; padding: 0 13px 0; background: #feb542 url(images/nav/bgShadowSubMainNav.png) top left repeat-x; position: absolute; top: 36px; border: 1px solid #d38101; border-width: 0 1px 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
ul#subMenu.soc { left: 91px; }
ul#subMenu.prod { left: 184px; }
ul#subMenu.abo { left: 292px; }
ul#subMenu.part { left: 415px; }
ul#subMenu li a { display: block; float: none; height: inherit; margin: 0; text-indent: 0; border-top: 1px solid #fec771; border-bottom: 1px solid #f59a0a; padding: 9px 2px; font-family: arial; font-weight: inherit; font-size: 12px; text-decoration: none; color: #30436f; }
ul#subMenu li a:hover, ul#subMenu li a.subActive { color: #fff; }
ul#subMenu li a.first { border-top: 0; margin: 2px 0 0; }
ul#subMenu li a.last { border-bottom: 0; }
/*****Content*****/
.shadow { background: url(images/post_bottom-right_shadow.png) no-repeat bottom right; position: relative; }
.right_top_shadow { width: 9px; min-height: 100%; background: url(images/post_right_shadow.png) repeat-y top left; position: absolute; top: 0; right: 0; }
.bottom_shadow { height: 20px; margin: 0 0 5px 76px; padding: -3px 0 0; width: 631px; background: url(images/post_bottom_shadow.png) no-repeat top left; }
.post { float: left; width: 707px; }
.post .date { padding: 2px 5px; float: left; background-color: #7eaccc; font-size: 15px; font-weight: bold; border: 1px dashed #4b738f; width: 44px; text-align: center; }
.post .date p.jour, .post .date p.month { color: #385970; }
.post .date p.year { color: #eee; }
.post-content { background-color: #e8f2f9; float: left; width: 590px; margin: 0 0 0 20px; border: 1px solid #4b738e; padding: 13px 15px 0; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post-content h2 a, .post-content h3 a { font-family: arial; color: #355a7a; float: left; background: url(images/fade.png) repeat-y top left; padding: 6px 10px; font-size: 17px; margin: 0 0 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.post-content h2 a:hover, .post-content h3 a:hover { color: #000; }
.post-content p { padding: 0 0 10px; }
.post-content p.post-meta { font-size: 11px; color: #385970; margin: 10px 0 0; }
.post-content p.post-meta span { border-bottom: 1px dotted #82afcf; }
#sidebar { float: right; width: 233px; padding: 0; font-size: 13px; }
#sidebar h2 { background-color: #f29400; padding: 10px; border: 1px solid #dc8701; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
#sidebar li a { background-color: #6b9cbf; padding: 8px 25px; display: block; border-top: 1px solid #82afcf; border-bottom: 1px solid #5787a9; border-left: 1px solid #5787a9; border-right: 1px solid #5787a9; }
#sidebar li a:hover { background-color: #5787a9; color: #82afcf; }
ul.selection_article { float: left; width: 698px; position: relative; }
ul.selection_article li a { display: block; color: #385970; padding: 6px 10px; background-color: #6b9cbf; border: 1px solid #5787a9; cursor: pointer; font-size: 15px; font-weight: bold; margin: 0 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul.selection_article li.right { float: right; }
ul.selection_article li.left { margin: 0 0 0 76px; }
ul.selection_article li a:hover { background-color: #5787a9; color: #82afcf; }
h2.category { font-family: arial; font-size: 18px; float: left; margin: 0 0 10px 76px; background-color: #f29400; padding: 6px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
span.more { color: #eee; margin: 5px 0 3px; display: block; padding: 4px 6px; background-color: #6b9cbf; border: 1px dashed #4b738f; float: left; -moz-border-radius: 2px; -webkit-border-radius: 3px; }
span.more:hover { background-color: #5787a9; border: 1px dashed #82afcf; }
/*****Commentaires*****/
#commentaires { border: 1px solid #a9c9de; background-color: #dce9f1; margin: 0 10px 10px 0; padding: 13px 15px; float: right; width: 590px; font-size: 12px; }
p.comment_intro { font-size: 13px; }
h3#comments { color: #6287bb; margin: 0 0 25px; }
h3#comments span.nb_comment { color: #385987; }
.info_comment { padding: 0 5px 5px; border-bottom: 1px dashed #a9c9de; }
p.auteur_comment { float: left; color: #6287bb; font-weight: bold; }
span.auteur { color: #385987; }
p.comment_meta a { float: right; font-size: 12px; color: #a9c9de; }
.comment_content { background-color: #e8f0f5; border-bottom: 1px dashed #a9c9de; padding: 10px 12px; margin: 0 0 20px; }
.comment_content p { color: #7e7e7e; }
h3#respond { color: #385987; font-weight: bold; margin: 35px 0 15px; }
p.login { margin: 0 0 8px; }
label { float: left; padding: 7px 0 0 7px; color: #7e7e7e; font-weight: bold; }
input#author, input#email, input#url { float: left; width: 250px; display: block; margin: 0 0 15px; padding: 6px 8px; border: 1px solid #a9c9de; background-color: #e8f0f5; font-size: 15px; color: #a9c9de; }
textarea { width: 572px; margin: 0 0 15px; padding: 6px 8px; border: 1px solid #a9c9de; background-color: #e8f0f5; font-size: 12px; color: #7e7e7e; font-weight: bold; }
input#author:focus, input#email:focus, input#url:focus, textarea:focus { background-color: #f4f8fa; }
input#submit { display: block; padding: 6px 8px; border: 1px solid #dc8701; background-color: #f29400; font-size: 15px; color: #385987; font-weight: bold; }
input#submit:hover { cursor: pointer; }
/* ------ FOOTER ------ */
#footer { text-align:center; color:#adadad; font-size:10px; margin: 0 0 5px; }
#footer a { text-decoration:underline; color: #adadad; font-weight: normal; }
#footer a:hover { text-decoration:none; color:#E47648; }