/* layout
///////////////////////////////////////////////////////////////////////////////////////////////*/
html, body
    {margin:0;padding:0;}
    
body
    {
	color:#FF0000;
	background:#fff url(../img/bg_body.jpg) repeat-x top;
	font-size:16px;
	line-height:1.5em;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container
    {background:url(../img/bg_content.jpg) no-repeat top left;width:930px;height:auto;margin:0 auto;}
    
#main
    {color:#666;float:left;background:#fff url(../img/bg_sidebar.jpg) repeat-y left;width:100%;}
    
#content
    {color:#666;margin:0;padding:0;width:616px;float:right;background-color:#fff;}
    
#header
    {float:right;height:450px;width:620px;text-align:left;}
    
#options
    {float:left;width:300px;height:auto;margin:0;padding:20px 0 0 0px;background:#fff url(../img/bg_sidebar.jpg) repeat-y left;text-align:left;}
    
#bgprefooter
    {width:100%;margin:0 auto;text-align:center;padding:0;height:320px;background:#B0B0B0 url(../img/bg_bgprefooter.jpg) repeat-x top;clear:left;}
    
#prefooter
    {width:930px;margin:0 auto;padding:0;height:320px;background: url(../img/bg_prefooter.jpg) no-repeat top left;color:#FFF;font-size:10px;clear:left;text-align:left;}
    
#footer
    {height:52px;width:100%;margin:0;padding:0;background: url(../img/bg_footer.jpg) repeat-x bottom;color:#FFF;font-size:10px;text-align:center;clear:left;}
    
/* Les éléments HTML en général
///////////////////////////////////////////////////////////////////////////////////////////////*/
h1, h2, h3, h4, h5, h6
    {font-family:"Times New Roman", Times, serif;}
    
h1
    {font-size:1.5em;}
    
h2
    {font-size:1.4em;}
    
h3
    {font-size:1.3em;}
    
h4
    {font-size:1.2em;}
    
h5
    {font-size:1.1em;}
    
h6
    {font-size:1em;}
    
img
    {border:0;}
    
img.middle
    {vertical-align:middle;}
    
pre, code
    {font-size:1.2em;}
    
pre
    {width:100%;overflow:auto;border:1px solid #CCC;}
    
a
    {font-size:11px;color:#D00;text-decoration:none;cursor:pointer;}
    
ul, li
    {list-style:none;}
    
.left
    {float:left;margin-right:1em;}
    
.right
    {float:right;margin-left:1em;}
    
p.center
    {margin:auto;text-align:center;}
    
/* Header
///////////////////////////////////////////////////////////////////////////////////////////////*/
#header h1
    {float:left;display:block;font-size:24px;margin:5px 0 0 0 !important;margin: 7px 0 0 0;padding:30px 0 0 20px;height:80px;color:#E9E9E9;}
    
#header h1 strong
    {float:left;font-size:34px;color:#FFF;margin:-4px 10px 0 0;}
    
#header h1 span.extend
    {font-size:10px;font-weight:normal;color:#FFF;font-family:verdana;float:left;}
    
#header a img#logo
    {text-decoration:none;border:none;margin:28px 0 0 6px;}

/* menu */
#header ul
    {float:right;margin:0;padding:15px 0 0 0;width:620px;display:inline;}
    
#header li
    {float:left;margin:0;padding:0;display:inline;}
    
#header li a
    {float:left;width:152px; height:173px;}
    
#header li a:hover
    {background:none;}
    
#blog
    {background:url(../img/bt_weblog_over.jpg) no-repeat;}
    
#blog a
    {background:url(../img/bt_weblog.jpg) no-repeat;}
    
#photo
    {background:url(../img/bt_photo_over.jpg) no-repeat;}
    
#photo a
    {background:url(../img/bt_photo.jpg) no-repeat;}
    
#webdesign
    {background:url(../img/bt_webdesign_over.jpg) no-repeat;}
    
#webdesign a
    {background:url(../img/bt_webdesign.jpg) no-repeat;}
    
#whois
    {background:url(../img/bt_about.jpg) no-repeat;}
    
#whois a
    {background:url(../img/bt_about.jpg) no-repeat;}
    
/* Content
///////////////////////////////////////////////////////////////////////////////////////////////*/
.day-date
    {padding-left:20px;margin-left:0;color:#888;background:transparent url(../img/day-date.png) no-repeat left center;font-style:italic;font-size:0.7em;}
    
.post, .post2
    {clear:both;width:616px;height:225px;margin:20px 0 30px 0;padding:0;text-align:left;background:url(../img/bg_post.gif) no-repeat top left;}
    
p.date
    {font-family:trebuchet ms;text-align:center;margin:0;padding:7px 0 0 13px;display:block;width:47px;height:58px;float:left;color:white;font-weight:bold;font-size:12px;line-height:16px;}
    
p.date strong
    {font-size:26px;font-family:trebuchet ms;line-height:22px;}
    
.post h2, .post2 h2
    {float:left;margin:0;padding:15px 0 5px 10px;width:540px;}
    
.post h2 a, .post2 h2 /* Titre Billet */
    {color:#D00;font-size:24px;font-family: "Times New Roman", Times, serif;text-decoration: none;}
    
.post h2 a:hover /* Titre Billet en rollover  */
    {color:#777;text-decoration:none;}
    
.post-info
    {float:left;color:#999;font-size:11px;padding-left:10px;}
    
.post-info a
    {color:#999;font-size:11px;}
    
.post h3
    {font-size:18px;font-style:italic;margin:0;padding:0;}
    
.post-content, .post-chapo
    {float:left;padding-left:7px;color:#777;width:617px;}
    
.post-content p, .post-chapo p
    {margin:4px 25px 0 10px;padding:0;line-height:20px;width:auto;text-align:justify;font-size:12px;}
    
.post-chapo p
    {color:#AAA;}
    
.post-content a, .post-contentBis a, .post-chapo a
    {font-size:12px;}
    
.post-content img
    {border:0;vertical-align:top;}
    
.post-content img.thumbb
    {margin:10px 0 0 4px;}
    
/*.post-content a.thumb:hover img
    {filter: alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;}*/
    
.post-content a.thumb img
    {width:110px;height:110px;margin:10px 7px 0 7px;float:left;}
    
.post-content blockquote
    {font-family:Georgia, serif;font-style:italic;}
    
div.post-info-co
    {text-align:center;margin:0;padding:5px 0 0 0;width:610px;color:#999;clear:left;}
    
div.post-info-co a
    {font-size:11px;}
    
div.post-info-co a:hover
    {color:#777;}
    
.nb_combacks
    {font-size:11px;color:#900;}
    
.post2
    {float:left;width:616px;height:auto;margin:15px 0 0 0;padding:0;text-align:left;background:url(../img/bg_post_top.gif) no-repeat top;}
    
.post-contentBis
    {float:left;width:616px;background:url(../img/bg_post_bottom.gif) no-repeat bottom;padding:0 0 20px 0;text-align:center;}
    
.post-contentBis p
    {margin:5px;padding:10px 10px 0 10px;text-align:justify;font-size:12px;line-height:20px;}
    
.post-contentBis img
    {text-align:center;margin:10px;}
    
/* Formulaire
///////////////////////////////////////////////////////////////////////////////////////////////*/
form
    {margin:0;padding:0;}
    
fieldset
    {border:none;margin:0;padding:0;}
    
.block
    {width:150px;}
    
fieldset label
    {
	cursor:pointer;
	color:#D00;
	width:225px;
	margin:0 0 -1px 0;
	color:#336699;
	font-size:1em;
	padding:0;
	height:15px;
	line-height:12px;
}
    
fieldset label.comment
    {
	width:250px !important;
	width:327px;
}
    
fieldset p
    {margin:0;padding:0;clear:left;}
    
fieldset p label
    {display:block;}
    
fieldset input
    {width:200px;}
    
input#c_remember, input#c_commentmail
    {width:auto;border:1px solid #fff;background:#fff;vertical-align:middle;margin:-4px 5px 0 0;padding:0;}
    
label.remember, div.form-options label
    {background:none;border:none;color:#999;font-size:0.9em;padding-top:10px;}
    
div.form-options p label
    {float:left; margin:-17px 0 0 19px !important; margin:-17px 0 0 11px;padding:0;}
    
label.remember
    { margin:0px;}
    
span.form-options
    {float:left;margin:-5px 0 0 0;padding:0;}
    
span.form-options p
    {float:left;margin:0;padding:0;height:15px;}
    
p.form-help
    {font-size:10px;color:#D00;margin:15px 0 0 0;padding:0 0 10px 15px;line-height:12px;float:left;}
    
textarea
    {width:330px;height:150px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
    
#comment-form
    {float:left;width:616px;background:url(../img/bg_post_bottom.gif) no-repeat bottom;padding:25px 0 25px 0;}
    
#comment-form fieldset
    {border:none;padding:0;margin:0 0 0 15px;}
    
#comment-form p
    {font-size:12px;padding:10px 0 5px 0;margin:0;color:#6a757d;}
    
#comment-form label
    {display:block;padding:0 0 2px 0;}
    
#comment-form input.txt, #comment-form textarea
    {color:#999;border:1px solid #FCC;background:#FFF;font-size:1em;padding:3px;}
    
#comment-form .textarea
    {
	position:absolute;
	padding:0;
	margin:0 0 0 253px;
	font-size:1em;
	left: 319px;
	top: 15px;
}
    
#comment-form .checkbox
    {border:none;background:none;padding:0;}
    
#comment-form input:hover, #comment-form textarea:hover
    {
	color:#00CC99;
	border:solid 1px #D00;
	background:#f9e4e2;
	padding:3px;
	font-size:1em;
}
    
#comment-form input:focus, #comment-form textarea:focus
    {color:#FFF;border:solid 1px #D00;background:#D00;padding:3px;font-size:12px;}
    
#comment-form inputIE
    {color:#666;border:solid 1px #e0f4ff;background:#e0f4ff;padding:3px 0;}
    
#comment-form input.submit
    {width:115px;height:25px;margin:0 0 0 255px;padding:0;border:none;background:#fff;float:left;}
    
#back
    {position:absolute;top:30px;margin-left:110px;}
    
#back a, #back a:hover
    {text-decoration:none;background:none;border:none;}
    
#back img
    {width:580px;height:80px;border:none;}
    
/* Commentaires
///////////////////////////////////////////////////////////////////////////////////////////////*/
#comments h3
    {font-family: "Times New Roman", Times, serif;font-size:18px;color:#FAA;margin:0 0 15px 0;padding:15px 0 3px 15px;clear:left;}
    
#comments h3#co
    {font-size:24px;color:#D00;float:left;margin:0;padding:15px 0 0 72px;width:540px;}
    
#comments blockquote
    {padding:0;margin:2px 0 0 15px !important;margin:2px 0 0 7px;color:#999;float:left;width:587px;text-align: left;background:#F7F7F7 url(../img/bg_comment.gif) repeat-x top;font-size:11px;}
    
#comments blockquote p
    {padding:5px 10px;margin:0;clear:left;}
    
#comments
    {margin:20px 0 0 0;padding:0 0 10px 0;font-size:11px;color:#999;float:left;text-align:left;width:616px;	height:auto;background:url(../img/bg_post_top.gif) no-repeat top;}
    
#comments p
    {clear:left;}
    
span.comment-info
    {color:#999;font-size:11px;padding:5px 0 10px 72px;float:left;}
    
p.comment-info, p.comback
    {margin:0 0 0 15px !important;margin:0 0 0 7px;padding:20px 0 0 0;font-size:11px;color:#999;float:left;width: 587px;}
    
p.comment-info a
    {font-weight:bold;text-transform:lowercase;}
    
p.comment-info strong
    {font-size:11px;font-weight:normal;}
    
p.comback
    {color:#D00;padding-left:10px;}
    
#comments blockquote.comback-content /* mes réponses */
    {color:#D00;background:#FFF0F0 url(../img/bg_comback.jpg) repeat-x top;}
    
#comments blockquote.comback-content p a
    {color:#D00;text-decoration:underline;}
    
span.comment-number
    {float:left;}
    
.comment-number a
    {font-size:14px;font-weight:bold;font-family:"Times New Roman", Times, serif;background:#D00;
	color:white;padding:0 4px;margin:0 4px 0 0;}


/* Sidebar
///////////////////////////////////////////////////////////////////////////////////////////////*/

#sidebar
    {margin:0;text-align:right;height:auto;float:left;width:230px;padding:0 0 0 50px;}
    
#sidebar .list ul a:link, #sidebar .list ul a:visited
    {color:#777;font-weight:normal;font-size:11px;letter-spacing:1px;outline:none;text-decoration:none;	font-family:verdana;width:220px;height:auto;float:left;border-top:1px solid #eee;margin:0 !important;margin:0 0 -3px 0;	padding:3px 10px 3px 0;}
    
#sidebar .list ul#listcat a:link, #sidebar .list ul#listcat a:visited
    {font-size:9px;letter-spacing:0;line-height:18px;}

#sidebar .list ul a:hover, #sidebar .list ul a:active
    {color:#FFF;background:#D00;float:left;}
    
#sidebar .list ul a:active
    {color:#000;background:#FFF;}

#sidebar .list ul
    {float:left;list-style:none;margin:0;padding:0;width:230px;height:auto;background:#fafafa /*url(http://www.macaroondesign.com/themes/macaroonv2/img/bg_sidebar_ul.gif) no-repeat bottom*/;border-bottom:7px solid #aeaeae;}
    
#sidebar .list ul li
    {clear:left;list-style:none;width:230px;margin:0;padding:0;}
    
#sidebar h3
    {padding:4px 10px;margin:0;font-weight:bold;cursor:pointer;clear:both;}
    
#sidebar h3 a:link, #sidebar h3 a:visited, #sidebar h3#intro
    {color:#8C8C8C;font-weight:bold;font-family:"Times New Roman", Times, serif;text-transform:capitalize;letter-spacing:2px;display:block;text-decoration:none;font-size:16px;background:url(../img/bt_bottom.gif) no-repeat left;}
    
#sidebar h3 a:hover, #sidebar h3 a:active
    {background:url(../img/bt_bottom.gif) no-repeat left;padding-left:5px;}
    
#sidebar h3
    {background:#f4f4f4;overflow:hidden;float:left;width:210px;margin-top:20px;}
    
#sidebar h3#intro
    {background:#f4f4f4;color:#8d8d8d;}
    
#sidebar h3#intro:hover
    {cursor:default;}
    
#sidebar p
    {padding:10px 10px 5px 0;margin:0;font-size:10px;color:#777;background:#fff;border-left:1px solid #f4f4f4;float:left;height:auto;width:220px;overflow:hidden;}
    
#sidebar p img
    {float:left;padding-right:4px;}
    
div.accordion
    {float:left;}
    
/* Lastcomment
///////////////////////////////////////////////////////////////////////////////////////////////*/
ul#lastComments
    {list-style:none;padding:0 1px;margin:0;letter-spacing:0;/*background:url(../img/bg_sidebar_ul.gif) no-repeat bottom center;*/border-bottom:7px solid #aeaeae;float:left;width:228px;display:block;}
    
#lastComments a span.name, #lastComments a:hover span.name
    {font-size:12px;margin:0;padding:3px 10px 3px 0;color:#777;width:217px;float:left;background:#fafafa;}
    
#lastComments a:hover span.name
    {color:#FFF;background:#D00;}
    
#lastComments span.billet /* Nom du billet */
    {font-size:10px;font-weight:normal;color:#999;display:block;float:left;width:217px;margin:0;padding:3px 10px 8px 0 !important;padding:3px 10px 0 0;height:auto;border-top:1px solid #eee;}
  
#lastComments a:hover span.billet
    {color:#777;background:#eee;border-top:1px solid #eee;}
    
#lastComments li
    {line-height:15px;padding:0;margin:0;background:none;clear:left;}

/* tagcloud
///////////////////////////////////////////////////////////////////////////////////////////////*/
#tagcloud
    {line-height:19px;font-family:verdana;}
    
#tagcloud ul
    {margin:0;padding:4px 0;display:block;background:url(http://www.macaroondesign.com/themes/macaroonv2/img/bg_sidebar_ul.gif) no-repeat bottom center;border-bottom:7px solid #aeaeae;width:228px;float:left;}
    
#tagcloud li
    {display:inline;margin:0.3em;}
    
#tagcloud li.level-1 a
    {font-size:0.7em;}
    
#tagcloud li.level-2 a
    {font-size:10px;}
    
#tagcloud li.level-3 a
    {font-size:1em;}
    
#tagcloud li.level-4 a
    {font-size:1.4em;}
    
#tagcloud li.level-5 a
    {font-size:1.6em;color:#CCC;}
    
#tagcloud ul a
    {color:#DDD;text-decoration:none;}
    
#tagcloud ul a:hover
    {color:#D00;background:none;text-decoration:none;border:none;padding:0;}

/* Search
///////////////////////////////////////////////////////////////////////////////////////////////*/
#sidebar #search
    {border:none;margin:-70px 0 50px 0;padding:0;float:left;color:#D00;}
    
#sidebar #search form input#q
    {height:auto;width:222px;border:solid 1px #999;font-size:1em;padding:3px;}
    
#sidebar #search form input#q:hover
    {color:#D00;background:#f9e4e2;border:solid 1px #FCC;padding:3px;}
    
#sidebar #search form input#q:focus
    {color:#FFF;background:#D00;border:solid 1px #D00;}
    
/* Pre-footer
///////////////////////////////////////////////////////////////////////////////////////////////*/
#options
    {padding-left:54px;width:230px;}
    
#options a
    {float:left;margin:0 0 0 0px;cursor:pointer;width:75px;height:23px;}
    
#options a:hover
    {background:none;}
    
#options span 
    {float:left;}
    
#moins
    {background:url(../img/moins_hover.gif) no-repeat;}
    
#moins a
    {background:url(../img/moins.gif) no-repeat;}
    
#plus
    {background:url(../img/plus_hover.gif) no-repeat;}
    
#plus a
    {background:url(../img/plus.gif) no-repeat;}
    
#top
    {background:url(../img/top_hover.gif) no-repeat;}
    
#top a
    {background:url(../img/top.gif) no-repeat;}
    
#prefooter h5
    {padding:0 0 4px 4px;margin:0;float:left;font-size:18px;font-family: "Times New Roman", Times, serif;color:#E9E9E9;text-transform:capitalize;letter-spacing:4px;}
    
#prefooter  li
    {clear:left;}

#prefooter  img
    {vertical-align:middle;margin:-4px 0 0 1px;}
    
#prefooter ul.partner a
    {color:#F5F5F5;padding:0 2px;float:left;border-bottom:1px solid #A8a8a8;width:134px;}
    
#prefooter ul.partner a:hover
    {background:#aaa;border-bottom:1px solid #F5F5F5;}
    
#prefooter ul.partner
    {float:left;width:150px;height:170px;margin:0;padding:20px 0 0 0;line-height:24px;}
    
#prefooter ul.partner li
    {clear:left;}
    
#prefooter ul.mL
    {margin-left:30px;}
    
#prefooter ul.bestof
    {float:left;width:245px;height:170px;margin:0;padding:20px 0 0 50px;line-height:24px;}
    
#prefooter ul.bestof a
    {color:#F5F5F5;padding:0 4px;float:left;border-bottom:1px solid #A8a8a8;width:230px;}
    
#prefooter ul.bestof a:hover
    {background:#aaa;border-bottom:1px solid #F5F5F5;}
    
/* Footer
///////////////////////////////////////////////////////////////////////////////////////////////*/
#footer a
    {color:#FFF;font-size:10px;}
    
#footer a:hover
    {text-decoration:underline;}
    
/* Mapsite
///////////////////////////////////////////////////////////////////////////////////////////////*/
#toc h2
    {margin:0;padding:0 0 50px 0;}
    
#toc h3
    {width:580px;background: url(../img/bottomLineGreen.png) no-repeat bottom left;}
    
#toc ul li
    {list-style:none;padding:0;margin:0;}
    
#toc ul li a
    {color:#999;}
    
#toc ul li a:hover
    {color:#FFF;}
    
/* Pagination
///////////////////////////////////////////////////////////////////////////////////////////////*/
#pagination
    {float:right; width:620px;padding-top:20px;text-align:center;}
    
#pagination p
    {float:right;margin:0;padding:0;font-size:16px;font-family:"Times New Roman", Times, serif;vertical-align: bottom;}
    
#pagination strong
    {float:left;font-size:18px;font-weight:bold;color:#D00;padding:0;margin:0;height:18px;width:18px;}
    
#pagination a
    {float:left;font-size:16px;font-weight:bold;background: #D00 url(../img/bg_bt_page.gif) repeat-x bottom;color: #FFF;padding:0;margin:0 4px 0 4px;height:19px !important;height:18px;width:18px;}
    
#pagination a:hover
    {font-weight:bold;background:#D00 url(../img/bg_bt_page_hover.gif) no-repeat;padding:0;margin:0 4px 0 4px;	height:18px;width:18px;}
    
p.back2top
    {text-align:center;cursor:pointer;background:url(../img/back2top.png) no-repeat;margin:0 auto;padding:0;	width:150px;height:33px;clear:both;}

.fclear
    {clear:both;}

/* post taglist */
p#taglist
    {clear:both;width:100%;text-align:center;}
    
#taglist a
    {color:#999;}
    
#taglist a.def
    {font-size:11px;font-weight:bold;color:#8D8D8D;}
    
#taglist span
    {font-size:10px;color:#F0F0F0;}

/* Rate styles
///////////////////////////////////////////////////////////////////////////////////////////////*/
#rate
    {float:right;padding:15px 15px 0 0;margin-bottom:-15px;}
    
#rate img
    {width:30px;height:24px;margin:0;padding:0;}
    
span.showrate
    {float:right;width:auto;padding:30px 15px 10px 0;}
    
span.showrate img
    {vertical-align:bottom;}
    
span.showrateList
    {float:right;width:auto;margin:0px 15px 0 0;}
    
span.showrateList img
    {width:20px;vertical-align:bottom;}

/* table */
table#stat
    {border-top:1px solid #CCC;border-left:1px solid #CCC;text-align:right;font-size:15px;font-weight:bold;font-family:trebuchet ms;color:#8D8D8D;width:588px;margin-left:15px !important;margin-left:5px;border-collapse:collapse;}
    
table#stat td
    {border-bottom:1px solid #EEE;border-right:1px solid #CCC;padding-right:15px;}
    
table#stat th
    {text-align:center;background:#CCC;}
    
table#stat h3
    {font-family:trebuchet ms;font-size:16px;letter-spacing:4px;color:#FFF;padding:0;margin:0;}
    
table#stat h3 strong
    {color:#000;}