/*  -----------------------------------------------------------------------
	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(../img/bg_html.jpg); }
	
	body {
		background:url(../img/light_top.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:#666;
		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(../img/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(../img/ico_email_light.png) no-repeat; width:14px; height:12px; }
			#ico_phone_light { background:url(../img/ico_phone_light.png) no-repeat; width:14px; height:12px; }
			#ico_cv_light { background:url(../img/ico_cv_light.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(../img/tip_email.png) no-repeat; width:119px; left:-53px; }
				#ico_phone_light span { background:url(../img/tip_phone.png) no-repeat; width:66px; left:-27px; }
				#ico_cv_light span { background:url(../img/tip_cv.png) no-repeat; width:82px; left:-36px; }
				
			#quick_links li a { color:#7b7b7b; text-decoration:none; }
			

/*  -----------------------------------------------------------------------
	Navigation ------------------------------------------------------------ */
	
	#nav {
		background:url(../img/bg_nav.png) no-repeat;
		width:820px; height:41px;
	}
	
	#nav ul {
		float:right;	
	}
	
		#nav li {
			display:inline;
			float:left;
		}
		
		#nav li a {
			background:url(../img/sep_nav.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(../img/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(../img/bg_featured.jpg) no-repeat;
		color:#414141;
		padding:0 20px;
		position:relative;
		width:780px; height:257px;
	}
	
		#featured h2 {
			background:url(../img/titre_derniere_realisation.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(../img/bg_content.png) repeat-y;
		width:820px;
	}
	#inner_content {
		background:url(../img/bg_content_top.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(../img/titre_realisations.jpg) no-repeat; }
			
		#inner_content .description {
			background:url(../img/border_style1.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(../img/bg_bloc.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(../img/btn_style2.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(../img/btn_style2.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(../img/bg_content_bottom.png);
			width:100%; height:3px;
		}
		
		
		
		
/*  -----------------------------------------------------------------------
	Footer ---------------------------------------------------------------- */
	
	#footer {
		background:#343434 url(../img/bg_footer.png) repeat-x;
		margin-top:35px;
		overflow:hidden;
	}
	
		#inner_footer {
			background:url(../img/bg_footer_top.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(../img/puce_style1.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(../img/ico_email_dark.png) no-repeat left bottom; }
				#ico_phone_dark { background:url(../img/ico_phone_dark.png) no-repeat left bottom; }
				#ico_cv_dark { background:url(../img/ico_cv_dark.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(../img/ico_facebook_dark.png) no-repeat left 2px; }
			#inner_footer #twitter_lst { background:url(../img/ico_twitter_dark.png) no-repeat left 2px; }
			#inner_footer #linkedin_lst { background:url(../img/ico_linkedin_dark.png) no-repeat left 2px; }
			#inner_footer #delicious_lst { background:url(../img/ico_delicious_dark.png) no-repeat left 2px; }
			
		#copyright {
			background:#1d1d1d url(../img/bg_copyright.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(../img/bg_titre_popin.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(../img/bg_titre_popin.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(../img/bg_popin_top.png) no-repeat; position:relative; width:842px; height:11px; }
		#popin_bottom { background:url(../img/bg_popin_bottom.png) no-repeat; width:842px; height:16px; }
		
		/* Topbar */
		#popin_topbar {
			background:url(../img/bg_popin_tobar.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(../img/btn_nav_popin.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(../img/sep_popin_nav.png) no-repeat;
				display:block;
				width:2px; height:36px;
			}
			
		#inner_popin { background:url(../img/bg_popin.png) repeat-y; }
		
		#popin_content {
			background:#f6f6f6 url(../img/bg_inner_popin.jpg) no-repeat;
			margin:0 12px;
			min-height:400px;
			overflow:hidden;
			width:818px; height:400px; height:auto !important;
		}
		
		#popin_btn_fermer {
			background:url(../img/btn_fermer_popin.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(../img/bg_slider_popin.png) no-repeat;
				margin:79px auto 30px auto; padding:12px 12px 36px 12px;
				width:478px; height:353px;
			}
			
				#popin_inner_slider {
					background:url(../img/loading.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(../img/puce_style2.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(../img/loading.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(../img/bullets_popin_slider.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(../img/titre_contactez-moi.png) no-repeat left bottom; }
		#titre_restez_connectes { background:url(../img/titre_restez_connectes.png) no-repeat left bottom; }
		#titre_sources_dinspiration { background:url(../img/titre_sources_dinspiration.png) no-repeat left bottom; }
		#titre_champs_dinterets { background:url(../img/titre_champs_dinterets.png) no-repeat left bottom; }


/*  -----------------------------------------------------------------------
	Buttons --------------------------------------------------------------- */
	
	.btn_style1 {
		background:transparent url(../img/btn_style1.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(../img/btn_style1.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('../fonts/DroidSerif-Regular-webfont.eot');
		src: local('☺'), url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'), url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Regular-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'DroidSerifBold';
		src: url('../fonts/DroidSerif-Bold-webfont.eot');
		src: local('☺'), url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'), url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSerif-Bold-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'GoudyBookletter1911Regular';
		src: url('../fonts/goudybookletter1911-webfont.eot');
		src: local('☺'), url('../fonts/goudybookletter1911-webfont.woff') format('woff'), url('../fonts/goudybookletter1911-webfont.ttf') format('truetype'), url('../fonts/goudybookletter1911-webfont.svg#webfontHZ68RCFD') 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 */