/* Overal setup */
* { margin:0; padding:0; }
body { background:#b3ccd7 url(images/main_background.jpg) top center no-repeat; color:#3c3c3c; font:12px, helvetica, arial, Sans-serif; }
a   { color:#969696;text-decoration:none;outline:0; }
a:hover { color:#98deff; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 16px helvetica, arial, Sans-serif;color:#409eff;text-transform:capitalize;border-bottom: 1px solid #409eff; }
h4  { font-size:12px; }
h4 a {color:#3c3c3c;}
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px helvetica, arial, Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }

/* navigation */
ul.topnav   { list-style:none;text-align:left; }
.topnav li   { float:left;margin: 0; }
.topnav li a  { font:11px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 15px;text-transform:uppercase; }        
.topnav li a:hover   { color:#409EFF !important; }
.topnav li.rss   { float:right;display:block; width: 60px;background:transparent url(images/rss.png) no-repeat 130% 0; }
.topnav li.rss a { color: #eee; }
.topnav li.rss a:hover   { background: transparent;color:#a0410d !important; }

/* header */
#header { width:950px;margin:0 auto;padding:1em 0 160px 0; }
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { display:block; margin:0 auto;width:950px;padding:10px;text-align:left;background:url(images/px.jpg); }
.main { width: 490px;margin:0;padding:0;float:left;overflow: hidden; }
.main2 { width: 720px;margin:0;padding:0;float:left;overflow: hidden; }


/*grostitre*/

.grostitre1 {margin-bottom:0px;display:block;height:50px;overflow:hidden;width:690px;float:left;padding:10px;background-color:#ffffff;color:#3c3c3c;font:20px  helvetica, arial, Sans-serif;font-weight:normal;line-height:22px;text-transform:uppercase;}
.grostitre2 {margin-bottom:0px;display:block;height:70px;overflow:hidden;float:right;width:210px;padding:10px;background-color:#ffffff;color:#3c3c3c;font:15px helvetica, arial, Sans-serif;font-style:normal;line-height:20px;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: -1px;}
.grostitre3 {margin-bottom:10px;display:block;height:45px;overflow:hidden;width:690px;float:left;padding:10px;background-color:#ffffff;color:#969696;font:19px helvetica, arial, Sans-serif;font-weight:normal;line-height:22px;}
.grostitre4 {margin-bottom:10px;display:block;height:25px;overflow:hidden;float:right;width:210px;padding:10px;background-color:#ffffff;color:#969696;font:16px helvetica, arial, Sans-serif;font-style:normal;line-height:20px;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: -1px;}

.grostitre2 a {color:#3c3c3c;}
.grostitre2 a:hover {border-bottom:1px solid #3c3c3c;}
.grostitre4 a:hover  {color:#969696;border-bottom:1px solid #969696;}

/* thumnail covers */
.thumb { background: #222 url(images/thumb.png); display: block; width: 235px; overflow: hidden; height: 150px; margin: 0 10px 10px 0; position: relative; }
.thumb-title { margin-bottom:5px;background:#ffffff;color:#98DEFF;bottom:0;right:0;display:block;position:absolute;padding:4px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
.thumb-title:hover { background:#98DEFF ; }
.thumb-title h2 { margin: 0; line-height: 1.4em; }
.thumb-title h2 a { font:11px helvetica, arial, Sans-serif;display:block;color:#aaa;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color: #ffffff;text-decoration: underline;}



/* Ancillary */
#ancillary  { margin:0;padding:0;height:150px;}
#ancillary .flickr { padding: 3px 2px; background: #ffffff; overflow: hidden; height:70px;}
#ancillary .flickr img  { margin:10px 10px; width:45px;height:45px;display:block;float:left; }
#ancillary .flickr a img  { border:4px solid #ffffff; }
#ancillary .flickr a:hover img  { border:4px solid #98DEFF; }
#ancillary .sponsor { font:10px helvetica, arial, Sans-serif;padding:0 0px 0px 15px; background: #ffffff; overflow: hidden; height:70px;}
#ancillary .sponsor img{ display:block;float:left;padding-right:10px;padding-top:10px;}



/* single page */
.post.single { width:710px; padding:0px; margin-right:10px; margin-bottom:10px;background-color:#ffffff;line-height:18px; }
.post.single h2 {font-weight:bold;}
.post.single h2 a {border-bottom:1px solid #409eff;}
.post.single h2, .post.single h2 a { font:25px helvetica, arial, Sans-serif;text-transform:uppercase;letter-spacing:-1px;line-height:1.4em;padding-top:5px;margin-bottom:10px;color:#409eff;margin-left:5px;}
.post.single .entry { float:left;padding-left:10px;padding-bottom:25px; margin-bottom:5px;}
.post .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }  /*//////// SMILEY ////////*/
.post .entry img,.entry a img { border:0px solid #999; }
.post .entry a:hover img { border-color:##98deff;}
.post.single h3 { font-size: 12px;font-weight:bold; color: #6199dc; display:inline; }
.post.single p { margin: 0 0 10px 0;margin-right:0px;font:12px helvetica, arial, Sans-serif;line-height:18px; }
.post.single p a,.post.single li a { color:#409eff; }
.post.single p a:hover { color:#ddd; }
.post.single p strong { font:30px helvetica, arial, Sans-serif;font-weight:bold;color:#409eff;margin-bottom:5px;padding-bottom:5px;line-height:31px;}
.post.single p em { font-style: normal;margin-bottom:10px;line-height:20px;background:#ffffff;color:#409eff;font-size:16px;border-bottom:1px dotted #98deff;}
.post.single a { color:#a9a393; }
.post.single a:hover { color:#ddd; }
.post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
.post.single ul, .post.single ol { margin: 0em; }
.post.single ul li, .post.single ol li { margin: 0 0 5px 0;margin-right:0px;line-height:16px;font:12px helvetica, arial, Sans-serif; }


/* twitter */
#twitter #twitter_update_list { color:#3c3c3c; line-height:1.4em; padding: 5px;font-size:12px; }
#twitter #twitter_update_list a { color:#969696;padding:0;margin-bottom:10px;display: block;}
#twitter #twitter_update_list a:hover  { color:#98deff;padding:0;margin-bottom:10px; }


/* sidebar related */
#sidebarwrapper  { margin-bottom:10px;padding:0;float:left;color: #3c3c3c; }

#left-sidebar { color:#ffffff;float:left;margin-bottom:10px;width:220px;padding:5px;background-color:#ffffff;font:11px helvetica, arial, Sans-serif;font-size:11px;height:455px;}
#left-sidebar h3 {padding:3px; background: #ffffff;display: inline; color: #409eff; }
#left-sidebar a em { font-style: normal;margin-left:5px;margin-bottom:10px;line-height:20px;background:#ffffff;color:#409eff;font-size:13px;border-bottom:1px dotted #98deff;}
#left-sidebar a:hover em{ font-style: normal;margin-left:5px;margin-bottom:10px;line-height:20px;background:#ffffff;color:#409eff;font-size:13px;border-bottom:1px dotted #98deff;}
#left-sidebar p { color:#3c3c3c;text-decoration:none;font-style:normal;margin-bottom:5px;border-bottom:0px solid #98deff; }
#left-sidebar ul { list-style:none;margin:8px 0 4px; color:#3c3c3c; line-height:1.4em; padding: 5px; font-size:12px; }
#left-sidebar ul a { list-style:none;margin:8px 0 4px; color:#3c3c3c; line-height:1.4em; font-size:12px;border-bottom:1px solid #98deff; }
#left-sidebar ul a:hover { list-style:none;margin:8px 0 4px; color:#98deff; line-height:1.4em; font-size:12px;border-bottom:1px solid #98deff; }
#left-sidebar ul strong {border-bottom:1px dotted #98DEFF;color:#409EFF;font-size:12px;line-height:1.4em;margin-bottom:10px;margin-left:0px;}
#left-sidebar ul em {color:#98deff; line-height:1.4em; padding-top:5px;margin-top:5px; font-size:14px;font-weight:bold;text-decoration:capitalize;font-style:normal;}

.categories { padding: 0; color: #666; }
.categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; }
.categories li a { color: #999; text-decoration:none;  }
.categories li a:hover { color:#eee;text-decoration: none; }

.recent-posts { padding: 10px 0; }
.recent-posts ul { margin: 0px; padding: 0; }
.recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none;  }
.recent-posts li a { text-decoration:none; }
.recent-posts li a:hover { text-decoration:none;  }

#right-sidebar { color:#ffffff;float:left;width:210px;margin-right:10px;margin-bottom:10px;padding:5px;font:11px helvetica, arial, Sans-serif;font-size:11px;background-color:#ffffff;height:455px;}
#right-sidebar h3 {padding:4px; background: #ffffff;display: inline; color: #409EFF; }
#right-sidebar p { color:#3c3c3c; padding-bottom:10px;}
#right-sidebar p strong{ color:#98deff; padding-bottom:10px;}
#right-sidebar a { color:#3c3c3c;text-decoration:none;font-style:normal;margin-bottom:5px;border-bottom:1px solid #98deff; }
#right-sidebar a:hover { color:#fff;font-style:normal;margin-bottom:5px;border-bottom:1px solid #98deff;}
#right-sidebar ul { list-style:none;margin:8px 0 4px;}


/* footer */
#footer { color:#ffffff; font-size:9px;line-height:1.4em; padding:0;margin:0 auto;height:40px;clear:both;width:950px;text-align:right; }
#footer a { font-weight: bold;color:#969696; }
#footer a:hover { color:#409eff; }
#footer img { display: none; }


a.main:hover{
    background:none;
}
*/

/* CSS du menu horizontal, thanks bieler batiste */

.menu{
    position:absolute;
    z-index:10;
    display:block;
    margin:1px;
    width:950px;
    background:#b3ccd7;
    font-weight:normal;
    font:11px helvetica, arial, Sans-serif;
    color: #ffffff;
    padding:3px 12px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:100px;
    /*margin:0;*/
    padding:3px 12px;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-20px;
    }
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }

.menu1 li, .menu2 li, .menu3 li, .menu4 li, .menu5 li{
    list-style:none;
    width:100px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu li a{
    text-align:left;
    background-color: #b3ccd7;
    color:#ffffff;
    display:block;
    text-decoration:none;
    padding:3px 12px;
    margin-left:5px;
    margin-right:5px;
    width:auto;
    font:11px helvetica, arial, Sans-serif;
    }

.menu li li a{
    text-align:left;
    background-color: #b3ccd7;
    color:#ffffff;
    display:block;
    text-decoration:none;
    padding:3px 12px;
    margin-left:5px;
    margin-right:5px;
    width:100px;
    font:11px helvetica, arial, Sans-serif;
    }
    
.menu li li a:hover{
    text-align:left;
    background-color: #b3ccd7;
    color:#ffffff;
    display:block;
    width:100px;
    text-decoration:none;
    padding:3px 12px;
    text-decoration:underline;
    font:11px helvetica, arial, Sans-serif;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #b3ccd7;
}

a.linkOver{
    background-color: #b3ccd7;
    }