@charset "utf-8";
/* 

CSS


Couleurs Textes
	Bleu			#0099ca	

Couleurs Fonds

Couleurs Bordures

*/

/* GLOBAL ELEMENTS */

body {
	cursor:default;
	background:#333 url(../_img/bg_page.jpg) center 75px no-repeat;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

p {
	cursor:default;
}

a {
	outline:none;
	border:0;
	color:#fff;
}

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

/* MENU */

#menu {
	width:100%;
	background:url(../_img/bg_footer.png) 0 -1px repeat-x;
	position:relative;
	height:60px;
	padding:15px 0 0 0;
}

#menu ul {
	width:940px;
	position:relative;
	margin:0 auto;
}

#menu ul li {
	height:60px;
	float:left;	
	list-style:none;
	text-align:center;
}

#menu ul li:hover {
	background:#45690e;
}

#menu ul li.right {
	float:right;		
}

#menu ul li .share_regular {
	color:#000;
	font-size:19px;
	letter-spacing:-0.05em;
	font-family: Arial, Helvetica, sans-serif;
}

#menu ul li a {
	display:block !important;
	display:inline-block;
	width:auto;
	height:60px;
	text-decoration:none;
	cursor:pointer;
}

#menu ul li a.border_left {
	background:url(../_img/bg_elt_menu.png) 0 0 no-repeat;	
}

#menu ul li a span.menu_elt {
	display:block !important;
	display:inline-block;
	background:url(../_img/bg_elt_menu.png) 100% 0 no-repeat;
	padding:15px 10px;
	height:30px;
}

#menu ul li a span.menu_elt_alpha {
	/*filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5; */
}

#menu ul li.elt_menu_client {
	float:right;
	text-align:center;
	background:url(../_img/bg_elt_menu.png) 100% 0 no-repeat;
	overflow:hidden;
	width:95px;
}

#menu ul li.elt_menu_client div.container {
	display:block;
	width:300px;
}

#menu ul li .bloc_form_client {
	width:200px;
	clear:none;
	float:left;
	overflow:hidden;
}

#menu ul li .bloc_form_client input.text {
	width:93px;
	vertical-align:middle;
	background:url(../_img/bg_bouton.png) top repeat-x;
	border:1px solid #fff;
	font-size:11px;
	padding:1px;
}

#menu ul li .bloc_form_client input.submit {
	background:url(../_img/bg_bouton.png) top repeat-x;
	border:1px solid #fff;
	font-size:11px;
	color:#666;
	font-variant:small-caps;
}

#menu ul li .bloc_form_client input.submit:hover {
	background:url(../_img/bg_bouton_hover.png) bottom repeat-x;
	color:#000;
}

#menu ul li .bloc_form_client span.elt_form {
	width:170px;
	display:block;
	float:left;
	padding:10px 0;
	text-align:right;
}

*+html #menu ul li .bloc_form_client span.elt_form {
	padding:5px 0;
}

#menu ul li .bloc_form_client span.elt_submit {
	width:20px;
	display:block;
	float:left;
	padding:10px 0 0 10px;
	text-align:left;
}

*+html #menu ul li .bloc_form_client span.elt_submit {
	padding:7px 0 0 10px;
}

#menu ul li .bloc_menu_client {
	display:block !important;
	display:inline-block;
	background:url(../_img/bg_elt_menu.png) 0 0 no-repeat;
	padding:15px 10px;
	height:30px;
	float:left;
}

#menu ul li .bloc_menu_client a span.menu_elt {
	display:block !important;
	display:inline-block;
	padding:0;
	height:30px;
	background:none;
}

/* HEADER */

#header {
	position:relative;
	/*height:170px;*/
	width:1000px;
	margin:0px auto 0px auto;
	padding:20px;
}

	#header #header_logo {
	padding:0;
	float:left;
	min-height:5px;
	margin:0;
	width:350px;
	}

	#header #header_edito {
		position:absolute;
		top:20px;
		right:20px;
	}

/* MAIN */

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

	/* STRUCTURE */
	
	.bloc {
	padding:10px;
	float:left;
	min-height:10px;
	margin:0 0 0px 0;
	}
	
	.bloc_limite {
		background:url(../_img/bg_ligne_separation.png) top right no-repeat;
	}
	
	.bloc_3_12 {
	width:550px;
	}
	
	.bloc_5_12 {
		width:380px;
	}
	
	.bloc_6_12 {
	width:400px;
	}
	
	.bloc_7_12 {
		width:540px;
	}
	
	.bloc_9_12 {
	width:600px;
	}
	
	.bloc_12_12 {
		width:940px;
	}
	
	/* TYPOGRAPHY */
	
	p {
	line-height:1.6em;
	text-align:left;
	color:#CCC;
	margin:0 0 20px 0;
	font-size: 12px;
	}
	
	.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;
	color:#888;
	margin:0 0 10px 0;
	font-size:12px;
	}
	
	.post h4 {
	line-height:1.6em;
	text-align:left;
	color:#393;
	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 ul li {
		line-height:1.6em;
		text-align:justify;
		color:#888;
		font-size:12px;
		margin:0;
		padding:0 5px;
		border-left:#0099ca 5px solid;
		border-bottom:#000 2px solid;
		background:#191919;
		list-style:none;
	}
	
	.post table {
		width:100%;
		margin:0 0 10px 0;
		border-spacing:2px;
	}
	
	.post table th {
		background:#006d8f url(../_img/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:#9C3;
	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;
	}
	
	.justify {
		text-align:justify;
	}
	
	strong {
		color:#ddd;
	}
	
	/* 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_contour {
		padding:10px 10px 0 10px;
		background:#333;
		margin:0 0 10px 0;
	}
	
		.post_contour img {
		padding:0 0 0 0;
		margin:0 10px 0 0;
	}
	
	.post_contour 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(../_img/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(../_img/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(../_img/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:bold;
	font-size:24px;
	color:#9C3;
	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:bold;
	font-size:24px;
	color:#9C0;
	letter-spacing:-0.05em;
		}
		
		#main h2 a {
	color:#0C6;
	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;
	color: #45690e;
		}

		#main .post a:hover img, #main .post_categorie a:hover img {
	background:url(../_img/bg_carousel_on.png) 0 100% #466a25 repeat-x;
	border:1px solid #466a25;
		}
		
				#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;
	color: #9F3;
		}

		#main .post a:hover img, #main .post_categorie a:hover img {
	border:1px solid #466a25;
	background-color: #466a25;
	background-image: url(../_img/bg_carousel_on.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
		}
		
		/* LISTS */
		
		ul.blog_resume, ul.blog_categorie, ul.blog_archive, ul.blog_related, ul.blog_techno {
			padding:0;
			margin:0 0 20px 0;
			list-style:none;
		}
		
		ul.blog_resume li, ul.blog_categorie li, ul.blog_archive li, ul.blog_related li, ul.blog_techno li, ul.post_list li {
			padding:0 0 0 15px;
			margin:0 0 5px 0;
			list-style:none;
			background:url(../_img/bg_list_post.png) 0 3px no-repeat;
			color:#7aa3af;
			color:#888;
		}
		
		ul.blog_resume li {
			background:url(../_img/bg_list_post.png) 0 3px no-repeat;
		}
		
		ul.blog_techno li {
			background:url(../_img/bg_list_technologie.png) 0 3px no-repeat;
		}
		
		ul.blog_archive li {
			background:url(../_img/bg_list_archive.png) 0 3px no-repeat;
		}
		
		ul.blog_categorie li {
			background:url(../_img/bg_list.png) 0 3px no-repeat;
		}
		
		ul.blog_related li, ul.post_list li {
			background:url(../_img/bg_list_related.png) 0 3px no-repeat;
			border:0;
			line-height:normal;
		}
		
		ul.blog_related li.out {
			background:url(../_img/bg_list_related_out.png) 0 3px no-repeat;
		}
		
		/* CAROUSEL */
		
		.carousel {
	position:relative;
	height:400px;
		}
		
		.carousel_full {
			width:940px;
		}
		
		.carousel_half {
	width:580px;
	margin:-10px 0 0 0px;
		}
		
			.carousel .carousel_next {
				width:22px;
				height:42px;
				right:-32px;
				top:50%;
				margin:-21px 0 0 0;
				position:absolute;
				background:url(../_img/bt_fleche_droite.png) 0 0 no-repeat;
				cursor:pointer;
			}
			
			.carousel .carousel_next:hover, .carousel .carousel_next.hover {
				background:url(../_img/bt_fleche_droite.png) -22px 0 no-repeat;
			}
			
			.carousel .carousel_prev {
				width:22px;
				height:42px;
				left:-32px;
				top:50%;
				margin:-21px 0 0 0;
				position:absolute;
				background:url(../_img/bt_fleche_gauche.png) 0 0 no-repeat;
				cursor:pointer;
			}
			
			.carousel .carousel_prev:hover, .carousel .carousel_prev.hover {
				background:url(../_img/bt_fleche_gauche.png) -22px 0 no-repeat;
			}
			
			.carousel_full .carousel_content {
				position:relative;
				width:940px;
				height:100%;
				overflow:hidden;
			}
			
			.carousel_half .carousel_content {
				position:relative;
				width:460px;
				height:100%;
				overflow:hidden;
			}
			
			.carousel ul {
				width:1000%;
				height:100%;
				list-style:none;
			}
			
			.carousel ul li {
				width:200px;
				height:200px;
				margin:0 20px 0 0;
				padding:9px;
				float:left;
				background:url(../_img/bg_carousel.png) 0 0 repeat-x;
				border:1px solid #fff;
				border-collapse:collapse;
				position:relative;
			}
			
			.carousel ul li:hover {
				background:url(../_img/bg_carousel.png) 0 -220px repeat-x;
				border:1px solid #0099cc;
			}
			
			.carousel ul li .carousel_legend {
				position:absolute;
				left:0;
				bottom:0;
				padding:10px;
				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;
			}
		
/* FORMULAIRES */

.bloc_3_12 form {
			margin:10px 0 0 0;
		}

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

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

		.bloc_3_12 form label .text {
			width:141px;
			vertical-align:middle;
			background:url(../_img/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;
		}

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

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

		.bloc_3_12 form .submit:hover, .bloc_3_12 form .submit:focus {
			background:url(../_img/bg_bouton_hover.png) top repeat-x #fff;
			border:1px solid #d8d8d8;
			color:#000;
		}
		
/* FOOTER */

	#footer {
	/*clear:both;
		position:relative;*/
		position:absolute;
	bottom:0;
	width:100%;
	background:url(../_img/bg_footer.png) top repeat-x #0079a1;
	background-color: #9C3;
	}

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

	#footer a, #footer a:link, #footer a:visited {
		color:#fff;
		text-decoration:none;
	}

	#footer a:hover, #footer a:active {
		color:#fff;
		text-decoration:underline;
	}

	#footer_content {
	clear:both;
	position:relative;
	width:860px;
	margin:0 auto;
	padding:15px 0 0px 0;
	}

	#footer .colonne {
	width:350px;
	float:left;
	line-height:1.5em;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}