/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, and modify it to your liking.
*/

#container div.wrapper {width: 1024px; margin: 0 auto; text-align: left; }
#container p.header {text-transform: uppercase; color: #ccc; font-size: 11px; }
/* POST */
.post .cover {margin-bottom: 12px; text-align:center;}
.post .info {margin-bottom: 12px; text-align:left; margin-left:107px;}
#posts .post .postmetadata {line-height: 17px; font-size: 11px; padding-top: 4px; float: right; display: inline; width: 200px; text-align: right; margin-right:107px;}

/* Sidebar */
#side {width: 115px;  float: left;  display: inline; font-size: 11px; }
#side div.block {width: 113px; margin-bottom: 15px; border-bottom: solid 2px #222; text-align:center;}
#side div.frame {padding: 15px;}
#side img.border {border: solid 5px #333;}

/* Main Content Area */
#main {border-top: solid 1px #555; padding: 10px 0; margin:auto; }
#content {width: 850px; margin-right: 20px; float: left; display: inline; font-size: 12px; }
#main div.content-wide {width: 960px; margin-right: 0; }
#main div.leftSidebar {float: right; margin-right: 0; margin-left: 20px; }

/* Modif couleur de texte normal */
body {font-family:Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #DBDBDB; text-align:center; background-color: #444; }

/* Modif couleur balise a */
a {text-decoration:none; color:#FFF; }
#header a {text-decoration:none; color:#FFFFFF; }

.tirage {
	padding : 3px;

	width: 300px;
	font-size : 90%;
	text-align : center;
	color: #ffffff;

	-moz-box-shadow: 3px 3px 3px #000000;
	-webkit-box-shadow: 3px 3px 3px #000000;
	-o-box-shadow: 3px 3px 3px #000000;
	box-shadow: 3px 3px 3px #000000;
	border-radius: 10px 0;
	text-align : center;
	margin-left : 268px;
	margin-top : 40px;
	margin-bottom : 30px;
	background-color: #454545;
}

.tirage img {
	border: none;
	float: left;
	padding : 10px;
}

/* Slides */

.container { text-align: left; width:850px; height:400px; overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width: 850px; height: 400px; display:none; }
.slides div div{ position:static; display:block; top:auto; width: auto; padding:0; }

#loopedSlider img.prev {background: url(images/arrow_left_dark.png) no-repeat 0 0; } 
#loopedSlider img.prev:hover {background: url(images/arrow_left_dark.png) no-repeat 0 -100px; }
#loopedSlider img.next {background: url(images/arrow_right_dark.png) no-repeat 0 0; } 
#loopedSlider img.next:hover {background: url(images/arrow_right_dark.png) no-repeat 0 -100px; }

.slides div div{ background:none; border:none; }