/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin-top: 50px;
	padding: 0;
	background: #1F0303;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	color: #FFFFFF;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 26px;
}

a:link {
	color: #FFFFFF;
}

a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#banner {
	width: 800px;
	margin: 0 auto;
	border:1px solid rgb(208,0,0); 
	margin-bottom:10px;
	height: 230px;
}

/* Header */

#header {
	width: 800px;
	margin: 0 auto;
	height: 50px;
	background: url(../medias/images/img01.gif) no-repeat left top;
}

/* Menu */

#menu {
	float: left;
	width: 800px;
	height: 50px;
	background: url(../medias/images/img03.gif) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 20px 15px 15px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover { 
	background: #AA330F url(../medias/images/img04.gif) repeat-x;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #AA330F url(../medias/images/img04.gif) repeat-x;
	color: #000000;
}

/** LOGO */

#logo {
	width: 800px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0 0 30px;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#logo h1 {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF; 
}

#logo h1 a:hover { text-decoration: underline; }

#logo h2 {
	float: left;
	padding-left: 15px;
	padding-top: 10px;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #897B7B; 
}

#logo p a {
	text-decoration: none;
	color: #8BD80E;
}

#logo p a:hover { text-decoration: underline; }



/* Page */

#page {
	width: 740px;
	margin: 0 auto;
	padding: 20px 30px 0px 30px;
	background: #2A0F0F;
}

/* Content */

#content {
	float: left;
	width: 470px;
	
}

/* Post */

.post {
	padding: 0px 0px 20px 0px;
	margin-bottom: 20px;
	position:relative;
}

.post .title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left: 8px solid #B8120B;
}

.post h1 {
	padding: 0px 0 0 0px;
	font-size: 24px;
	color: #FFFFFF;
}

.post h2 {
	padding: 0px 0 0 0px;
	font-size: 22px;
	color: #FFFFFF;
}

.post .entry {
}

.post .meta {
	padding: 0px 15px 30px 0px;
}

.post .meta p {
	margin: 0;
	padding-top: 15px;
	line-height: normal;
	color: #FFFFFF;
}

.post .meta .links {
	float: left;

}
.post .byline {
	border-left: 8px solid #B8120B;
	margin-top: -20px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #897B7B;
}

.post .meta .links {
	float: left;
}

.post .meta .more {
}

.post .meta .comments {
}

.post .meta b {
	display: none;
}


/* Sidebar */

#sidebar {
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding-left: 20px;
}

#sidebar h2 {
	width: 250px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 8px solid #B8120B;
	font-size: 20px;
	color: #FFFFFF;
}

/* Search */

#search {

}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 100px;
	margin-right: 5px;
	margin-left: 20px;
	padding: 2px;
}

#x {
}

/* Boxes */

.box1 {
	padding: 20px;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}

/* Footer */
#footer-wrap {
}

#footer {
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	background: url(../medias/images/img03.gif) no-repeat;
}

html>body #footer {
	height: auto;
}

#footer p {
	font-size: 11px;
}

#legal {
	clear: both;
	text-align: center;
	color: #FFFFFF;
}

#legal a {
	font-weight: normal;
	color: #FFFFFF;
}

/********************* San - Fermin *******************************/
body {
	margin-top:0;
}
#logo {
	overflow:hidden;
}
#sidebar li li
{
	margin-bottom:5px;
}
#content {
	width: 550px;	
}
#sidebar {
	width: 180px;
}
.clear
{
	clear:both;
	visibility:hidden;
}
.affiche_preview, detail_affiche
{
	float:left; 
	width:100px; 
	position:relative; 
	margin:5px;
	height:150px;
	overflow:hidden;
}
.affiche_preview .annee
{
	
	
	background-image:url(../medias/images/zoomIn.png);
	background-position:right top;
	background-repeat:no-repeat;
	
	border-bottom:1px solid white;
	border-top:1px solid white;
	bottom:5px;
	cursor:pointer;
	left:0;
	line-height:29px;
	position:absolute;
	text-align:center;
	width:100%;
	z-index:2;
}
.affiche_preview .bg
{
	position:absolute; 
	bottom:5px; 
	height:29px; 
	width:100%; 
	background-color:#B8120B; 
	
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
	left:0px;
	
		
}
.detail_affiche
{
	width:97%; 
	height:auto;
}
.detail_affiche p
{
	text-align:center;
}
#imageData
{
	color:#B8120B;
}
/***************** Pagination *********************/
#pagination{
	height:20px; 
	line-height:20px; 
	color:#FFFFFF;
	width:100%; 
	margin-top:5px;
	padding:10px; 
}
#pagination a{
	color:#FFFFFF;
	text-decoration:none;
}
#pagination a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#precedent{
	float:left; 
	width:19%;
}
#millieu_pager{
	float:left; 
	width:62%; 
	margin-left:5px; 
	text-align:center
}
#suivant{
	float:right; 
	width:17%; 
	text-align:right;
}
/************* Fin pagination ********************/
/************** Comments *************************/
#commentform
{
	margin-top:15px;
}
#commentform fieldset {
	background:#5D3E3D;
	padding:10px; 
	 
	border:1px solid #fff; border-color:#fff #666661 #666661 #fff;
	margin-bottom:36px;
}
#commentform fieldset.action {
	background:#9da2a6; 
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; 
	margin-top:-20px;}
#commentform legend {
	background:#b8120b; 
	color:#fff; 
	font:17px/21px Calibri, Arial, Helvetica, sans-serif; 
	padding:5px 10px; 
	margin:0px 0 0 -20px; 
	font-weight:bold; 
	border:0px solid #fff; 
	display:block;
	border-color:#fff #666661 #666661 #fff;}
#commentform label {
	font-size:11px; 
	font-weight:bold; 
	}
#commentform label.opt {font-weight:normal;}
#commentform dl {clear:both;}
#commentform dt {float:left; text-align:left; width:60px; line-height:25px; margin:0 10px 10px 0;}
#commentform dd {float:left; line-height:25px; margin:0 0 10px 0;}

.comment-count a:link, .comment-count a:active, .comment-count a:visited {
	margin:0; padding:5px 10px;
	font:bold 1.25em Arial, Helvetica, sans-serif; color:#FFF;
	display:block;
	text-decoration:none;
}

.comment-count a:hover {
	background:#B8120B ;
}

.post-box {
margin:0; padding:0;
background:#fdfefe ;
border:0px solid #dce7ed;

}


.post-content, .page-content, .comment-content {
margin:0; padding:22px 22px 11px;
border:1px solid #FFF;
border-bottom:1px solid #e8ebec;
position:relative;
}

.comment-count {
margin:0; padding:0;
width:auto; height:auto;
background:#B8120B ;
position:absolute; display:block;
top:-10px; left:-10px;
}


.comment-content {
	padding:0;
	background:#5D3E3D ;
	border-bottom:0;
}

.commentlist, .commentlist ul {
	margin:15px 0 0 0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:30px;	
		background:url(images/white.gif) repeat-x bottom center;
		border-bottom:1px solid #d9e1e6;
	}
	

	
		.commentlist li .comment-wrap {
			position:relative;
			text-align:left;
		}
	
			.commentlist li .comment-text {
				margin:0; padding:0;
				width:auto; height:auto;
				background:none;
			}
			
			.commentlist li .comment-author {
				margin:0; padding:0;
				width:auto; height:auto;
			}
			
				
				
				.author {
					margin:2px 0 0 0; padding:0;
					width:auto; height:auto;
					float:left;
				}

/* Wheater */
.Weather { background-color:#5D3E3D; position:relative  }
.Weather .IconsCurrent{ z-index: 2; position: absolute; top: 55px; left: 120px;  }
.Weather .Town { background-color:#2A0F0F; }
.Weather .Description { color: #000000; text-align:left;line-height:normal; }
.Weather .Description h3 { text-indent:10px; }
.Weather .Actualise { font-size:10px; text-align:left; text-indent:10px; color:#897B7B }
.Weather .Sun { font-size:10px; text-align:left; }
.Weather .Temperature {text-align: center; margin-top: 5px; margin-bottom: 5px; }
.Weather .CurrentConditions {text-align:center; font-size:12px; font-weight:bold; color:#FFFFFF }
.Weather .Informations { color: #FFFFFF; margin:5px; padding-right:40px;  }
.Weather .Logo { text-align:right; }
.Weather  .InformationDay { color: #FFFFFF; margin:5px; padding-right:40px; padding-right:0px;}
.Weather  .InformationDay .Day { border:1px solid #B8120B; margin-bottom:5px;}
.Weather  .InformationDay .PartDay { background-color:#B8120B; color:#FFFFFF; font-size:12px; text-align:center; padding:5px;}
.Weather  .InformationDay .Sun { padding: 5px; font-size:11px;}
.Weather  .InformationDay .Icon { margin:5px; text-align:center}
.Weather  .InformationDay .Temperature { margin-top: 13px; font-size: 12px; text-align: center;}
.Weather #loadingWheater{position: absolute; top: 0px; left: 0px; z-index: 3; width: 100%; height: 100%; background-color: rgb(42, 15, 15); background-image: url(../medias/images/load_rating.gif); background-repeat: no-repeat; background-position: left center; line-height: 20; text-indent: 35px;}
.weatherAllInfo { text-align:left; }
.weatherAllInfo .CurrentCondition{ background-color:#5D3E3D; border:1px solid #FFFFFF; padding:4px; }
.weatherAllInfo .CurrentCondition .Details{float:left; width:240px; padding-top:5px;}
.weatherAllInfo .CurrentCondition .Day{float:left; width:300px; }
.weatherAllInfo .CurrentCondition .Day .Part{float:left; width:140px; padding:5px;}
.weatherAllInfo .Forecast{background-color:#5D3E3D; border:1px solid #FFFFFF; padding:4px; margin-top:10px;}
.weatherAllInfo .Forecast .Day{float:left; width:270px;  }
.weatherAllInfo .Forecast h2.ForecastTitle{text-transform:none; margin-bottom:10px; font-size:14px; }
.weatherAllInfo .Forecast .Day .date{ text-align:center  }
.weatherAllInfo .Forecast .Day .date h3{ font-weight:bold  }
.weatherAllInfo .Forecast .Day .Part{float:left; width:125px; padding:5px;}
.weatherAllInfo .WindDirection { height:43px; line-height:43px; background-repeat:no-repeat; background-position:50px 0px; }
.weatherAllInfo .IconMeteo {text-align:center; }
.weatherAllInfo .Rain {margin-top:5px; }
.weatherAllInfo .Wind {margin-top:5px; }
.weatherAllInfo .Titre {background-color:#B8120B; line-height:18px; margin-top:5px; text-indent:5px; }
.weatherAllInfo  .Sun{ font-size:10px; }
.weatherAllInfo  .Logo { text-align:right; margin-top:5px; }



