/*
Theme Name: jcNutrifizz
Description: Theme Wordpress pour Nutrifizz
Version: 0.1
Author: Julien Chanséaume
Author URI: http://www.bibichette.com/
Tags: light, fixed-width, theme-options, custom-header, translation-ready
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Grid classes
-------------------------------------------------------------- */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.container_12 .push_3,.container_16 .push_4{left:240px}
.container_12 .push_6,.container_16 .push_8{left:480px}
.container_12 .push_9,.container_16 .push_12{left:720px}
.container_12 .push_1{left:80px}
.container_12 .push_2{left:160px}
.container_12 .push_4{left:320px}
.container_12 .push_5{left:400px}
.container_12 .push_7{left:560px}
.container_12 .push_8{left:640px}
.container_12 .push_10{left:800px}
.container_12 .push_11{left:880px}
.container_16 .push_1{left:60px}
.container_16 .push_2{left:120px}
.container_16 .push_3{left:180px}
.container_16 .push_5{left:300px}
.container_16 .push_6{left:360px}
.container_16 .push_7{left:420px}
.container_16 .push_9{left:540px}
.container_16 .push_10{left:600px}
.container_16 .push_11{left:660px}
.container_16 .push_13{left:780px}
.container_16 .push_14{left:840px}
.container_16 .push_15{left:900px}
.container_12 .pull_3,.container_16 .pull_4{left:-240px}
.container_12 .pull_6,.container_16 .pull_8{left:-480px}
.container_12 .pull_9,.container_16 .pull_12{left:-720px}
.container_12 .pull_1{left:-80px}
.container_12 .pull_2{left:-160px}
.container_12 .pull_4{left:-320px}
.container_12 .pull_5{left:-400px}
.container_12 .pull_7{left:-560px}
.container_12 .pull_8{left:-640px}
.container_12 .pull_10{left:-800px}
.container_12 .pull_11{left:-880px}
.container_16 .pull_1{left:-60px}
.container_16 .pull_2{left:-120px}
.container_16 .pull_3{left:-180px}
.container_16 .pull_5{left:-300px}
.container_16 .pull_6{left:-360px}
.container_16 .pull_7{left:-420px}
.container_16 .pull_9{left:-540px}
.container_16 .pull_10{left:-600px}
.container_16 .pull_11{left:-660px}
.container_16 .pull_13{left:-780px}
.container_16 .pull_14{left:-840px}
.container_16 .pull_15{left:-900px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix{height:1%}

div.clearer{
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;	
}
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/*  
-------------------------------------------------------------- */
body{
    background: #fff; /* url(images/bg.jpg) top center repeat-x;*/
    color: #444;
}
#WrapperTop{
    background: transparent url(images/header.jpg) top center no-repeat;
}
#Header{
    position: relative;
    height: 264px;
    padding-top: 1px;
}
    #Header #Logo{
		position: absolute;
		width: 280px; height: 200px;
		left: 10px; top: 0;
		background: transparent url(../images/logo.jpg) no-repeat center left;	
	}
	#Header #Logo #FLV{
		position: absolute;
		width: 280px; height: 170px;
		left: 10px; top: 10px;
	}
    /*
    #Logo{
        margin: 50px 0 0 20px;
    }
    */
    #Header h1, #Header h1 a, #Header h1 a:hover{
        margin: 65px 0 0 20px;
        color: #111;
        text-decoration: none;
        font-weight: bold;
        text-shadow: #999 1px 1px 0;
    }
    #Header .slogan{
        margin: 10px 0 0 100px;
        color: #111;
        font-size: 1.5em;
        font-weight: bold;
        font-style: italic;
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        text-shadow: #999 1px 1px 0;
    }
    
    
/*  N A V I G A T I O N
-------------------------------------------------------------- */
#Nav { 
    position: absolute;
    top: 220px; left: 20px;
    width: 920px; height: 40px;
    z-index: 999; /*overflow: hidden;*/
}

#Nav, #Nav ul {
    z-index: 100;
    padding: 0;
    margin: 0;
    list-style: none;
	line-height: 1;
}

#Nav li {
    display: inline;
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
}

#Nav a {
    display: block;
    z-index: 100;
    padding: 0;
    margin: 0;
    width: auto;
}

/* niv 0 */
#Nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}

#Nav li:hover ul, #Nav li.sfhover ul {
	left: auto;
}
/* niv 2 */
#Nav li ul ul {
	margin: -1.4em 0 0 15em;
}
#Nav li:hover ul ul, #Nav li.sfhover ul ul {
	left: -999em;
}
#Nav li:hover ul, #Nav li li:hover ul, #Nav li.sfhover ul, #Nav li li.sfhover ul {
	left: auto;
}

/* style : bleu:5680C2; vert:8AE234; orange clair:F15800; orange fonce:ffd200 */
/* niv 0 */
#Nav li{   
}
#Nav li a{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #eee;
    font-size: 1.1em;
    /*font-weight: bold;*/
    text-decoration: none;
}
#Nav li a:hover{
    color: #fff;
    background-color: #627F01;
}
/* niv 1 */
#Nav li ul{
    border: 1px solid #777;
    border-width: 1px 1px 0 1px;
    line-height: 1;
}
#Nav li li{
    width: 20em;
    border-bottom: 1px solid #aaa;
}
#Nav li li a{
    height: auto;
    line-height: 1;
    padding: 5px 10px;
    background: #eee;
    color: #777;
    font-size: 1em;
    text-decoration: none;
    
}
#Nav li li a:hover{
    color: #333;
    background: #ddd;
    
}
/* niv 2 */
#Nav li li li a:hover{
    color: #F15800;
}


#Search { 
    position: absolute;
    left: 800px;
    top: 205px;
    width: 178px;
    height: 32px;
    display: none;
}
#Search input{ 
    background: transparent;
    border: none;
    padding: 0;
    height: 20px;
    width: 140px;
    color: #777;
    font-style: italic;
    font-size: 1em;
}

#Content{
    margin-top: 1em;
    background: url(images/bg-content.png) top left repeat-y;
}

#Body{

}

    #Body ul{
        margin: 0;
        padding: 0;
        list-style: none;    
    }
    
    #Body ul li {
        margin: 2px 0 6px 0; 
        padding: 0 0 0 20px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(images/puce2.png);
    }
    
    #Body a{
        color: #a40000;
    }
    #Body a:hover{
        color: #3465A4;
    }
    
    
#Sidebar{
    /*background-color: #f8f8f8;*/
}
    
    #Sidebar h3{
        clear: both;
        border-bottom: 1px solid #ddd;
        margin-bottom: .5em;
        /*padding: 5px 10px;*/
        /*background-color: #121212;*/
        color:#F89C07;
        
        font-size: 1.5em;
        font-weight: bold;
        font-style: italic;
        font-family:Georgia,"Times New Roman",Times,serif;
        /*text-shadow: #777 0 0 1px;*/
        /*border-radius: .2em;*/
    }
    #Sidebar hr{
        background: transparent url(images/sidebar-sep.jpg) top center no-repeat;
        border: none;
        height: 15px;
    }
    #Sidebar ul, #Sidebar li {
        list-style: none;
        padding:0;
        margin: 0;
    }
    #Sidebar ul{
        margin: 0 0 1.5em;
    }
    #Sidebar ul ul{
        margin: 0;
    }
    #Sidebar li{
        line-height: 25px;
        border-bottom: 1px solid #ddd;
    }
    #Sidebar li a{
        display: block;
        line-height: 25px;
        color: #777;
        text-decoration: none;
    }
    #Sidebar li a:hover{
        color: #8AE234;
    }
    #Sidebar li ul{
        margin-left: 15px;
    }
    #Sidebar li li{
        line-height: 1.2; 
        border: 0;
    }
    #Sidebar li li a{
        height: auto;
        border: 0;
    }
    
    #Sidebar .social-icon{
        float:left;
        margin: 5px;
    }
    
    #Sidebar a{
        color: #777;
        text-decoration: none;
    }
    #Sidebar a:hover{
        color: #8AE234;
    }
   
    
    #HomeNews{
        min-height: 240px;
		background: transparent url(images/HomeNews-bg.jpg) repeat-y top left;	
	}
	#HomeNews .top{
		background: transparent url(images/HomeNews-top.jpg) no-repeat top left;	
		padding: 120px 10px 0 10px;
		min-height: 120px;
	}
	
	#HomeNews .bottom{
		background: transparent url(images/HomeNews-bottom.jpg) no-repeat bottom left;	
		height: 12px;
	}
	#HomeNews .newsSummary{
		margin-left: 10px;
	}
    
/*  POST
-------------------------------------------------------------- */
.post{
    background: #fff;/* url(images/box-top.jpg) top center no-repeat;*/
    /*width: 580px;*/
    margin-bottom: 1.5em;
    overflow: hidden;
    background: url(images/bg-post.png) center bottom no-repeat;
    /*border-bottom: 1px solid #ddd;*/
}
    .post .wrapper{
        padding: 5px;
        /*background: transparent url(images/box-bottom.jpg) bottom center no-repeat;*/
        /*min-height: 150px;*/
        /* overflow: hidden; */
    }
    .post h2{
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        font-style: italic;
        font-weight: bold;
        margin: 0;
    }
        .post h2 a{
            color: #333;
            text-decoration: none;
        }
        .post h2 a:hover{
            color: #000;
        }
    .post h2, .post h3, .post h4,.post h5,.post h6{
        /*color: #333;*/
    }
    .post h3{
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        font-style: italic;
        font-weight: bold;
        margin: 0 0 .5em;
    }
        .post h3 a{
            color: #F89C07;
            text-decoration: none;
        }
        .post h3 a:hover{
            color: #000;
        }
    
    .post .meta{
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        font-size: .8em;
        color: #777;
        margin: 0 0 .5em 2em;
    }
        .post .meta a{
            color: #999; 
            text-decoration: none;
        }
        .post .meta a:hover{
            color: #ffd200; 
        }
        .post .meta em{
            color: #999;
            font-weight: normal;
        }
    .post .comment{
        float: right;
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        font-size: .9em;
        color: #999;
        margin: .5em 0 0 0;
    }
        .post .comment a{
            color: #999; 
            text-decoration: none;
        }
        .post .comment a:hover{
            color: #ffd200;
        }
    .post .content{
        margin-bottom: .8em;
    }
    .sticky h2{
        padding-left: 32px;
        background: transparent url(images/sticky.png) center left no-repeat;
    }
    /* 180x135 */
    .post .image{
        float: left;
        margin: 0 .5em 0 0;
        /*border: 5px solid #000;*/
    }
    .post-list .shorcuts{
        /*margin-top: 10px;*/
        padding-top: 10px;
        height: 32px;
    } 
        .post-list .shorcuts .button{
            position:relative;
            top: 10px;
            text-indent: -100em;
            width: 40px; height: 32px;
            margin-left: 20px;
            float: left;
            background: transparent none top left no-repeat; 
        }
        .post-list .shorcuts .detail{ background-image: url(images/bt-list-detail.png); }
        .post-list .shorcuts .download{ background-image: url(images/bt-list-download.png); }
        .post-list .shorcuts .demo{ background-image: url(images/bt-list-demo.png); }
        .post-list .shorcuts .listen{ background-image: url(images/bt-list-listen.png); }
        
    
    .post .separator{
        /*
        background: transparent url(images/post-separator.gif) no-repeat center bottom;
        margin: 2px auto;
        text-align: center;
        height: 1px;
        border: 0 none;
        */
        color: #000;
        background-color: #000;
        border-bottom: 1px solid #777;
        margin: 8px auto;
        text-align: center;
        width: 50%;
        height: 1px;
    }
    .post .clearer{
        
    }
    .post pre{
        margin: 10px 5px;
        padding: 5px 5px 5px 10px;
        border-left: 3px solid #8AE234;
        /*background-color: #202020;*/
    }
    .post blockquote{
        /*
        padding: 5px 5px 5px 10px;
        border-left: 3px solid #F15800;
        background-color: #202020;
        */
    }
    
    .post-detail h2{
        margin-bottom: .5em;
    }
    .post-detail .meta{
        text-align: left;
        margin: 0 0 1.5em 0;
        padding: 5px;
        border: 1px solid #efeeee;
        /*background-color: #181818;*/ 
        border-width: 1px 0;
    }
    .post-detail .postmetadata{
        margin-bottom: 0;
        padding-top: 5px;
        border-top: 1px solid #efeeee;
        color: #777;
        
    }
    .post-detail ul.shortcuts{
        float: right;
        list-style-type: none;
        margin: 0 0 5px 10px;
        padding: 0;
        width: 100px;
    }
    .post-detail ul.shortcuts li{
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 1.3;
    }
    .post-detail ul.shortcuts li a{
        display: block;
        padding: 2px 5px;
        border-bottom: 1px solid #333;
        text-decoration: none;
        color: #777;
    }
    .post-detail ul.shortcuts li a:hover{
        color: #8AE234;
        /*background-color: #202020;*/
        border-bottom: 1px solid #8AE234;
    }
    
    .page-detail h2{
        margin-bottom: 1em;
    }
    
    .page-full-width .post{
        
    }
    .page-full-width .post{
        background: #121212 url(images/box-fw-top.jpg) top center no-repeat;
        width: 940px;
        margin-left: 10px;
        margin-bottom: 1.5em;
    }
    .page-full-width .post .wrapper{
        padding: 10px;
        background: transparent url(images/box-fw-bottom.jpg) bottom center no-repeat;
        min-height: 36px;
        /* overflow: hidden; */
    }
    
    .image-box{
        padding: 10px;
        text-align: center;
    }
    .image-box .image{
        margin: 0 auto;
        float: none;
        border: 0;
    }
    

    /*
    a.button{
        display:block;
        float:left;
        margin-right: 1em;
        padding-right: 15px;
        background: url(images/spacer.gif) top right no-repeat;
    }
    a.button span{
        display:block;
        padding-left: 15px;
        background: url(images/spacer.gif) top left no-repeat;
        text-decoration: none;
    }
    */

/*  COMMENTS
-------------------------------------------------------------- */
.comments{
    /*width: 580px;*/
    margin-bottom: 1.5em;
}
    .comments .wrapper{
        padding: 10px;
        background: #f8f8f8; /* url(images/box-top.jpg) top center no-repeat;*/
        /*background: #fff;  url(images/box-bottom.jpg) bottom center no-repeat;*/
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .comments h2{
        font-family: Georgia,"Nimbus Roman No9 L",serif;
        font-style: italic;
        font-weight: bold;
        margin: 0;
    }
    .comments h3{
        border-bottom: 1px solid #ddd;
    }
    .comments a{
        text-decoration: none;
    }
    .commentlist{
    
    }
    .commentlist .comment, .commentlist .pingback, .commentlist .trackback{
        padding: 5px;
        border-bottom: 1px solid #ddd;
    }
    .commentlist .odd{
        background-color: #f0f0f0;
    }
    .commentlist .even{
        background-color: #fff;
    }
    .comment .avatar{
        float: left;
        margin: 0 10px 10px 0;
    }
    .commentlist .comment-author-admin{
        /*border: 1px solid #F15800;*/
        background-color: #E8F6FF;
        border-radius: 2px;
    }
    .commentlist .comment-author-admin a{
        color: #F15800;
    }
    
    #commentform p{
        margin-bottom: 0;
    }
    
    .page-full-width .comments{
        background: #121212 url(images/box-fw-top.jpg) top center no-repeat;
        width: 940px;
        margin-left: 10px;
        margin-bottom: 1.5em;
    }
    .page-full-width .comments .wrapper{
        padding: 10px;
        background: transparent url(images/box-fw-bottom.jpg) bottom center no-repeat;
        min-height: 36px;
        /* overflow: hidden; */
    }    
    
/*  FOOTER
-------------------------------------------------------------- */
#WrapperBottom{
    /*background: #000 url(images/footer-bg.jpg) top center repeat-x;*/
}
#WrapperBottom2{
    /*background: transparent url(images/footer.jpg) top center no-repeat;*/
}

#Footer { 
 	clear: both;  
	width: 950px;
	height: 100px;
	text-align: left; 
	background: transparent url(images/footer.jpg) no-repeat top left;
	}
	#Footer p { 
		color: #eee;
		font-size: 1.1em;
		line-height: 1.7em;
		text-align: center;
		padding-top: 30px;
	}
  	#Footer a { 
	   	color: #fff; 
	   	text-decoration: none;
		}
	#Footer a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#Footer span.copyright{
		font-style: italic;
	}
  	
	#Footer a.rssIcon{ padding-right: 20px; background: transparent url(images/Feed_16x16.png) no-repeat center right; }
	/*
#Footer{
    min-height: 180px;
    padding-top: 60px;
    font-size:.9em;
}
    #Footer a{
        color: #777;
        text-decoration: none;
    } 
    #Footer a:hover{
        color: #F15800;
    } 
    #Footer ul, #Footer li {
        list-style: none;
        padding:0;
        margin: 0;
    }
    #Footer ul{
        margin: 0 0 1.5em;
    }
    #Footer li{
        line-height: 25px;
        border-bottom: 1px solid #333;
    }
    #Footer li a{
        display: block;
        line-height: 25px;
    }
*/
/*  MISC
-------------------------------------------------------------- */
.navigation, .navigation a{
    color: #777;
    text-decoration: none;
}
.navigation a:hover{
    color: #ffd200;
}


.border{
    border-right: 1px solid #000;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.post .attachment{
    text-align: center;
}
	
.wp-caption {
   border: 1px solid #555;
   text-align: center;
   background-color: #111;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}	

blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  margin: 0 auto;
  width: 450px;
  background: url(images/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}
blockquote:first-letter {
  background: url(images/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}


ul.clean{
    list-style: none;
    margin: 0;
    padding: 1em;
    border: 1px solid #ccc;
    background-color: #eee;
}
ul.clean li{
    margin:0;
    padding: .2em 0 .2em 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    background: url(puce-clean.png) left 3px no-repeat;
}

ul.round{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
ul.shadow{
    -moz-box-shadow:0 0 10px 5px #999;
    -webkit-box-shadow:0 0 10px 5px #999;
    box-shadow:0 0 5px 3px #999;
}


ul.clean li.last{
    border-bottom: none;
}
ul.clean li.first{
    border-top: none;
}


/* W I D G E T S
-------------------------------------------------------------- */

/*
http://codex.wordpress.org/CSS

.categories {...}
.cat-item {...}
.current-cat {...}
.current-cat-parent {...}
.children {...}
.pagenav {...}
.page_item {...}
.current_page_item {...}
.current_page_parent {...}
.current_page_ancestor {...}
.widget {...}
.widget_text {...}
.blogroll {...}
.linkcat{...}
*/


/* flickr widget
**********************************/
.flickr_badge_image{
    float: left;
    /*margin: 9px;*/
    width: 70px;
    height:70px;
    overflow: hidden;
    
}

/* widget pages, categories
**********************************/
#Sidebar li.page_item, #Sidebar  li.cat-item, #Footer li.page_item, #Footer  li.cat-item{
    line-height: 1;
    border: 0;
    padding-left: 14px;
    background: transparent url(images/puce-s.png) 0 6px no-repeat;
}
#Sidebar  li.page_item a, #Sidebar li.cat-item a, #Footer li.page_item a, #Footer li.cat-item a{
    display: inline;
    color: #777;
    text-decoration: none;
}
#Sidebar  li.page_item a:hover, #Sidebar li.cat-item a:hover{
    color: #8AE234;
}
#Footer  li.page_item a:hover, #Footer li.cat-item a:hover{
    color: #F15800;
}

/* widget jc-posts-tag
**********************************/
ul.widget-posts-tag{}
ul.widget-posts-tag li{}
ul.widget-posts-tag li h4{
    margin: 0.5em 0;
    color: #999;
}
ul.widget-posts-tag li p{
    margin: 0;
    color: #777;
}
ul.widget-posts-tag img.image{
    float: left;
    margin: 0 5px 5px 0;
}

/* widget rss
**********************************/
#Sidebar .widget_rss a.rsswidget, #Footer .widget_rss a.rsswidget{
    font-weight: 1.1em;
    color: #ccc;
}
#Sidebar .widget_rss a:hover{
    color: #8AE234;
}
#Footer  .widget_rss a:hover{
    color: #F15800;
}
#Sidebar .widget_rss span.rss-date, #Footer .widget_rss span.rss-date{font-weight: 0.9em; color: #555; font-style: italic}
#Sidebar .widget_rss div.rssSummary, #Footer .widget_rss div.rssSummary{color: #777;}


.widget_search{
    margin-bottom: 1.5em;   
}

.widget_tag_cloud{
    margin-bottom: 1.5em;   
}
.widget_tag_cloud a{
    text-decoration: none;     
}
    
/* Calendar
**********************************/
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #000; }
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}	

	
/* widget_recent_entries
**********************************/
.widget_recent_entries h3{
    padding: 5px 0 10px 50px;
    background:transparent url(images/bg-actualite.jpg) no-repeat scroll left top;
}

h3.contact{
    padding: 5px 0 10px 50px;
    background:transparent url(images/bg-contact.jpg) no-repeat scroll left top;
}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/*
* featured slideshow
***********************************/
.featured				{ background: url(images/techblue/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; padding: 10px; margin: 1.5em 0 1.5em 0; height: 250px; }
#controls				{ position: absolute; float: left; z-index: 100; width: 550px; padding-top: 75px; }

#controls .next, #controls .prev	{ text-indent: -9000px; width: 30px; height: 30px; display: block; z-index: 1000; }
#controls .prev			{ background: url(images/prev.png) no-repeat; float: left; }
#controls .next			{ background: url(images/next.png) no-repeat; float: right; }

#featured-slideshow		{ position: relative; height: 250px; margin-right: 20px; }			

.featured-article		{ display: block; width: 550px; height: 250px; text-decoration: none !important; }
.featured-entry			{ position: relative; top: 165px; overflow: hidden; background: url(images/overlay.png); height: 85px; color: #a7a7a7; padding: 0; display: block; }
.featured-entry .entry-title	{ color: #FFF; padding: 10px 15px 5px; display: block; font-size: 16px; font-weight: bold; }
.featured-entry .entry-summary	{ padding: 0 15px; margin: 0; display: block; }