/*
Theme Name: Site du Jour
Theme URI: http://www.sitedujour.fr
Description: Le thème de Site du Jour, thème officiel.
Version: 1.0
Author: Guillaume Ringuenet
Author URI: http://pulk.fr/
*/

/* Font size
 * Base				100%
 * -------------------------------------
 * 24px       1.51em  
 * 23px       1.45em  
 * 22px       1.39em 
 * 21px				1.33em 
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 */

 

/* Globals */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
color: #666666;
background: #ffffff url(images/background.gif) repeat-x;
text-align: center;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Lucida, Tahoma, Helvetica, Sans-Serif;
font-size: 100%;
}

a {
color: #666666;
text-decoration: none;
}

a:hover {
color: #2283d3;
text-decoration: underline;
}

a img {
border: none;
}

h1, h2, h3, h4, h5, h6, ul, li {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

fieldset {
border: none;
}

.clear {
clear: both;
height: 0;
width: 0;
}



/* Page */

#page {
width: 990px;
margin: 0 auto;
padding: 0;
font-size: 0.88em;
text-align: left;
}

#header {
width: 990px;
height: 183px;
margin: 0 auto;
padding: 0;
background: url(images/header.jpg) no-repeat;
}

#header .left {
width: 444px;
float: left;
}

h1#top {
margin: 0;
}

h1#top span {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

#logo {
width: 387px;
padding: 24px 0 0 20px;
text-align: center;
}

#logo img{
width: 387px;
height: 97px;
background: url(images/logo-site-du-jour.jpg) no-repeat;
}

#push {
width: 360px;
height: 46px;
margin: 16px 0 0 84px;
}

#push span {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

#accueil {
width: 144px;
height: 46px;
float: left;
}

#accueil span a {
width: 144px;
height: 46px;
display: block;
line-height: 46px;
background: url(images/accueil.gif) no-repeat 0 0;
}

#accueil span a:hover {
background: url(images/accueil.gif) no-repeat 0 -46px;
}

#proposer {
width: 210px;
height: 46px;
margin: 0 0 0 2px;
float: left;
}

#proposer span a {
width: 210px;
height: 46px;
display: block;
line-height: 46px;
background: url(images/proposer.gif) no-repeat 0 0;
}

#proposer span a:hover {
background: url(images/proposer.gif) no-repeat 0 -46px;
}

#header .right {
width: 546px;
float: right;
}

#search {
width: 532px;
height: 25px;
}

#search p {
margin: 4px 0 0 0;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #3587d5;
}

#flash-infos {
margin: 62px 0 0 100px;
width: 392px;
height: 70px;
}

#flash-infos p {
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
text-align: justify;
line-height: 1em;
}

/* Categories */

#categories {
width: 880px;
height: 50px;
margin: 0 0 0 22px;
padding: 5px 0 5px 142px;
background: url(images/categories.gif) no-repeat 0 16px;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}

#categories li {
list-style-image: url("images/puce-categories.gif");
font-weight: bold;
}

#categories #one {
float: left;
margin: 0 0 0 0;
}

#categories #one a {
color: #f2b246;
}

#categories #two {
float: left;
margin: 0 0 0 120px;
}

#categories #two a {
color: #e5ff83;
}

#categories #three {
float: left;
margin: 0 0 0 120px;
}

#categories #three a {
color: #ff7471;
}

/* Focus */

#focus {
width: 990px;
height: 237px;
}

#focus .bloc {
width: 475px;
height: 189px;
margin: 41px 6px 6px 6px;
}

#focus #week {
width: 487px;
height: 237px;
float: left;
margin: 5px 0 0 0;
background: url(images/week.gif) no-repeat;
}

#focus #gold {
width: 487px;
height: 237px;
float: left;
margin: 5px 0 0 15px;
background: url(images/gold.gif) no-repeat;
}

/* Content */

#wrap {
width: 690px;
float: left;
margin: 32px 0 0 0;
}

h2.pagetitle {
margin: 0 0 30px 38px;
padding: 0 0 0 12px;

font: 1.09em Arial, Verdana, "Trebuchet MS", Sans-Serif;
color: #666666;
font-weight: normal;
text-transform: capitalize;
border-left: 2px solid #b9b9b9;
}

h2.pagetitle a {
color: #666666;
text-decoration: none;
}

#wrap .bloc {
width: 683px;
margin: 0 0 8px 0;
padding: 4px 0 4px 4px;
border: 1px solid #d1d1d1;
}

#wrap .bloc .title {
width: 678px;
height: 43px;
background: #2284d3 url(images/bloc-title.gif) no-repeat;
}

#wrap .bloc .left {
width: 434px;
margin: 0 0 0 33px;
padding: 8px 0 0 0;
float: left;
}

#wrap .bloc .title h2 {
margin: 0;
font: 0.96em Arial, Verdana, "Trebuchet MS", Sans-Serif;
color: #fcfcfc;
font-weight: bold;
text-transform: uppercase;
}

#wrap .bloc .title h2 a {
color: #fcfcfc;
}

#wrap .bloc .left p {
margin: 0;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
}

#wrap .bloc .left p a {
color: #fcfcfc;
}

#wrap .bloc .right {
width: 198px;
margin: 0;
padding: 10px 0 0 0;
float: left;
}

#wrap .bloc .right img {
float: left;
}

#wrap .bloc .right p {
margin: 4px 0 0 33px;
float: left;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
}

#wrap .bloc .infos {
width: 678px;
height: 53px;
background: #2284d3 url(images/bloc-infos.gif) no-repeat;
}

#wrap .bloc p a {
color: #fcfcfc;
}

#wrap .bloc .infos .top {
margin: 0 0 0 15px;
padding: 7px 0 0 0;
float: left;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
}

#wrap .bloc .infos .bottom {
margin: 14px 0 0 8px;
padding: 0;
float: left;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
font-weight: bold;
text-transform: uppercase;
}

#wrap .bloc .infos .bottom-comments {
margin: 14px 0 0 13px;
padding: 0;
float: left;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
font-weight: normal;
}

#wrap .bloc .content {
width: 674px;
margin: 9px auto 0 auto;
}

#wrap .bloc .content .image {
width: 132px;
height: 132px;
margin: 0 10px 0 2px;
float: left;
}

#wrap .bloc .content .text {
width: 100%;
}

#wrap .bloc .content .text a {
color:#2283d3;
text-decoration:none;
font-weight:bold;
}


#wrap .bloc .content .text a:hover {
color:#7fafda;
text-decoration:none;
font-weight:bold;
}

#wrap .bloc .content .text p {
margin: 0;
font: 0.77em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #6b6b6b;
}

#wrap .bloc .content .text p+p {
margin: 10px 0 0 0;
}

#wrap .bloc-similar {
width: 683px;
margin: 0 0 8px 0;
padding: 4px 0 4px 4px;
border: 1px solid #d1d1d1;
}

#wrap .bloc-similar ul {
list-style-position: inside;
color: #777777;
}

#wrap .bloc-similar li a  {
color: #146ab0;
}

#wrap .bloc-similar .title {
width: 678px;
height: 43px;
background: #2284d3 url(images/bloc-title-similar.gif) no-repeat;
}

#wrap .bloc-similar .title h4 {
margin: 0;
padding: 11px 0 0 33px;
font: 0.96em Arial, Verdana, "Trebuchet MS", Sans-Serif;
color: #fcfcfc;
font-weight: bold;
text-transform: uppercase;
}

#wrap .bloc-similar .title h4 a {
color: #fcfcfc;
}

#wrap .bloc-similar .content {
width: 674px;
margin: 9px auto 0 auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #6b6b6b;
}

#wrap .bloc-comment {
width: 683px;
margin: 0 0 8px 0;
padding: 4px 0 4px 4px;
border: 1px solid #d1d1d1;
}

#wrap .bloc-comment .title {
width: 678px;
height: 43px;
background: #2284d3 url(images/bloc-title-comment.gif) no-repeat;
}

#wrap .bloc-comment .title h4 {
margin: 0;
padding: 8px 0 0 40px;
font: 0.96em Arial, Verdana, "Trebuchet MS", Sans-Serif;
color: #fcfcfc;
font-weight: bold;
text-transform: uppercase;
}

#wrap .bloc-comment .title h4 a {
color: #fcfcfc;
}

#wrap .bloc-comment .title p {
margin: 0 0 0 40px;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
}

#wrap .bloc-comment .infos {
width: 678px;
height: 30px;
margin: 0;
background: #2284d3 url(images/bloc-infos.gif) no-repeat;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
text-align: center;
}

#wrap .bloc-comment .infos p {
margin: 0;
}

#wrap .bloc-comment .content {
width: 674px;
margin: 9px auto 0 auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #6b6b6b;
}

/* Proposer */

#gold-bloc {
width: 289px;
float: left;
}

#gold-bloc ul {

width: 240px;
margin: 0 auto;
background: #f7f7f7;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #8a8a8a;
}

#silver-bloc {
width: 289px;
margin: 0 0 0 20px;
float: right;
}

#silver-bloc ul {
width: 240px;
margin: 0 auto;
background: #f7f7f7;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #8a8a8a;
}

/* Comments */

ul.commentlist {
width: 648px;
margin: 0 auto 10px;
border-bottom: 1px dashed #cdcdcd;
}

#wrap .bloc-comment ul, #wrap .bloc-comment li {
list-style-type: none;
list-style-position: inside;
}

.commentlist li {
margin: 6px 0 0 0;
padding: 5px;
background: #f7f7f7;
border: 1px solid #f7f7f7;
}

.commentmetadata {
color: #2283d3;
}

.commentmetadata a {
color: #082c5c;
}

#wrap .bloc-comment input {
width: 143px;
border: 1px solid  #b9b9b9;
}

#wrap .bloc-comment textarea {
width: 471px;
border: 1px solid  #b9b9b9;
}

#wrap .bloc-comment .input-infos {
float: left;
font: 1em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #b9b9b9;
font-weight: bold;
}

#wrap .bloc-comment .textarea-infos {
float: left;
font: 1em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #b9b9b9;
font-weight: bold;
}

#wrap .bloc-comment .input-send {
margin: 83px 0 0 45px;
float: left;
}

#wrap .bloc-comment .input-send input {
font: 1em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #6eaadd;
border: 1px solid #6eaadd;
background: #fcfcfc;
}






/* Sidebar */

#sidebar {
width: 289px;
margin: 10px 0 0 10px;
overflow:hidden;
background: #ffffff;
}


#sidebar h4 span {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

#sidebar #flux {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #flux h4 {
width: 281px;
height: 13px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-flux.gif) no-repeat;
}

#sidebar #flux img {
margin: 0 10px 0 20px;
float: left;
}

#sidebar #flux p {
margin: 0;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #929292;
}

#sidebar #flux p a {
color: #929292;
text-decoration: none;
}

#sidebar #flux p strong {
color: #2283d3;
}

#sidebar #flux p strong a {
color: #2283d3;
}

#sidebar #newsletter {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #newsletter h4 {
width: 281px;
height: 22px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-newsletter.gif) no-repeat;
}

#sidebar #newsletter p {
margin: 0 0 0 18px;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #676767;
}

#sidebar #newsletter p strong {
color: #2283d3;
}

#sidebar #newsletter a {
color: #2283d3;
}

#sidebar #annonceur {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #annonceur h4 {
width: 281px;
height: 25px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-annonceur.gif) no-repeat;
}

#sidebar #annonceur .images {
text-align: center;
}

#sidebar #annonceur img {
width: 125px;
height: 125px;
margin: 0 0 0 0;
border: 1px solid #ffffff;
}

#sidebar #twitter {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #twitter h4 {
width: 281px;
height: 26px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-twitter.gif) no-repeat;
}

#sidebar #twitter img {
margin: 0 10px 0 20px;
float: left;
}

#sidebar #twitter p {
margin: 0;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #929292;
}

#sidebar #twitter p a {
color: #929292;
text-decoration: none;
}

#sidebar #twitter p strong {
color: #2283d3;
}

#sidebar #twitter p strong a {
color: #2283d3;
}

#sidebar #proposer-un-site {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #proposer-un-site h4 {
width: 281px;
height: 26px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-proposer.gif) no-repeat;
}

#sidebar #proposer-un-site .text {
width: 248px;
margin: 0 auto;
}

#sidebar #proposer-un-site p {
margin: 5px auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}

#sidebar #proposer-un-site em {
font: 0.82em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #2283d3;
text-transform: uppercase;
}

#sidebar #articlespopulaires {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #articlespopulaires h4 {
width: 281px;
height: 26px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-articlespopulaires.gif) no-repeat;
}

#sidebar #articlespopulaires .text {
width: 248px;
margin: 0 auto;
}

#sidebar #articlespopulaires p {
margin: 5px auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}

#sidebar #articlespopulaires em {
font: 0.82em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #2283d3;
text-transform: uppercase;
}

#sidebar #autresliens {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #autresliens h4 {
width: 281px;
height: 26px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-autresliens.gif) no-repeat;
}

#sidebar #autresliens .text {
width: 248px;
margin: 0 auto;
}

#sidebar #autresliens p {
margin: 5px auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}

#sidebar #autresliens em {
font: 0.82em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #2283d3;
text-transform: uppercase;
}

#sidebar #commentairesrecents {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #commentairesrecents h4 {
width: 281px;
height: 26px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-commentairesrecents.gif) no-repeat;
}

#sidebar #commentairesrecents .text {
width: 248px;
margin: 0 auto;
}

#sidebar #commentairesrecents p {
margin: 5px auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}

#sidebar #commentairesrecents em {
font: 0.82em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #2283d3;
text-transform: uppercase;
}

#sidebar #faq {
width: 281px;
margin: 4px auto 4px auto;
padding: 0 0 10px 0;
background: #f7f7f7;
border-bottom: 1px solid #f3f3f3;
}

#sidebar #faq h4 {
width: 281px;
height: 22px;
margin: 0 0 12px 0;
background: #f7f7f7 url(images/h4-faq.gif) no-repeat;
}

#sidebar #faq .text {
width: 248px;
margin: 0 auto;
}

#sidebar #faq p {
margin: 5px auto;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
}


#cadreside {
background:#F0F0F0 none repeat scroll 0 0;
border:1px solid #D6D6D6;
margin:0 0px;
padding:0 7px;
}

#cadreside2 {
background:#dfeaf4 none repeat scroll 0 0;
border:1px solid #9ebad0;
margin:0 0px;
padding:0 7px;
}

/* Footer */

#footer {
width: 100%
height: 117px;
margin: 35px 0 0 0;
background: #3782c6 url(images/footer.gif) repeat-x;
}

#footer .bloc {
width: 990px;
margin: 0 auto;
padding: 31px 0 0 0;
text-align: left;
font: 0.71em Verdana, "Trebuchet MS", Arial, Sans-Serif;
color: #fcfcfc;
}

#footer .bloc h5 span {
position: absolute;
margin: 0px;
padding: 0px;
font-size: 1px;
text-indent: -6000px;
line-height: 1px;
}

#footer .bloc a {
color: #fcfcfc;
}

#footer .bloc ul {
margin: 0 0 0 24px;
}

#footer .bloc li {
list-style-image: url("images/puce-categories.gif");
}

#footer .one {
width: 214px;
float: left;
}

#footer .one h5 {
width: 108px;
height: 11px;
margin: 0 0 12px 0;
background: url(images/partners.gif) no-repeat;
}

#footer .two {
width: 247px;
float: left;
}

#footer .two h5 {
width: 113px;
height: 11px;
margin: 0 0 12px 0;
background: url(images/links.gif) no-repeat;
}

#footer .three {
width: 522px;
float: left;
}

#footer .three h5 {
width: 36px;
height: 11px;
margin: 0 0 12px 0;
background: url(images/edito.gif) no-repeat;
}

/* Images */

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;
}
/* End Images */


/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-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;
}
/* End captions */

/* Slide */

#slide {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 475px; /* important */
	height: 189px; /* important */
	margin: 0;
	background: #000;
}

#slide_frame {position: relative}
#slide_previous {float: left;margin: 140px 0 0 4px;}
#slide_next {float: right;margin: 140px 4px 0 0;}
#slide_content {
	position: absolute;
	top: 0;
	margin-left: 15px;
}

#slide_content
#slide_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#slide_content {
		width: 5418px;
	}
	#container_bd #slide ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0; 
		border: 0;
		background-color: #000;
	}

#container_bd #slide ul li img {
	display: block;
}

#page{zoom:1;}

#postaddthis {
	background-color: #F6F4F0;
	margin: 15px 0 20px 0;
	padding: 5px;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
}



#twitterpost {
	background-color: #f1f7fe;
	margin: 15px 0 20px 0;
	padding: 5px;
	border-top: 1px dashed #c8e2ff;
	border-bottom: 1px dashed #c8e2ff;
}