/*
Theme Name: TheLatest Theme
Author: ChiQ Montes
Author URI: http://www.wpthemedesigner.com/
*/

* {
	margin: 0; padding: 0;
}


body {
	text-align: center;
	font: 12px Verdana;
	color: #727272;
	/**background-color: #007295;**/
	background-color: #e3e1e1;
	background-image: url(images/bg3.gif);
	background-position: center top;
background-repeat: repeat-y;
/**	background: url(images/gradient.png) repeat-x 0 0;**/
	padding: 0px 0;
}


a {
	text-decoration: none;
	color: #588cb8;
}
a:hover {
	text-decoration: underline;
	color: #ff0000;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 967px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	background: url(images/headtile.gif) repeat-x 0 0;
	margin-bottom: 10px;
}
	#header .buffer { 
		background: url(images/headleft.gif) no-repeat 0 0;
	}
	#header .buffer .buffer { 
		height: 169px; 
		background: url(images/headright.gif) no-repeat top right;
		padding-top: 2px;
	} 
	
/**#header .premierbandeau {
  padding: 10px 0px 12px 0px ;
  }**/
	
	#header ul {
		list-style-type: none
	}
		#header ul li {
			float: left;
			font-size: 0.8em;
		}
		#header ul li a {
			display: block;
			color: #727272;
			text-transform: uppercase;
			padding: 5px 10px;
		}
		#header ul li a:hover {
			color: #4DB200;
			text-decoration: none;
		}
	#header h1 {
		clear: both;
		float: left;
		padding: 0px 0 0px 0px;
	}
		#header h1 a {
			display: block;
			width: 967px; height: 135px;
			background: url(images/parcours-foule4.jpg) no-repeat 0 0;
			text-indent: -9999px;
			outline: none;
		}
	#header .ad {
		float: right;
		padding: 25px 20px 0 0;
	}
	#header ol {
		clear: both;
		list-style-type: none
	}
		#header ol li {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			padding-left: 0px;
			background: url(images/divider.gif) no-repeat 0 0;
		}
			#header ol li.f {
				padding-left: 0;
				background: none;
			}
		#header ol li a {
			color: #727272;
			display: block;
			padding: 9px 10px 10px;
		}
		#header ol li a:hover {
			color: #4DB200;
			text-decoration: none;
		}
	#header form {
		float: right;
		width: 211px; height: 22px;
		background: url(images/search.gif) no-repeat 0 0;
		margin: 5px 10px 0 0;
	}
		#header form input {
			border: 0;
			font-size: 0.9em;
			font-family: Verdana;
			float: left;
			width: 138px;
			background-color: transparent;
			margin: 4px 10px 0 2px;
		}
		#header form button {
			border: 0;
			text-indent: -9999px;
			width: 61px; height: 22px;
			float: left;
			background-color: transparent;
		}
		
		
		
#nav, #nav ul {
	float: left;
	width: 7em;
	list-style: none;
	line-height: 1.1;
	padding: 0;
	border-width: 0px 0;
	margin: 0 0 1em 0;
}
 
#nav a {
	display: block;
	width: 7em;
	color: #A4AAA9;
	text-decoration: none;
	padding: 0.25em 2em;
}
 
/** #nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}**/
 
#nav li {
	float: left;
	padding: 0;
	width: 8em;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 9.5em;
	font-weight: normal;
	border-width: 0.0em;
	margin: 0;
	background: #F4F4EE;
	z-index: 9999;
}
#nav li li {
	padding-right: 1em;
	width: 9.5em;
	z-index: 9999;
}
 
#nav li ul a {
	width: 12em;
}
 
/** #nav li ul ul {
	margin: -1.75em 0 0 14em;
}**/
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	background: #CAD0CF;
}

		
/** END header **/

/** BEGIN body **/
#body {
	border: 1px solid #DBDBDB;
	margin: 10px 0;
	background: url(images/wrapper.gif) repeat-y 745px 0;
	background-color: #FFFFFF;
}
/** END body **/

/** BEGIN content **/
#content {
	width: 745px;
	float: left;
}
	#content .buffer {
		padding: 20px 5px;
	}	
#content .diapo {
padding: 0px 15px;
border-bottom: 3px solid #BBBEBD;
background-color: #BBBEBD;
/**background-color: #BFD2D7;**/
	}
	
	
	/**CSS Fairweb pour Calendrier et Résultats**/


#content2 {
	width: 710px;
float: left;
margin-left: 20px;
margin-bottom: 20px;
	}
		#content2 .buffer {
		padding: 20px 5px;
	}	
	#content2 .post h2 {
			font-size: 2em;
			background-color: #F1F1F1;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
			color: #588CB8;
			}
#content2 .img {
padding: 0 5px 0 5px;
}
#content2 .widecolumn .entry p {
	font-size: 1.2em;
	}

#content2 .narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	font-size: 1.2em;
	}

#content2 .widecolumn {
	line-height: 1.6em;
	}
	
#content2 .narrowcolumn .postmetadata {
	text-align: center;
	}

/** Fin CSS Fairweb pour Calendrier et Résultats**/
	
	#content .post {
		width: 345px; height: 340px;
		float: left;
		padding: 0 10px;
	}
		#content .post h2 {
			font-size: 1em;
			background-color: #BFD2D7;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
		}
			#content .post h2 a {
				color: #588CB8;
			}
		#content .post .date {
			font-size: 0.8em;
			padding: 8px 5px;
		}
			#content .post .date a {
				color: #4DB200;
			}
			
			#content .post .thumb {
			width: 329px; height: 150px;
			overflow: hidden;
			margin-left: 7px;
		}
			#content .post .thumb img {
				width: 329px;
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
			}
		#content .post p {
			padding: 5px;
			line-height: 1.4em;
		}
		#content .post .readmore {
			display: block;
			float: right;
			text-indent: -9999px;
			width: 19px; height: 18px;
			outline: none;
			background: url(images/readmore.png) no-repeat 0 0;
		}
				
		
	/**	#content .post .readmore:hover { 

  background: url(images/readmore-on.png) no-repeat 0 0;
}**/
		#content .post .readmore2 {
			display: block;
			float: right;
			outline: none;
			color: #588CB8;
				font-size: 1em;

}

		
	#bottom {
		clear: both;
		padding: 15px 10px 0;
	}
		#bottom .box {
			width: 210px;
			float: left;
			padding: 10px;
		}
			#bottom .box h2 {
				color: #4DB200;
				font-size: 1em;
				padding-bottom: 5px;
				border-bottom: 1px solid #DDDDDD;
			}
			#bottom .box ul {
				list-style-type: none;
				padding-bottom: 10px;
			}
				#bottom .box ul li {
					font-size: 0.8em;
					border-bottom: 1px dotted #ABABAB;
					line-height: 1.4em;
					padding: 6px 0 6px 12px;
					background: url(images/bullet.gif) no-repeat 0 11px;
				}
				#bottom .box ul li a {
					color: #727272;
				}
				#bottom .box ul li a:hover {
					text-decoration: none;
					color: #588CB8;
				}
			#bottom .box .comments a {
				font-weight: bold;
				color: #588CB8;
			}
	#content h2.title {
		padding: 0 15px 20px;
		font-size: 0.9em;
		text-transform: uppercase;
		font-weight: normal;
	}
	#content .postnav {
		padding: 0 15px;
		font-size: 0.8em;
		text-transform: uppercase;
	}
		#content .postnav a {
			color: #588CB8;
		}
		
		#content .retourcat {
		text-align:right;
		font-weight: bold;
	}
		
	#content .single {
		padding: 0 15px;
	}
		#content .espacepost {
		margin-top: 20px;
	}
		#content .single a {
			color: #588CB8;
		}
		#content .single h2 {
			font-size: 2em;
			background-color: #F1F1F1;
			padding: 2px 5px;
			border-bottom: 1px solid #EDEDED;
		}
		#content .single .date {
			font-size: 0.8em;
		}
		
		#content .single .post-date{width: 50px;height:60px; position: absolute; top:190px; right:380px; background:url(images/calendar.png) no-repeat center center white}
span.post-month{display:block;width:50px;text-align:center;position:absolute;top: 1px;color: white;font-weight: bold;background-color:transparent}
span.post-day{line-height:60px;font-size:22pt;display:block; width:48px; height:60px; position:absolute;letter-spacing:-2px;text-align:center; font-weight: 900;z-index:10;top:3px}
span.post-year{display:block;width:50px; text-align:center;position:absolute;bottom:0;font-weight: 900;bottom: 2px; font-size: 7.5pt}
		
		
		
		
		
		#content .single p {
			line-height: 1.4em;
			margin-bottom: 10px;
		}
		#content .single ol, #content .single ul {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .single li {
			line-height: 1.4em;
		}
		#content .single blockquote {
			line-height: 1.4em;
			margin-bottom: 10px;
			padding: 10px 10px 5px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e0e0e0;
		}
		#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
			font-size: 1.2em;
			margin-bottom: 8px;
		}
		.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 content **/

/** BEGIN sidebar **/
#sidebar {
	width: 220px;
	float: right;
}
	#sidebar h2 {
		color: #4DB200;
		font-size: 0.9em;
		text-transform: uppercase;
		padding: 10px 12px;
		background: url(images/horizontal.png) no-repeat 8px 22px;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 10px;
	}
		#sidebar ul li {
			line-height: 1.4em;
			padding: 2px;
			border-bottom: 1px dotted #ABABAB;
		}
		#sidebar ul li a {
			color: #727272;
		}
		#sidebar ul li a:hover {
			color: #588CB8;
			text-decoration: none;
		}
	#sidebar .tags {
		padding: 0 10px 10px;
	}
		#sidebar .tags a {
			color: #727272;
		}
		#sidebar .tags a:hover {
			color: #588CB8;
			text-decoration: none;
		}
	#sidebar .flickr {
		padding: 0 10px 10px;
	}
		#sidebar .flickr img {
			margin: 2px;
		}
	#sidebar .video {
		padding: 0 10px 10px;
	}
	
	#sidebar .sponsors {
  text-align: center;
}
	
/** END sidebar **/

/** BEGIN footer **/
#footer {
	font-size: 0.8em;
	border: 1px solid #DBDBDB;
	padding: 12px;
	color: #727272;
	background-color: #FFFFFF;
}
	#footer {
		
	}
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
	padding: 15px;
}
	#comments h2 {
		font-size: 1em;
		background-color: #F1F1F1;
		padding: 2px 5px;
		border-bottom: 1px solid #EDEDED;
	}
	#comments a {
		color: #588CB8;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments ol li {
		padding: 10px;
		border: 1px solid #e0e0e0;
		margin-bottom: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/
/* Classes fairweb */
.altern1 {
font-size: 1em;
background-color: #9CA2AD;
}

.altern2 {
font-size: 1em;
background-color: #CED1D6;
}
