@charset "utf-8";
/* 

CSS

Janvier 2009

Développé par Damien Goubeau Développement http://www.damien-goubeau-developpement.fr

Couleurs Textes
	Bleu			#0099ca	

Couleurs Fonds

Couleurs Bordures

*/

/* GLOBAL ELEMENTS */

/* HEADER */


/* MAIN */

#main {
	position:relative;
	width:990px;
	margin:0 auto;
	padding:0px;
	clear:both;
}

	/* STRUCTURE */
	
	.bloc {
		padding:0px;
		float:left;
		min-height:10px;
		margin:0 0 0px 0;
	}
	
	.bloc_limite {
		background:url(bg_ligne_separation.png) top right no-repeat;
	}
	
	
	
	.bloc_12_12 {
		width:990px;
	}
	
	/* TYPOGRAPHY */
	
	p {
		line-height:1.6em;
		text-align:left;
		color:#888;
		margin:0 0 20px 0;
	}
	
	.post code {
		font-family:"Lucida Console", "Courier New", Courier, monospace;
		color:#ccc;
		font-weight:normal;
	}
	
	.post acronym {
		color:#ccc;
		border-bottom:1px dotted #ccc;
		cursor:help;
	}
	
	.post p {
		line-height:1.6em;
		text-align:justify;
		color:#888;
		margin:0 0 10px 0;
		font-size:12px;
	}
	
	.post h4 {
		line-height:1.6em;
		text-align:left;
		color:#0099ca;
		margin:0 0 10px 0;
		font-size:14px;
		font-weight:normal;
		font-variant:small-caps;
	}
	
	.post ul {
		margin:0 20px 10px 20px;
		list-style:none;
	}

	
	.post table {
		width:100%;
		margin:0 0 10px 0;
		border-spacing:2px;
	}
	
	.post table th {
		background:#006d8f url(bg_degrade_bleu.png) top repeat-x;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#191919;
		font-weight:normal;
		border:1px solid #000;
		font-size:12px;
		padding:5px;
	}
	
	.post table td {
		color:#888;
		font-size:12px;
		background:#191919;
		border:1px solid #000;
		padding:5px;
		vertical-align:top;
	}
	
	.post table td.blank {
		border:1px solid #000;
		background:none;
	}
		
	p.meta_post {
		line-height:1.6em;
		text-align:right;
		color:#0099ca;
		margin:-20px 0 10px 0;
	}
	
	.edito, .edito p {
		font-family:Helvetica, Verdana, Arial, sans-serif;
		font-size:13px;
		line-height:2em;
		color:#888;
	}
	
	.left {
		text-align:left;
	}
	
	.right {
		text-align:right;
	}
	
	
	/* POST */
	
	.post_categorie {
		padding:10px 10px 0 10px;
		background:#111;
		margin:0 0 10px 0;
	}
	
	.post_categorie img {
		padding:0 0 0 0;
		margin:0 10px 0 0;
	}
	
	.post_categorie p {
		margin:0;
	}
	
	.post {
		padding:0 0 20px 0;
	}
	
	.post_data {
		border-top:1px solid #0099ca;
		padding:10px 0;
		vertical-align:middle;
	}
	
	.post_data p {
		width:50%;
		float:left;
		padding:0;
		margin:0;
	}
	
	.post_data p.right {
		text-align:right;
	}
	
	.post_data img {
		vertical-align:middle;
	}
	
	.post_comment {
		border-top:1px solid #0099ca;
		padding:10px 0 0 0;
		vertical-align:middle;
	}
	
		.post_comment ul {
			margin:0;
			padding:0;
			list-style:none;
		}
	
		.post_comment ul li {
			margin:0 0 10px 0;
			padding:5px;
			background:#111;
		}
	
		.post_comment ul li:last {
			margin:0;
		}
	
		.post_comment ul li p {
			margin:0;
			padding:0 0 10px 0;
		}
	
		.post_comment ul li .post_comment_pic {
			float:left;
		}
	
		.post_comment ul li .post_comment_pic img {
			border:#757575 1px solid;
			padding:3px;
			margin:0 10px 0 0;
		}
	
		.post_comment ul li .post_comment_pic a:hover img {
			border:#fff 1px solid;
		}
	
		.post_comment ul li .post_comment_content {
			float:left;
			width:400px;
		}

	.post_comment_form {
		border-top:1px solid #0099ca;
		padding:10px 0 0 0;
		vertical-align:middle;
	}

		.post_comment_form form {
			margin:0 0 0 55px;
		}

		.post_comment_form form label {
			display:block;
			clear:both;
			padding:0 0 5px 0;
			cursor:pointer;
		}

		.post_comment_form form label span {
			width:110px;
			display:block;
			float:left;
			vertical-align:middle;
			line-height:17px;
		}

		.post_comment_form form label .text {
			width:290px;
			vertical-align:middle;
			background:url(bg_bouton.png) top repeat-x #d8d8d8;
			border:1px solid #fff;
			font-size:12px;
			padding:1px;
			color:#666;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			letter-spacing:1px;
		}

		.post_comment_form form label:hover .text, .post_comment_form form label .text:focus {
			color:#000;
		}

		.post_comment_form form .submit {
			float:right;
			vertical-align:middle;
			background:url(bg_bouton.png) top repeat-x #d8d8d8;
			border:1px solid #fff;
			font-size:11px;
			padding:1px;
			font-variant:small-caps;
			color:#666;
		}

		.post_comment_form form .submit:hover, .post_comment_form form .submit:focus {
			background:url(bg_bouton_hover.png) top repeat-x #fff;
			border:1px solid #d8d8d8;
			color:#000;
		}
	
	/* ELEMENTS */
	
		/* HTML */
		
		#main h2, #header h2 {
			text-align:left;
			margin:0 0 15px 0;
			padding:0;
			height:36px;
			line-height:36px;
			/* Style sans Cùfon */
			font-family:Arial, Helvetica, sans-serif;
			font-variant:small-caps;
			font-weight:normal;
			font-size:25px;
			color:#0099ca;
			letter-spacing:-0.05em;
		}
		
		#main h3, #header h3 {
			text-align:left;
			margin:0 0 15px 0;
			padding:0;
			/* Style sans Cùfon */
			font-family:Arial, Helvetica, sans-serif;
			font-variant:small-caps;
			font-weight:normal;
			font-size:20px;
			color:#0099ca;
			letter-spacing:-0.05em;
		}
		
		#main h2 a {
			color:#0099ca;
			text-decoration:none;
		}
		
		#main h2 a:hover {
			color:#fff;
			text-decoration:none;
		}

		#main a.blank {
			padding:0 7px 0 0;
			background:url(../_img/bg_fleche_a_content.png) 100% 5px no-repeat;
		}

		#main .post img, #main .post_categorie img {
			padding:9px;
			float:left;
			background:url(../_img/bg_carousel_off.png) 0 100% #fff repeat-x;
			border:1px solid #fff;
			border-collapse:collapse;
			margin:0 10px 10px 0;
		}

		#main .post a:hover img, #main .post_categorie a:hover img {
			background:url(../_img/bg_carousel_on.png) 0 100% #0099cc repeat-x;
			border:1px solid #0099cc;
		}
		
		
		
		/* CAROUSEL */
		
		.carousel {
			position:relative;
			height:149px;
		}
		
		.carousel_full {
			width:990px;
		}
		
		.carousel_half {
			width:463px;
			margin:-10px 0 0 10px;
		}
		
			.carousel .carousel_next {
				width:22px;
				height:140px;
				right:-34px;
				_right:-22px;
				top:14%;
				margin:-12px 0 0 0;
				position:absolute;
				background:url(../images/scroller_right.gif) 0 0 no-repeat;
				cursor:pointer;
			}
			
			.carousel .carousel_next:hover, .carousel .carousel_next.hover {
				background:url(../images/scroller_right_hover.gif) 0px 0 no-repeat;
			}
			
			.carousel .carousel_prev {
				width:22px;
				height:140px;
				left:40px;
				top:21px;
				margin:-12px 0 0 -2px;
				position:absolute;
				background:url(../images/scroller_left.gif) 0 0 no-repeat;
				cursor:pointer;
			}
			
			.carousel .carousel_prev:hover, .carousel .carousel_prev.hover {
				background:url(../images/scroller_left_hover.gif) -0px 0 no-repeat;
			}
			
			.carousel_full .carousel_content {
				position:relative;
				width:931px;
				height:100%;
				overflow:hidden;
				margin-right:auto;
				margin-left:auto;
			}
			
			.carousel_half .carousel_content {
				position:relative;
				width:465px;
				height:100%;
				overflow:hidden;
			}
			
			.carousel ul {
				width:1000%;
				height:100%;
				list-style:none;
			}
			
			.carousel ul li {
				
				height:149px;
				margin:0 0px 0 0;
				padding:9px 0;
				float:left;
				background:url(bg_carousel.png) 0 0 repeat-x;
				border:0px solid #fff;
				border-collapse:collapse;
				position:relative;
			}
			
			.carousel ul li:hover {
				background:url(bg_carousel.png) 0 0px repeat-x;
				border:0px solid #0099cc;
			}
			
			.carousel ul li .carousel_legend {
				position:absolute;
				left:0;
				bottom:0;
				padding:0px;
				width:180px;
				display:block;
				background:#000;
				margin:9px;
			}
			
			.carousel ul li .carousel_visuel {
				overflow:hidden;
				text-align:center;
			}
			
			.carousel ul li .carousel_visuel img {
				margin:0 0 0 -70px;
				margin:0;
			}