/*  -----------------------------------------------------------------------
	Reset ----------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/*  -----------------------------------------------------------------------
	Redefine Tags --------------------------------------------------------- */

	/* Fade-in d'entr?e */
	@-webkit-keyframes fade-in {
		0%   { opacity: 0; }
		50%   { opacity: 0; }
		100% { opacity: 1; }
	}

	html { background:#e5dfe0 url(bg_html0.jpg); }

	body {
		background:url(light_to.png) no-repeat center top;
		color:#505050;
		font:12px/18px Tahoma, Geneva, sans-serif;
		-webkit-animation-name: fade-in;
		-webkit-animation-duration: 1.5s;
	}

	h2 {
		color:#343434;
		font:18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	h3 {
		color:#666;
		font:16px/20px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
		margin-bottom:8px;
	}

		h3 a { border:0; color:#666; }

	a {
		background-color:transparent;
		border-bottom:1px dotted #aaa;
		color:#30ADAD;
		text-decoration:none;
		-webkit-transition: color .25s linear;
	}

		a:hover {
			background-color:#f4ed00;
			border-bottom:1px solid #ded800;
			color:#5c5900;
			-webkit-transition: color .25s linear;
		}


/*  -----------------------------------------------------------------------
	Shell ----------------------------------------------------------------- */

	#container { width:820px; margin:0 auto; padding:0 27px; }


/*  -----------------------------------------------------------------------
	Header ---------------------------------------------------------------- */

	#header { width:820px; height:165px; position:relative; }

		#logo_mav {
			position:absolute;
			top:44px;
			left:0;
		}

		#logo_mav a {
			background:url(logo_mav.png) no-repeat;
			border:0;
			display:block;
			outline:none;
			text-indent:-9999px;
			width:355px; height:77px;
		}

			#logo_mav a:hover { background-color:transparent; border:0; }

		#quick_links {
			position:absolute;
			top:78px; right:0;
		}

		#quick_links li {
			cursor:pointer;
			display:inline-block;
			float:left;
			margin-right:10px;
			position:relative;
			text-indent:-9999px;
		}

			#quick_links li.last { margin-right:0; }

			#ico_email_light { background:url(ico_emai.png) no-repeat; width:14px; height:12px; }
			#ico_phone_light { background:url(ico_phon.png) no-repeat; width:14px; height:12px; }
			#ico_cv_light { background:url(ico_cv_l.png) no-repeat; width:12px; height:13px; }

			#quick_links li span {
				color:#7b7b7b;
				display:none;
				height:21px;
				font-size:10px;
				line-height:16px;
				position:absolute;
				text-align:center;
				text-indent:0;
				top:-21px;
			}

				#ico_email_light span { background:url(tip_emai.png) no-repeat; width:119px; left:-53px; }
				#ico_phone_light span { background:url(tip_phon.png) no-repeat; width:66px; left:-27px; }
				#ico_cv_light span { background:url(tip_cv00.png) no-repeat; width:82px; left:-36px; }

			#quick_links li a { color:#7b7b7b; text-decoration:none; }


/*  -----------------------------------------------------------------------
	Navigation ------------------------------------------------------------ */

	#nav {
		background:url(bg_nav00.png) no-repeat;
		width:820px; height:41px;
	}

	#nav ul {
		float:right;
	}

		#nav li {
			display:inline;
			float:left;
		}

		#nav li a {
			background:url(sep_nav0.png) no-repeat left top;
			color:#ebebeb;
			display:block;
			height:41px;
			line-height:41px;
			padding:0 20px 0 22px;
			text-decoration:none;
			text-shadow:0 -1px 1px #000;
		}

			#nav li a:hover { color:#fff; }

/*  -----------------------------------------------------------------------
	Intro ----------------------------------------------------------------- */

	#intro {
		background:url(bg_intro.jpg) no-repeat;
		color:#464300;
		font:24px/32px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
		left:-27px;
		padding:28px 48px 0 48px;
		position:relative;
		text-shadow:0 1px 1px #fffdba;
		width:778px; height:147px;
	}


/*  -----------------------------------------------------------------------
	Featured -------------------------------------------------------------- */

	#featured {
		background:url(bg_featu.jpg) no-repeat;
		color:#414141;
		padding:0 20px;
		position:relative;
		width:780px; height:257px;
	}

		#featured h2 {
			background:url(titre_de.png) no-repeat;
			display:block;
			margin-bottom:18px;
			text-indent:-9999px;
			width:229px; height:37px;
		}

		#featured h3 {
			font:16px/20px "DroidSerifBold", Georgia, "Times New Roman", Times, serif;
			margin-bottom:10px;
		}

		#featured p {
			margin-bottom:14px;
			width:250px;
		}

		#featured_img {
			position:absolute;
			top:16px; left:290px;
		}

			#featured_img .over {
				display:none;
				position:absolute;
				top:0; left:0;
			}

			#featured_img a { border:0; }

				#featured_img a:hover { background-color:transparent; border:0; }


/*  -----------------------------------------------------------------------
	Content --------------------------------------------------------------- */

	#content {
		background:url(bg_conte.png) repeat-y;
		width:820px;
	}
	#inner_content {
		background:url(bg_conte.jpg) no-repeat;
		overflow:hidden;
		padding:18px 21px 32px;
		position:relative;
		width:778px;
	}

		.titre_content {
			text-indent:-9999px;
			width:820px; height:59px;
		}

			#titre_mes_realisations { background:url(titre_re.jpg) no-repeat; }
			#titre_mes_blog { background:url(titre_reblog.jpg) no-repeat; }
		#inner_content .description {
			background:url(border_s.png) repeat-x left bottom;
			padding-bottom:20px;
			overflow:hidden;
		}


		/* Liste de r?alisations */

		#lst_realisations { position:relative; left:-1px; }

		#lst_realisations li {
			background:url(bg_bloc0.png) no-repeat;
			display:block;
			float:left;
			margin:14px 14px 0 0; padding:12px 13px;
			position:relative;
			width:224px; height:166px;
		}

			#lst_realisations li.last { margin-right:0; }

			#lst_realisations h4 { display:none; }

			#lst_realisations a { border:0; text-indent:-9999px; }

				#lst_realisations a:hover { background-color:transparent; border:0; }

			#lst_realisations .details, #featured_img .details {
				background:transparent url(btn_styl.png) no-repeat top left;
				color:#dfdfdd;
				display:none;
				margin:-24px 0 0 -34px; padding-left:17px;
				position:absolute;
				text-decoration:none;
				text-indent:0;
				text-shadow:0 -1px 1px #171717;
				top:50%; left:50%;
			}

				#lst_realisations .details span, #featured_img .details span {
					background:transparent url(btn_styl.png) no-repeat right bottom;
					display:block;
					height:45px;
					line-height:44px;
					padding-right:17px;
				}

			#lst_realisations .over {
				display:none;
				position:absolute;
				top:12px; left:13px;
			}

				#lst_realisations img, #featured_img img { display:block; } /* fix Lazyload */

		#btn_backtop {
			background-color:#ddd;
			border:1px solid #ccc;
			border-bottom:0;
			color:#777;
			display:block;
			font-size:10px;
			padding:2px 8px;
			position:absolute;
			right:23px; bottom:0;
			-moz-border-radius-topright:3px;
			-moz-border-radius-topleft:3px;
			-webkit-border-top-right-radius:3px;
			-webkit-border-top-left-radius:3px;
		}

			#btn_backtop:hover { background-color:#f4ed00; }

		#content_bottom {
			background:url(bg_contf.png);
			width:100%; height:3px;
		}




/*  -----------------------------------------------------------------------
	Footer ---------------------------------------------------------------- */

	#footer {
		background:#343434 url(bg_foote.png) repeat-x;
		margin-top:35px;
		overflow:hidden;
	}

		#inner_footer {
			background:url(bg_foote.jpg) no-repeat;
			color:#a8a8a8;
			margin:0 auto; padding:40px 60px;
			overflow:hidden;
			text-shadow:0 -1px 1px #111;
			width:820px;
		}

			#inner_footer ul {padding-left:1px;	}

			#inner_footer li {
				background:url(puce_sty.png) no-repeat left 5px;
				display:block;
				margin-bottom:2px; padding-left:13px;
			}

				#inner_footer .nobullet li { background:none; padding-left:0; }

			#inner_footer a {
				border:0;
				color:#a8a8a8;
				text-decoration:none;
			}

				#inner_footer a:hover { background:none; border-bottom:1px dotted #cbcaca; color:#cbcaca; }

			#inner_footer .col {
				float:left;
				width:205px;
			}

			#ico_email_dark, #ico_phone_dark, #ico_cv_dark {
				display:block;
				float:left;
				margin:2px 9px 0 0;
				text-indent:-9999px;
				width:14px; height:13px;
			}

				#ico_email_dark { background:url(ico_emaj.png) no-repeat left bottom; }
				#ico_phone_dark { background:url(ico_phoo.png) no-repeat left bottom; }
				#ico_cv_dark { background:url(ico_cv_d.png) no-repeat 1px bottom; }

			#inner_footer #facebook_lst,
			#inner_footer #twitter_lst,
			#inner_footer #linkedin_lst,
			#inner_footer #delicious_lst {
				padding-left:22px;
			}

			#inner_footer #facebook_lst { background:url(ico_face.png) no-repeat left 2px; }
			#inner_footer #twitter_lst { background:url(ico_twit.png) no-repeat left 2px; }
			#inner_footer #linkedin_lst { background:url(ico_link.png) no-repeat left 2px; }
			#inner_footer #delicious_lst { background:url(ico_deli.png) no-repeat left 2px; }

		#copyright {
			background:#1d1d1d url(bg_copyr.png) repeat-x;
			line-height:52px;
			overflow:hidden;
		}

			#inner_copyright {
				color:#7a7a7a;
				margin:0 auto;
				text-shadow:0 -1px 1px #000;
				width:820px;
			}

				#inner_copyright a { border:0; color:#6e6f00; text-decoration:none; }

					#inner_copyright a:hover { background:none; border-bottom:1px dotted #6e6f00; color:#959600; }


/*  -----------------------------------------------------------------------
	Pop-in ---------------------------------------------------------------- */

	#popin {
		margin:22px auto 0 auto;
		position:relative;
		width:842px;
	}

		#popin h1 {
			background:url(bg_titre.png) no-repeat;
			display:inline-block;
			padding-left:6px;
			position:absolute;
			top:64px; left:-5px;
			z-index:1; /* pour rendre le texte s?lectionnable */
		}

			#popin h1 span {
				background:url(bg_titre.png) no-repeat right bottom;
				display:block;
				font:18px/45px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
				height:50px;
				padding:0 42px 0 26px;
				text-shadow:0 1px 1px #fffdba;
			}

		#popin h2 {
			clear:both;
			color:#545454;
			font:16px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
			margin-bottom:5px;
		}

		#popin p { margin-bottom:20px; }

		#popin_top { background:url(bg_popin.png) no-repeat; position:relative; width:842px; height:11px; }
		#popin_bottom { background:url(bg_popin.png) no-repeat; width:842px; height:16px; }

		/* Topbar */
		#popin_topbar {
			background:url(bg_popin.jpg) no-repeat;
			margin:0 12px;
			overflow:hidden;
			width:818px; height:38px;
		}

			#popin_nav_prev,
			#popin_nav_prev:hover,
			#popin_nav_next,
			#popin_nav_next:hover {
				background:transparent url(btn_nav_.jpg) no-repeat;
				border:0;
				cursor:pointer;
				display:block;
				text-indent:-9999px;
				width:38px; height:36px;
			}

			#popin_nav_prev:hover { background-position: left bottom; }
			#popin_nav_next { background-position: right top; }
			#popin_nav_next:hover { background-position: right bottom; }

			.popin_nav_sep {
				background:url(sep_popi.png) no-repeat;
				display:block;
				width:2px; height:36px;
			}

		#inner_popin { background:url(bg_popin.png) repeat-y; }

		#popin_content {
			background:#f6f6f6 url(bg_inner.jpg) no-repeat;
			margin:0 12px;
			min-height:400px;
			overflow:hidden;
			width:818px; height:400px; height:auto !important;
		}

		#popin_btn_fermer {
			background:url(btn_ferm.png) no-repeat;
			border:0;
			bottom:2px; right:13px;
			cursor:pointer;
			display:block;
			position:absolute;
			text-indent:-9999px;
			width:38px; height:30px;
			z-index:1;
		}

			#popin_btn_fermer:hover { background-color:transparent; background-position:right top; border:0; }

		/* Main */
		#popin_main {
			float:left;
			position:relative;
			width:539px;
		}

			#popin_year {
				color:#a9a9a9;
				font:16px "DroidSerifRegular", Georgia, "Times New Roman", Times, serif;
				position:absolute;
				text-shadow:0 1px 1px #fff;
				top:32px; right:18px;
			}

			#popin_slider {
				background:url(bg_slide.png) no-repeat;
				margin:79px auto 30px auto; padding:12px 12px 36px 12px;
				width:478px; height:353px;
			}

				#popin_inner_slider {
					background:url(loading0.gif) no-repeat 50% 50%;
					position:relative;
				}

				#popin_inner_slider img {
					display:none;
					position:absolute;
					top:0px; left:0px;
				}

		/* Sidebar */
		#popin_sidebar {
			color:#777;
			float:right;
			padding:26px 20px;
			text-shadow:0 1px 1px #fff;
			width:239px;
		}

			#popin_link {
				background-color:#ededed;
				border:0;
				color:#909090;
				display:block;
				float:left;
				font-size:14px;
				margin-bottom:22px; padding:5px 8px;
				-moz-border-radius:5px;
				-o-border-radius:5px;
				-webkit-border-radius:5px;
			}

				#popin_link:hover { background-color:#f3f3f3; border:0; color:#777; }

			#popin_sidebar li {
				background:url(puce_stz.png) no-repeat left 6px;
				line-height:16px;
				margin-bottom:4px; padding-left:18px;
			}


/*  -----------------------------------------------------------------------
	Colorbox -------------------------------------------------------------- */

	#colorbox{margin-top:-22px;}
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{background-color:#ececec; position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative; overflow:visible;}
	#cboxLoadedContent{overflow:auto;}
	#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxTitle, #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, #cboxSlideshow, #cboxCurrent{display:none!important;}
	#cboxLoadingGraphic{background:url(loading0.gif) center center no-repeat;}


/*  -----------------------------------------------------------------------
	NivoSlider ------------------------------------------------------------ */

	.nivoSlider { position:relative; }
	.nivoSlider img { position:absolute; top:0px; left:0px; }
	.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; }
	.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
	.nivo-controlNav { left:0; bottom:-35px; position:absolute; }
	.nivo-controlNav a { background:url(bullets_.png) no-repeat right top; border:0; cursor:pointer; display:block; float:left; margin:0 2px; position:relative; text-indent:-9999px; width:11px; height:12px; z-index:99; }
	.nivo-controlNav a.active { background-position:left top; border:0; }
	.nivo-controlNav a.hover { background:none; border:0; }


/*  -----------------------------------------------------------------------
	Titres ---------------------------------------------------------------- */

	.titre_footer {
		height:18px;
		margin-bottom:15px;
		text-indent:-9999px;
	}

		#titre_contactez-moi { background:url(titre_co.png) no-repeat left bottom; }
		#titre_restez_connectes { background:url(titre_re.png) no-repeat left bottom; }
		#titre_sources_dinspiration { background:url(titre_so.png) no-repeat left bottom; }
		#titre_champs_dinterets { background:url(titre_ch.png) no-repeat left bottom; }


/*  -----------------------------------------------------------------------
	Buttons --------------------------------------------------------------- */

	.btn_style1 {
		background:transparent url(btn_stym.png) no-repeat left top;
		border:0;
		color:#595858;
		display:inline-block;
		padding:0 0 0 10px;
		text-decoration:none;
	}

		.btn_style1:hover { background-color:transparent; border:0; color:#777; }

		.btn_style1 span {
			background:url(btn_stym.png) no-repeat right bottom;
			display:block;
			height:27px;
			line-height:24px;
			padding:0 10px 0 0;
			text-shadow:0 1px 1px #f0efef;
		}


/*  -----------------------------------------------------------------------
	Fonts ----------------------------------------------------------------- */

	@font-face {
		font-family: 'DroidSerifRegular';
		src: url('DroidSer.eot');
		src: local('?'), url('DroidSer.txt') format('woff'), url('DroidSer.ttf') format('truetype'), url('DroidSer.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'DroidSerifBold';
		src: url('DroidSer.eot');
		src: local('?'), url('DroidSer.txt') format('woff'), url('DroidSes.ttf') format('truetype'), url('DroidSer.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'GoudyBookletter1911Regular';
		src: url('goudyboo.eot');
		src: local('?'), url('goudyboo.txt') format('woff'), url('goudyboo.ttf') format('truetype'), url('goudyboo.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/*  -----------------------------------------------------------------------
	Miscellaneous --------------------------------------------------------- */

	.anchor { background:none; border:0; }

	.fleft { float:left; }
	.fright { float:right; }

	.amp { font-family:"GoudyBookletter1911Regular", Baskerville, serif; }

	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */