/*------------RESET CSS PAR ERIC MEYER------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

.clear
{
	clear:both;
}

/*---------MES STYLES--------------*/

@font-face {
	font-family: 'MyriadProSemibold';
	src: url('fonts/myriadpro-semibold-webfont.eot');
	src: local('1d45df4sdf'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'), url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('fonts/myriadpro-semibold-webfont.svg#webfontgnGTmHiV') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	outline: none;
}

html, body {height: 100%;}

body {
	background-color: #ffffff;
	background-image: url(../images/body.png);
	background-repeat: repeat-x;
	font-family: Arial,Helvetica,sans-serif;
	color:#222;
}

#body_accueil {
	background-image: url(../images/body_accueil.png);
	background-repeat: repeat-x;
}

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#container {
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
}

#main
{
	overflow:auto;
	padding-bottom: 70px;
}

#accroche {
	background-color: #170f05;
	border-bottom: 1px solid #686257;
	height: 90px;
	width: 960px;
	overflow:hidden;
}

#tagline {
	background-image: url(../images/bandeau.png);
	background-repeat: repeat-x;
	height: 240px;
	width: 960px;
	overflow:hidden;
}

#tagline_titres {
	float:left;
	height:174px;
	overflow:hidden;
	padding-bottom:33px;
	padding-top:33px;
	width:555px;
}

#tagline_preview {
	float: left;
	height: 239px;
	width: 379px;
}

#menu {
	background-image: url(../images/menu_tranche.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 60px;
	width: 960px;
	overflow:hidden;
}

ul {
	list-style: none;
}

#menu li {
	/*color: #655a39;
	float: left;
	font-size: 11px;
	height: 41px;
	line-height: 19px;
	margin-right: 18px;
	padding-top: 19px;*/
	color:#655A39;
	float:left;
	font-size:11px;
	height:41px;
	line-height:19px;
	margin-right:18px;
	margin-top:12px;
}

#menu .li_current {
	/*background-image: url(../images/menu_current.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 41px;
	padding-top: 19px;*/
	height:41px;
}

#menu .menu_sep {
	/*background-image: url(../images/menu_sep.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 41px;
	margin-right: 24px;
	padding-top: 19px;
	width: 3px;*/
	background-image:url("/css/../images/menu_sep.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	height:41px;
	margin-right:24px;
	padding-top:7px;
	width:3px;
}

#menu a {
	/*height: 60px;
	color: #544334;
	text-decoration: none;*/
	color:#544334;
	display:block;
	height:36px;
	padding:6px;
	text-decoration:none;
}

#menu a:hover, #menu .current {
	color: #170f05;
}

#menu .current
{
	background:url("/css/../images/menu_current.png") no-repeat scroll 4px bottom transparent;
	color:#170F05;
}

#principal {
	background-image: url(../images/corps.gif);
	background-repeat: repeat-x;
	min-height: 400px;
	min-height: 577px;
	width: 960px;
}
#body_accueil #principal {
	min-height: 0;
}
#contenu {
	float: left;
	margin-bottom: 24px;
	width: 570px;
}
#body_accueil #contenu ul {
	font-size: 12px;
	line-height: 20px;
	width: 560px;
}
#body_accueil #contenu li {
	font-size: 12px;
	line-height: 20px;
	width: 530px;
}
.accueil_titre_li {
	margin-bottom: 12px;
}
.accueil_presentation_li {
	list-style-type: circle;
	margin-left: 38px;
}
#body_accueil #contenu img {
	background:none repeat scroll 0 0 #E8E2C5;
	border:1px solid #C8BB7F;
	margin-top:15px;
	margin-bottom:18px;
	padding:1px;
}
#sidebar {
	float: left;
	font-size: 11px;
	margin-bottom: 24px;
	padding-left: 32px;
	width: 358px;
}
#sidebar h2 img {
	margin-left: 30px;
	vertical-align: middle;
}
#sidebar ul {
	padding-top: 14px;
}
#sidebar li {
	clear: both;
	margin-bottom: 18px;
}
#footer_body {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	clear: both;
	height: 70px;
	text-align: center;
	position: relative;
	margin-top: -70px;
}
#footer {
	margin: 0 auto;
	width: 960px;
}
#footer ul {
	padding-top: 24px;
}
#footer li {
	color:#C2AA88;
	display:inline;
	font-size:12px;
	margin-left:20px;
	margin-right:20px;
}
dl {
	border-bottom: 3px solid #e7e8e7;
	clear: both;
	margin: 0 0 20px 0;
	width: 550px;
}
dt {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px 10px 0px;
	position: relative;
}
dd ul li {
	font-size: 12px;
	line-height: 24px;
	list-style-type: circle;
	margin-bottom: 4px;
}
dd.programme_complet {
	margin: 0 auto;
	position: relative;
	width: 90%;
}
dd.programme_complet div {
	padding: 10px;
}
a.lien_bouton_developp {
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	text-decoration: none;
}
h3 {
	font-weight: bold;
}
#ul_sidebar_competences li {
	margin-bottom: 12px;
}
li.titre {
	background: url(../images/resume.png) center left no-repeat;
	padding: 2px 0 0 36px;
}
li.texte {
	font-size: 12px;
	margin-bottom: -12px;
	padding-left: 36px;
}
li h4 {
	display: inline;
	font-size: 18px;
	font-weight: bold;
}
li.titre .small {
	font-size: 16px;
}
#portfolio #sidebar li a {
	color: #433a2d;
	display: inline-block;
	font-size: 12px;
	height: 44px;
	padding: 8px 26px;
	text-decoration: none;
	width: 160px;
}
#portfolio #sidebar li a.current, #portfolio #sidebar li a:hover {
	background-image: url(../images/portfolio_liste2.png);
	color: #ffffff;
}
#portfolio #sidebar li .titre_menu_portfolio {
	font-size: 14px;
	font-weight: bold;
}
#portfolio #sidebar li .titre_menu_portfolio_current {
	color: #e5b84e;
	font-size: 14px;
	font-weight: bold;
}
#portfolio #contenu a {
	border: none;
	padding: 0;
}
#portfolio #contenu h2 {
	margin-bottom: 20px;
}
#portfolio #contenu a img {
	border: 1px solid #979797;
}
#portfolio #contenu #conteneur_photos {
	background-image: url(../images/cadre_portfolio.png);
	background-repeat: no-repeat;
	height: 304px;
	padding: 29px 34px 25px 25px;
	width: 469px;
}
label.align {
	float: left;
	font-size: 12px;
	width: 160px;
}
#nom_form,#prenom_form,#email_form,#sujet_form,#message_form {
	border: 2px solid #eaddbb;
	margin-bottom: 12px;
}
#nom_form:focus,#prenom_form:focus,#email_form:focus,#sujet_form:focus,#message_form:focus {
	border: 2px solid #b9c957;
}
p.contact {
	font-size: 14px;
	line-height: 24px;
}
.alert {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}
legend {
	display: none;
}
#sujet_form,#email_form,#message_form {
	width: 280px;
}
.alert img {
	margin-right: 12px;
	vertical-align: middle;
}
#nom_form.rouge,#prenom_form.rouge,#email_form.rouge,#sujet_form.rouge,#message_form.rouge {
	border: 2px solid #990000;
}
#sidebar.contact {
	padding-top: 88px;
	text-align: center;
}
#sidebar.contact img {
	margin-bottom: 18px;
}
ul.contact {
	margin-left: 135px;
}
ul.contact li {
	background: url(../images/croix.png) bottom left no-repeat;
	line-height: 18px;
	padding-left: 24px;
	text-align: left;
}
.liste_contact_texte {
	margin-left: 6px;
}
#liens #contenu img {
	margin-bottom: 0;
	vertical-align: middle;
}
#liens #contenu a {
	border: none;
	color: #917531;
}
#liens #contenu ul li {
	font-size: 14px;
	list-style-type: circle;
	margin-bottom: 12px;
}
#liens #contenu h2 {
	color: #433a2d;
	font-size: 30px;
	margin-bottom: 12px;
	margin-top: 24px;
}
#blog h2 {
	margin-bottom: 14px;
}
#blog h3 {
	font-size: 16px;
	margin-bottom: -12px;
}
#blog #sidebar li.categories {
	font-size: 14px;
	margin-bottom: 6px;
}
#blog #sidebar .categories a {
	color: #544334;
	text-decoration: none;
}
#blog #sidebar .categories a:hover, #blog #sidebar .categories a.current {
	border-bottom: 1px solid;
}
#blog #contenu h3 {
	margin-bottom: 6px;
}
#blog #contenu p.date_blog {
	margin-bottom: 12px;
}
h1 {
	color: #e7e7e7;
	font-size: 40px;
	font-weight: bold;
	padding-top: 10px;
	font-family:MyriadProSemibold, Arial;
}
h1 a {
	color: #e7e7e7;
	text-decoration: none;
}
h1 span {
	color: #5d5750;
	font-size: 24px;
	font-weight: normal;
	margin-left: 12px;
	text-transform: lowercase;
}
.small {
	font-size: 20px;
}
#tagline h2 {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	font-family:MyriadProSemibold, Arial;
}
.menu_titre {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -2px;
	margin-top: -6px;
}
#sidebar .news a {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	color:#2C5E1F;
	display:block;
	line-height:18px;
}
#sidebar .news a:active,#sidebar .news a:link,#sidebar .news a:visited {
	text-decoration: none;
}
#sidebar .news a:hover {
	/*border-bottom: 1px solid;*/
}
#principal h2 {
	color: #433a2d;
	font-size: 30px;
	margin-top: 24px;
	font-family:MyriadProSemibold, Arial;
}
#contenu p {
	clear: both;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 32px;
	width: 530px;
	text-align:justify;
}
#contenu a {
	color: #433a2d;
}
#contenu a:link,#contenu a:visited,#contenu a:active {
	border-bottom: 1px solid;
	text-decoration: none;
}
#contenu a:hover {
	border-bottom: none;
}
#body_accueil #contenu .intro {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin-right: 24px;
	margin-top:26px;
	width: 386px;
	text-align:justify;
	color:#444;
}
#contenu .intro_competences {
	margin-bottom: 8px;
	margin-top: 8px;
}
#sidebar .news {
	float:left;
	margin-bottom:22px;
	margin-top:3px;
	width:290px;
}
#sidebar p.date {
	background-image: url(../images/date.png);
	background-repeat: no-repeat;
	color: #CCCCCC;
	float: left;
	font-size: 16px;
	height: 39px;
	line-height: 15px;
	margin-right: 18px;
	margin-top: 6px;
	padding-top: 8px;
	text-align: center;
	width: 45px;
}
#sidebar .mois {
	color: #ddd1ae;
	font-size: 12px;
	text-transform:uppercase;
}
#footer a:link,#footer a:active,#footer a:visited {
	color: #e5b84e;
	text-decoration: none;
}
#footer a:hover, #footer a.current {
	border-bottom: 1px solid;
}
h2.autres {
	margin-bottom: 12px;
}
.gras {
	font-weight: bold;
}
.souligne {
	text-decoration: underline;
}
a.liens_comp {
	font-size: 12px;
	margin-right: 16px;
}
a.liens_comp_current {
	text-decoration: none;
}
#blog a.pages_blog {
	background-color: #ece5d1;
	border-bottom: none;
	color: #000000;
	margin: 4px;
	padding: 3px 4px;
	border:1px solid #bdb293;
}
#blog a.pages_blog_current, #blog a.pages_blog:hover {
	background-color: #d6caa7;
	border-bottom: none;
	color: #fff;
	margin: 4px;
	padding: 3px 4px;
	border:1px solid #bdb293;
}
#blog a.pages_blog_current {
	font-weight:bold;
}
p.pagination {
	text-align:center;
	padding-top:18px;
}
#competences .intro_competences a {
	border-bottom: 1px solid;
	margin-right: 12px;
	text-decoration: none;
}
#competences .intro_competences a.current, #competences .intro_competences a:hover {
	border-bottom: none;
	margin-right: 12px;
	text-decoration: none;
}
#portfolio #notes {
width:469px;
}
#portfolio #contenu ul {
list-style-type:disc;
margin-left:36px;
margin-top:6px;
}
#portfolio #contenu li {
margin:0 0 6px 0;
}
#portfolio #contenu li.second {
margin-left:36px;
list-style-type:circle;
}
#portfolio h3 {
margin:24px 0 12px 0;
}
#portfolio #contenu p {
margin:0;
}
#blog #contenu ul {
padding-left:24px;
margin: -26px 0 22px 0;
}
#blog #contenu li {
list-style-type:circle;
padding-left:6px;
font-size:12px;
}
#blog #contenu li p {
font-size:12px;
margin:0;
}
#blog .image {
border:none;
}
#blog .image img {
margin:0;
}
#blog .miniatures {
padding:5px;
border:1px solid #eee;
width:82px;
height:82px;
float:left;
margin-right:14px;
margin-bottom:14px;
}
#blog .infos_blog {
float:left;
width:365px;
}
#blog .infos_blog a {
border-bottom:none;
}
#blog .infos_blog a:hover {
border-bottom:1px solid;
}
#blog p.article {
margin-bottom:36px;
text-align:justify;
}
#blog #article p.article {
margin-bottom:36px;
padding-top:12px;
}
#blog .miniatures img {
border:1px solid #eee;
margin:0;
}
#blog .miniatures a {
border-bottom:none;
}
#article {
margin-top:32px;
}
#blog .centrage {
text-align:center;
}
#blog .centrage img{
border:1px solid #ddd;
}
#blog form {
margin-top:24px;
margin-bottom:18px;
margin-left:-3px;
background-image:url(../images/blog_form.png);
background-repeat:no-repeat;
}
#blog #recherche {
padding:7px 5px 7px 8px;
border:none;
background:none;
color:#333;
width:147px;
}
#blog #bt_envoi {
background-image:url(../images/blog_form_btn.png);
text-indent:-9999px;
width:32px;
height:24px;
border:none;
outline:none;
cursor: pointer;
padding:0 3px;
}
#blog #sidebar h3 {
margin-bottom:0;
}
#blog .infos_blog h2 {
	font-size: 16px;
	margin-top:2px;
	margin-bottom: 6px;
	font-weight:bold;
	line-height:22px;
	width:424px;
}
h2 .small .smaller
{
	font-size:14px;
}
#submenu
{
	
}
	#submenu ul
	{
		padding:3px 0 0;
	}
		#submenu ul li
		{
			display:inline;
		}
		
			#submenu ul li a
			{
				font-size:12px;
				color:#433A2D;
				text-decoration:none;
				border-bottom:1px solid;
				padding:0 1px 1px;
				margin-right:8px;
			}
			
			#submenu ul li a:hover
			{
				border-bottom:none;
			}
			

/*	 REALISATIONS	*/

#principal.real
{
	background:none;
	width:916px;
}

#realisationsW
{
	float:left;
	width:100%;
	margin-bottom:24px;
}

	#realHeader
	{
		position:relative;
		margin-bottom:24px;
		width:100%;
		border-bottom:1px solid #888888;
		padding:17px 0 4px;
		float:left;
	}

	#projets-realisations h2
	{
		background:none;
		float:left;
		margin-top:0;
	}
	
	#projets-realisations .cats
	{
		float:right;
		height:25px;
		position:absolute;
		right:-5px;
		bottom:15px;
		z-index:6;
	}
	
		#projets-realisations .cats li
		{
			display:inline;
		}
		
			#projets-realisations .cats li a
			{
				background-color:#F1F5F6;
				border:1px solid #DBDFE0;
				color:#000000;
				font-family:Geneva,Arial,Helvetica,sans-serif,Decker;
				font-size:12px;
				height:22px;
				margin-right:5px;
				padding:5px 10px;
				text-decoration:none;
			}
			
				#projets-realisations .cats li a:hover
				{
					background-color:#ebeff0;
					border:1px solid #d7dadb;
				}
			
			#projets-realisations .item
			{
				width:200px;
				height:246px;
				float:left;
				overflow:hidden;
				border:1px solid #cbccc7;
				margin-bottom:32px;
			}
				
				#projets-realisations .item.pos-1, #projets-realisations .item.pos-2, #projets-realisations .item.pos-3
				{
					margin-left:36px;
					float:left;
				}
			
			#projets-realisations .item .image
			{
				background:#fdfdfd;
				border-bottom:1px solid #cbccc7;
				height:196px;
				padding:2px;
				width:196px;
				overflow:hidden;
			}
			
				#projets-realisations .item .image a span.hover
				{
					background:url("../images/real-hover-bis.png") no-repeat scroll 0 0 transparent;
					cursor:pointer;
					height:20px;
					position:absolute;
					width:184px;
					opacity:0;
					color:#ffffff;
					text-align:right;
					padding-top:176px;
					padding-right:12px;
					font-size:11px;
				}
				
				#projets-realisations .item p
				{
					width:auto;
				}
				
				#projets-realisations .item .content
				{
					color:#676767;
					font-size:10px;
					line-height:20px;
					height:42px;
					width:184px;
					padding:5px 8px;
					background:#eeeeee;
				}
				
				#projets-realisations .item p
				{
					font-size:12px;
					font-weight:bold;
					text-transform:uppercase;
					margin-bottom:-4px;
					color:#222;
				}
				
	#contentReal
	{
		padding-top:18px;
		float:left;
		width:100%;
		font-size:12px;
		color:#333;
		clear:both;
		line-height:18px;
		text-align:justify;
	}
	
		#contentReal h3
		{
			margin-bottom:9px;
			margin-top:4px;
		}
		
		#contentReal p
		{
			margin-bottom:12px;
		}
		
		#contentReal hr
		{
			border:none;
			border-top:1px solid #eee;
			background:none;
			padding-top:1px;
			padding-bottom:4px;
			margin:9px 0 12px;
		}
		
		#contentReal ul
		{
			
		}
		
			#contentReal ul li
			{
				list-style:disc inside url("../images/real-li.jpg");
				margin-bottom:9px;
			}
	
		#contentReal .introduction
		{
			float:left;
			width:480px;
		}
		
		#contentReal a.project-link
		{
			color:#333;
			text-decoration:none;
			padding:0 1px 1px;
			font-weight:bold;
		}
		
			#contentReal a.project-link:hover
			{
				border-bottom:1px solid;
			}
	
		#imageReal
		{
			width:400px;
			height:245px;
			overflow:hidden;
			float:right;
			margin-left:32px;
			margin-bottom:12px;
		}
		
#contenu .syntaxhighlighter
{
	margin:24px 0 !important;
	width:530px !important;
}

#contentReal .nivo-caption
{
	background:none repeat scroll 0 0 #333333;
}

#contentReal .nivo-caption p
{
	margin:5px;
}

/* NIVO SLIDER */

/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav
{
	position:absolute;
	bottom:-20px;
	text-align:center;
	left:50%;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	margin-right:3px;
	cursor:pointer;
	display:block;
	background:url(../images/slider-nav.png) no-repeat 0 0;
	text-indent:-9999px;
	width:11px;
	height:11px;
	float:left;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background:url(../images/slider-nav.png) no-repeat 100% 100%;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#tagline_preview .nivo-caption
{
	left:11px;
	width:356px;
	font-size:12px;
	text-align:right;
	margin-right:6px;
	padding:2px 0;
}

	#tagline_preview .nivo-prevNav
	{
		display:block;
		width:32px;
		height:34px;
		background:url(../images/nivo-dir-prev.png) no-repeat;
		text-indent:-9999px;
		left:-29px;
	}
	
	#tagline_preview .nivo-nextNav
	{
		display:block;
		width:32px;
		height:34px;
		background:url(../images/nivo-dir-next.png) no-repeat top center;
		text-indent:-9999px;
		right:-29px;
	}
	
		#tagline_preview .nivo-nextNav:hover
		{
			background-position:bottom center;
		}
	
	#tagline_preview .nivo-controlNav {
		bottom:12px;
		position:absolute;
		right:17px;
		text-align:center;
	}
	
		#tagline_preview .nivo-prevNav:hover
		{
			background-position:bottom center;
		}
		
#blog #contenu p
{
	margin-bottom:20px;
}

#blog #contenu .article
{
	clear:both;
	display:block;
	padding:18px 0;
}

#blog #sidebar
{
	padding-top:33px;
}

	#blog .infos_blog
	{
		/*position:relative;*/
	}

	#blog .addthis_button
	{
		margin-bottom:18px;
		/*position:absolute;*/
	}
	
	#blog .infos_blog .addthis_button:hover, #blog .centrage  a
	{
		border-bottom:none;
		/*position:absolute;*/
	}
	
	.addthis_button_compact, #blog .infos_blog .addthis_button_compact:hover
	{
		font-size:11px;
		border-bottom:none;
	}

#blog #article ul
{
	margin:-14px 0 22px;
}

#plan-du-site #principal
{
	background:none repeat scroll 0 0 transparent;
	width:916px;
}

	#h2wrapper
	{
		border-bottom:1px solid #888888;
		float:left;
		margin-bottom:12px;
		padding:17px 0 4px;
		position:relative;
		width:100%;
	}
	
	#h2wrapper h2
	{
		background:none repeat scroll 0 0 transparent;
		float:left;
		margin-top:0;
	}

#plan-du-site #principal ul
{
	padding-left:0px;
}

#plan-du-site .sitemapW
{
	padding:12px;
	clear:both;
}

	#plan-du-site #principal ul li
	{
		font-size:15px;
		line-height:20px;
		margin-bottom:10px;
		list-style: disc inside url("../images/real-li.jpg")
	}
	
		#plan-du-site #principal ul li a
		{
			color:#444;
			font-weight:bold;
			outline:medium none;
			text-decoration:none;
		}
		
		#plan-du-site #principal ul li a:hover
		{
			border-bottom:1px solid #444;
		}
		
		#plan-du-site #principal ul li ul
		{
			padding:8px 32px 0px;
		}
		
			#plan-du-site #principal ul li ul li 
			{
				margin-bottom:4px;
				font-size:13px;
			}
			
#blogHeader
	{
		position:relative;
		margin-bottom:8px;
		width:94%%;
		padding:17px 0 4px;
		float:left;
	}

	#blogHeader h2
	{
		background:none;
		float:left;
		margin-top:0;
		border-bottom:1px solid #888888;
		font-size:24px;
	}

#blog #contenu h3
{
	margin-bottom:12px;
}

#blog #contenu ol
{
	margin-left:32px;
}

	#blog #contenu ol li
	{
		list-style-type:decimal;
		margin-bottom:12px;
	}
	
#blog #contenu hr
{
	border:none;
	border-bottom:1px solid #ccc;
}

#navigationAide
{
	position:absolute;
	top:-9999px;
}

pre 
{  
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    font-size: 12px;
    margin-bottom: 18px;
    padding: 15px;
    white-space: pre-line;
    width: 500px;
    word-wrap: break-word;
}

em
{
	font-style:italic;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 * 
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 17px !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  text-align: left !important;
  top: auto !important;
  vertical-align: baseline !important;
  width: auto !important;
  box-sizing: content-box !important;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  min-height: inherit !important;
  min-height: auto !important;
}

.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important;
}
.syntaxhighlighter.source {
  overflow: hidden !important;
}
.syntaxhighlighter .bold {
  font-weight: bold !important;
}
.syntaxhighlighter .italic {
  font-style: italic !important;
}
.syntaxhighlighter .line {
  white-space: pre !important;
}
.syntaxhighlighter table {
  width: 100% !important;
}
.syntaxhighlighter table caption {
  text-align: left !important;
  padding: .5em 0 0.5em 1em !important;
}
.syntaxhighlighter table td.code {
  width: 100% !important;
}
.syntaxhighlighter table td.code .container {
  position: relative !important;
}
.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background: white !important;
  padding-left: 1em !important;
  overflow: hidden !important;
  white-space: pre !important;
}
.syntaxhighlighter table td.gutter .line {
  text-align: right !important;
  padding: 0 0.5em 0 1em !important;
}
.syntaxhighlighter table td.code .line {
  padding: 0 1em !important;
}
.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
  padding-left: 0em !important;
}
.syntaxhighlighter.show {
  display: block !important;
}
.syntaxhighlighter.collapsed table {
  display: none !important;
}
.syntaxhighlighter.collapsed .toolbar {
  padding: 0.1em 0.8em 0em 0.8em !important;
  font-size: 1em !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
}
.syntaxhighlighter.collapsed .toolbar span {
  display: inline !important;
  margin-right: 1em !important;
}
.syntaxhighlighter.collapsed .toolbar span a {
  padding: 0 !important;
  display: none !important;
}
.syntaxhighlighter.collapsed .toolbar span a.expandSource {
  display: inline !important;
}
.syntaxhighlighter .toolbar {
  position: absolute !important;
  right: 1px !important;
  top: 1px !important;
  width: 11px !important;
  height: 11px !important;
  font-size: 10px !important;
  z-index: 10 !important;
}
.syntaxhighlighter .toolbar span.title {
  display: inline !important;
}
.syntaxhighlighter .toolbar a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  padding-top: 1px !important;
}
.syntaxhighlighter .toolbar a.expandSource {
  display: none !important;
}
.syntaxhighlighter.ie {
  font-size: .9em !important;
  padding: 1px 0 1px 0 !important;
}
.syntaxhighlighter.ie .toolbar {
  line-height: 8px !important;
}
.syntaxhighlighter.ie .toolbar a {
  padding-top: 0px !important;
}
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
  background: none !important;
}
.syntaxhighlighter.printing .line .number {
  color: #bbbbbb !important;
}
.syntaxhighlighter.printing .line .content {
  color: black !important;
}
.syntaxhighlighter.printing .toolbar {
  display: none !important;
}
.syntaxhighlighter.printing a {
  text-decoration: none !important;
}
.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
  color: black !important;
}
.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
  color: #008200 !important;
}
.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
  color: blue !important;
}
.syntaxhighlighter.printing .keyword {
  color: #006699 !important;
  font-weight: bold !important;
}
.syntaxhighlighter.printing .preprocessor {
  color: gray !important;
}
.syntaxhighlighter.printing .variable {
  color: #aa7700 !important;
}
.syntaxhighlighter.printing .value {
  color: #009900 !important;
}
.syntaxhighlighter.printing .functions {
  color: #ff1493 !important;
}
.syntaxhighlighter.printing .constants {
  color: #0066cc !important;
}
.syntaxhighlighter.printing .script {
  font-weight: bold !important;
}
.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
  color: gray !important;
}
.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
  color: #ff1493 !important;
}
.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
  color: red !important;
}
.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
  color: black !important;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 * 
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter {
  background-color: white !important;
}
.syntaxhighlighter .line.alt1 {
  background-color: white !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: white !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #e0e0e0 !important;
}
.syntaxhighlighter .line.highlighted.number {
  color: black !important;
}
.syntaxhighlighter table caption {
  color: black !important;
}
.syntaxhighlighter .gutter {
  color: #afafaf !important;
}
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #6ce26c !important;
}
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #6ce26c !important;
  color: white !important;
}
.syntaxhighlighter.printing .line .content {
  border: none !important;
}
.syntaxhighlighter.collapsed {
  overflow: visible !important;
}
.syntaxhighlighter.collapsed .toolbar {
  color: blue !important;
  background: white !important;
  border: 1px solid #6ce26c !important;
}
.syntaxhighlighter.collapsed .toolbar a {
  color: blue !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
  color: red !important;
}
.syntaxhighlighter .toolbar {
  color: white !important;
  background: #6ce26c !important;
  border: none !important;
}
.syntaxhighlighter .toolbar a {
  color: white !important;
}
.syntaxhighlighter .toolbar a:hover {
  color: black !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: black !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #008200 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: blue !important;
}
.syntaxhighlighter .keyword {
  color: #006699 !important;
}
.syntaxhighlighter .preprocessor {
  color: gray !important;
}
.syntaxhighlighter .variable {
  color: #aa7700 !important;
}
.syntaxhighlighter .value {
  color: #009900 !important;
}
.syntaxhighlighter .functions {
  color: #ff1493 !important;
}
.syntaxhighlighter .constants {
  color: #0066cc !important;
}
.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #006699 !important;
  background-color: none !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: gray !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #ff1493 !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: red !important;
}

.syntaxhighlighter .keyword {
  font-weight: bold !important;
}