/* CSS Document */
ul.commonleftnav{list-style:none; display:block; padding:5px 5px 0px 5px; font:normal 12px Arial;}
ul.commonleftnav li{border-bottom:1px solid #e5e4dc;}
ul.commonleftnav li.last{border-bottom:none;}
ul.commonleftnav li a.notactive{display:block; padding:8px 0px 8px 8px; color:#161616 !important; text-decoration:none !important; background-color:transparent;}
ul.commonleftnav li a.notactive:hover{color:#ffffff !important; background-color:#ff2b8d;}
ul.commonleftnav li a.active{display:block; color:#161616 !important; text-decoration:none !important; background-color:#eae8e8;}
ul.commonleftnav li a.active:hover{color:#ffffff !important; background-color:#ff2b8d;}

ul.commonleftnav li a span { padding-left:3px;color:#5077DF;}

.subblogmenu {padding:8px 0 8px 30px !important;}
.composemessage {background:url("http://img.aujourdhui.com/inc/icon_compose.png") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogicon {background:url("http://img.aujourdhui.com/inc/icon_blog.png") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogamiesicon {background:url("http://img.aujourdhui.com/inc/icon_blog_amies.png") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogtag {background:url("http://img.aujourdhui.com/inc/icon_tagcloud.png") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogcomment {background:url("http://img.aujourdhui.com/inc/icon_comment.png") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogamies {background:url("http://img.aujourdhui.com/ui/friends-icon-18.gif") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}
.blogphotos {background:url("http://img.aujourdhui.com/ui/photos-icon-18.gif") no-repeat scroll left center transparent; padding:8px 0 8px 22px !important;}

.commentaire {background:url("http://img.aujourdhui.com/inc/icon_comment.png") no-repeat scroll left center transparent; padding:3px 0 3px 22px !important; color:#3375BB !important;}
.date{color:#6B6361 !important;}
.rss {background:url("http://img.aujourdhui.com/inc/icon_rss.png") no-repeat scroll left center transparent; padding:3px 0 3px 22px !important; color:#3375BB !important;}
.tag {background:url("http://img.aujourdhui.com/inc/icon_tagcloud.png") no-repeat scroll left center transparent; padding:3px 0 3px 22px !important; color:#000000 !important;}
/*
.tag1 {color:#3375BB !important; font: normal 12px arial !important;}
.tag2 {color:#3375BB !important; font: normal 15px arial !important;}
.tag3 {color:#3375BB !important; font: normal 18px arial !important;}
.tag4 {color:#3375BB !important; font: normal 20px arial !important;}
.tag5 {color:#3375BB !important; font: normal 22px arial !important;}
*/
.blogtitle {font: bold 20px arial !important;}
a.blogtitle {font: bold 20px arial !important; color:#161616 !important;}
a.blogtitle:hover {font: bold 20px arial !important; color:#5077DF !important;}

ul.blogs-300{position:relative; list-style:none; margin:0; padding:0; background-color:#f2f2f3;}
ul.blogs-300 li{position:relative; padding:5px; margin:0; display:block;  border-bottom:1px solid #ffffff;}
ul.blogs-300 li a.x{z-index:100; position:absolute; top:5px; right:5px; width:12px; height:12px; overflow:hidden;  background:transparent url(http://img.aujourdhui.com/profile/close-small.png) no-repeat 0 0;  text-indent:-9999px;}
ul.blogs-300 li a.x:hover {background-position:0 -12px; }
ul.blogs-300 li .smiley{float:left; margin:5px 0 5px 5px; width:30px; text-align:center; display:inline;} 
ul.blogs-300 li div.top5_number{display:inline-block;width:50px;line-height:50px;float:left;text-align:center;background:#d2d2d2;color:#FFF;font-size:36px;font-weight:bold;margin:5px; padding:0px;}

ul.blogs-300 li .smiley img{border:none;}
ul.blogs-300 li .smiley table{width:25px; height:25px; border-collapse:collapse;}
ul.blogs-300 li .smiley table td{width:25px; height:25px; padding:0; vertical-align:middle; text-align:center;}
ul.blogs-300 li .pic{float:left; margin:5px 0 5px 5px; width:60px; text-align:center; display:inline;}
ul.blogs-300 li .pic img{border:none;}
ul.blogs-300 li .pic table{width:60px; height:60px; border-collapse:collapse;}
ul.blogs-300 li .pic table td{width:60px; height:60px; padding:0; vertical-align:top; text-align:center;}
ul.blogs-300 li .friend-info{float:left; margin:5px 0 0 0px; width:220px; display:inline;}
ul.blogs-300 li .friend-info2{float:left; margin:5px 0 0 0px; width:250px; display:inline;}
ul.blogs-300 li p{margin:0; padding:0px 5px; }
ul.blogs-300 li .checkbox{float:left; margin:5px 0 5px 5px; width:15px; text-align:center; display:inline;}


a.articletitle{font: bold 12px arial !important; padding:0px !important; margin:0; color:#DD3889 !important;}

div#blog-content p{margin:0 0 12px 0; padding:0; line-height:18px;}
div#blog-content ul{position:relative; list-style:disc; margin:0; padding:0;}
/*div#blog-content ul li{position:relative; padding:0px; margin:0; display:block;  border-bottom:1px solid #ffffff;}*/
div#blog-content ul li h2{font:bold 26px arial; line-height: 28px; color:#453B3C;}/*margin:10px 0px 2px 0px;*/
div#blog-content ul li h2 a{font:bold 26px arial; text-decoration:none; color:#453B3C;}
div#blog-content ul li h2 a:hover{text-decoration:underline;color:#5077DF;}
div#blog-content ul li h3{font:bold 14px arial; line-height: 25px; color:#453B3C; margin:0px; width: 400px;}
div#blog-content ul li h3 a{font:bold 14px arial; text-decoration:none; color:#453B3C;}
div#blog-content ul li h3 a:hover{text-decoration:underline;color:#5077DF;}
div#blog-content ul li div.smiley{float:left; margin:15px 0px 0px 0px; width:30px; height:30px;}
div#blog-content ul li div.top5_number{display:inline-block;width:50px;line-height:50px;float:left;text-align:center;background:#DDD;color:#FFF;font-size:36px;font-weight:bold;margin-right:2px;padding-top:2px;}
div#blog-content ul li div.comment{border-bottom:1px solid #e5e4dc; background:#F5F5F5; padding: 5px;}
div#blog-content ul li div.comment span{font-weight:bold;}
div#blog-content ul li a.x{z-index:100; position:absolute; top:5px; right:5px; width:21px; height:21px; overflow:hidden;  background:transparent url(http://img.aujourdhui.com/profile/close.png) no-repeat 0 0;  text-indent:-9999px;}
div#blog-content ul li a.x:hover {background:transparent url(http://img.aujourdhui.com/profile/close.png) no-repeat 0 -21px; }

div.right{float:right; color:#6B6361;}
div.date{color:#6B6361; font:normal 11px arial; line-height:13px; padding:0px; margin:0px 0px 5px 0px;}
span.datesmall{color:#6B6361; font:normal 11px arial; line-height:13px; padding:0px; margin:0px 0px 5px 0px;}

table td.action{position:relative; padding:0px; margin:0 0 8px 0; display:block;}
table td.action a.x{z-index:100; position:absolute; line-height: 50px; top:8px; right:8px; width:10px; height:11px; overflow:hidden;  background:transparent url(http://img.aujourdhui.com/inc/close_small.png) no-repeat 0 0;  text-indent:-9999px;}
table td.action a.x:hover {background:transparent url(http://img.aujourdhui.com/inc/close_small.png) no-repeat 0 -11px; }
div.commonPageNav p.pagesLabel2{position:absolute; left:0px; top:12px; font:bold 12px Arial; color:#000;}
div.commonPageNav p.pagesLabel2 span{position:relative; left:8px; top:0px; font:bold 12px Arial; color:#000;}
div.commonPageNav p.pagesLabel2 span.text{position:relative; left:20px; top:-5px; font:bold 12px Arial; color:#000;}
div.commentbox{padding:10px; border:solid 1px #cccccc; margin-top:5px;}
div.commentfunctions{margin:5px 0px; padding:0px; height:30px;}


div#zoomsur{position:relative; margin:5px 0px; }
table.zoom{width:300px; display:block; border-bottom:1px solid #ff2b8d;}
table.zoom a{display:block; padding:5px 0px; font:bold 12px Arial!important; background-color:#ececec!important; color:#7d7d7d!important; text-decoration:none!important; text-align:center!important;}
table.zoom a:hover, table.zoom a.active{background-color:#ff2b8d!important; color:#ffffff!important; text-decoration:none!important;}

.commentsubmit{-moz-border-radius:5px; -webkit-border-radius:5px; font:bold 12px Arial !important; margin:10px auto !important; padding:5px 10px !important; background:url(http://img.aujourdhui.com/profile/ajouterbg.gif) repeat-x left center; text-decoration:none; color:#ffffff !important; border:none;}
.commentsubmit:hover{text-decoration:none !important;}
.commentsubmit:active{background-image:none; background-color:#d8307d}

a.view-message{padding:3px 3px 3px 24px !important; margin:0; background:url(http://img.aujourdhui.com/profile/action-sendmessage.gif) no-repeat left center;}
a.view-blog{padding:3px 3px 3px 24px !important; margin:0; background:url(http://img.aujourdhui.com/inc/action-viewblog.gif) no-repeat left center;}
a.action-respond{padding:3px 3px 3px 24px !important; margin:0; background:url(http://img.aujourdhui.com/inc/action-respond.gif) no-repeat left center;}

/*tags page*/
ul.tag-list{list-style:none; margin:0; padding:10px 10px 20px 20px}
ul.tag-list li{position:relative; clear:both;  font:normal 12px Arial; color:#161616; line-height:16px; margin:0; padding:0;}
ul.tag-list li.odd{background-color:#f9f9f9;}
ul.tag-list li label{float:left; font:normal 12px Arial; display:block; width:20px; color:#6a6a6a; line-height:25px; margin:0px; padding:3px;}
ul.tag-list li span{float:left; display:block; width:162px; padding:3px; margin:0px; line-height:25px; text-indent:15px;} 
ul.tag-list li a{color:#5077df;}
ul.tag-list li a:hover{text-decoration:underline;}

ul.tag-list li span.action a.x{z-index:100; position:absolute; line-height: 25px; top:10px; right:5px; width:10px; height:11px; overflow:hidden;  background:transparent url(http://img.aujourdhui.com/inc/close_small.png) no-repeat 0 0;  text-indent:-9999px;}
ul.tag-list li span.action a.x:hover {background:transparent url(http://img.aujourdhui.com/inc/close_small.png) no-repeat 0 -11px; }


ul.archive{list-style: disc inside; margin:0; padding:5px;}
ul.archive li{font:normal 12px Arial; color:#161616; padding:2px 3px 3px 2px; margin:0px 0 5px 0; line-height:16px;}
ul.archive li a{color:#5077df !important; text-decoration:none;}

div.insert2{height:16px; position:absolute; left: 50px; top: -3px;}
div.insert2 a.the-help{position:absolute; margin-left:5px; display:block; width:16px; height:16px; text-decoration:none; cursor:help;}
div.insert2 a.the-help div{z-index:9999; display:none; padding:10px; position:absolute; top:0px; left:5px; width:200px; background:#fff; border:1px solid #dd3889; text-decoration:none; color:#333333;}
div.insert2 a.the-help:hover{text-decoration:none !important;}
div.insert2 a.the-help:hover div{display:block; text-decoration:none !important;}

div.insert3{height:16px; position:absolute; left: 50px; top: 2px;}
div.insert3 a.the-help{position:absolute; margin-left:5px; display:block; width:16px; height:16px; text-decoration:none; cursor:help;}
div.insert3 a.the-help div{z-index:9999; display:none; padding:10px; position:absolute; top:0px; left:5px; width:200px; background:#fff; border:1px solid #dd3889; text-decoration:none; color:#333333;}
div.insert3 a.the-help:hover{text-decoration:none !important;}
div.insert3 a.the-help:hover div{display:block; text-decoration:none !important;}

div.diagram-blog{position:relative; width:610px; height:662px; margin:0px auto;}
div.diagram-blog img.blog-full{position:relative;  width:610px; height:762px; display:block;}
div.diagram-blog span{ font:bold 13px Arial; line-height:16px; color:#6b625b;}
div.diagram-blog span.markleft{position:absolute; padding-right:75px;  text-align:right;background:url(http://img.aujourdhui.com/profile/profile-tour-arrowright.gif) no-repeat right center;}
div.diagram-blog span.markright{position:absolute; padding-left:75px; text-align:left; background:url(http://img.aujourdhui.com/profile/profile-tour-arrowleft.gif) no-repeat left center;} 

div.diagram-blog .tag1{top:70px; left:-145px;}
div.diagram-blog .tag2{top:145px;  left:-161px;}
div.diagram-blog .tag3{top:164px;  left:-179px;}
div.diagram-blog .tag4{top:185px;  left:-159px;}
div.diagram-blog .tag5{top:208px; left:-170px;}
div.diagram-blog .tag6{top:250px; left:-138px;}
div.diagram-blog .tag7{top:390px; left:-142px;}

div.diagram-blog .tag8{top:80px; right:-173px;}
div.diagram-blog .tag9{top:270px; right:-135px;}
div.diagram-blog .tag10{top:495px; right:-158px;} 
div.diagram-blog .tag11{top:575px; right:-157px;}
div.diagram-blog .tag12{top:35px; right:-135px;}

/*ckeditor display css*/
span.marker{background-color:Yellow;}