<!DOCTYPE html>

    <!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
    <!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
    <!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]--><head>
    
		<meta charset="utf-8" />
    
		<meta property="og:url" content="http://bfm.lu/"/>
		<meta property="og:title" content="Steampunk au Fond de Gras, Luxembourg"/>
		<meta property="og:image" content="http://bfm.lu/images/album/20/IMG_0454.JPG"/>
		<meta property="og:site_name" content="BFM Photography"/>
		<meta property="og:type" content="blog"/>

		<title>BFM Photography :: Steampunk au Fond de Gras, Luxembourg</title>
		
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="apple-touch-icon" href="themes/bfm/apple-touch-icon.png" />
        
        <!-- Core CSS files -->
        <link rel="stylesheet" type="text/css" href="themes/bfm/css/boilerplate.css?v=1" />
		<link rel="stylesheet" type="text/css" href="themes/bfm/css/style.css?v=1" />
        <!--[if lte IE 7 ]><link rel="stylesheet" type="text/css" href="themes/bfm/css/ie7.css?v=1" /><![endif]-->
        <!--[if lte IE 9 ]><link rel="stylesheet" type="text/css" href="themes/bfm/css/ie9.css?v=1" /><![endif]-->
        
        <!-- Added for the LightBox -->
        <link rel="stylesheet" type="text/css" href="themes/bfm/css/pretty-photo.css?v=1" />
        
        <!-- Cufon Scripts -->
		<script src="themes/bfm/js/libs/cufon-yui.js" type="text/javascript"></script>
        <script src="themes/bfm/js/fonts/James_Fajardo_400.font.js" type="text/javascript"></script>
        <script src="themes/bfm/js/fonts/Yanone_Kaffeesatz_Regular_400.font.js" type="text/javascript"></script>
        <script src="themes/bfm/js/royale-cufon.js?v=1" type="text/javascript"></script>
		
        <!-- Core Scripts -->
        <script src="themes/bfm/js/libs/modernizr-1.7.min.js" type="text/javascript"></script>
        <script src="themes/bfm/js/libs/mdetect.min.js" type="text/javascript"></script>
		<script src="themes/bfm/js/libs/jquery-1.6.2.min.js" type="text/javascript"></script>
		<script type="text/javascript">jQuery.noConflict();</script>
		<script src="themes/bfm/js/libs/jquery.easing.1.3.min.js" type="text/javascript"></script>
        <script src="themes/bfm/js/royale.js?v=1" type="text/javascript"></script>
		
        <!-- Bg Image Script -->
        <script src="themes/bfm/js/royale-bg-image.js?v=1" type="text/javascript"></script>
        
        <!-- Added for Lightbox Script -->
        <script src="themes/bfm/js/libs/jquery.pretty-photo.min.js?v=1" type="text/javascript"></script>
		
		<!-- Added for Banner Slideshow -->
        <script src="themes/bfm/js/libs/jquery.clip-animation.min.js" type="text/javascript"></script>
        <script src="themes/bfm/js/royale-slide-show.js?v=1" type="text/javascript"></script>
        
        
        <!-- Setup Script -->
		<script type="text/javascript">
			
			/* Background Image Setup */
			var bgImageSettings = {
				
				/* The url to your Background Image */
				url: "themes/bfm/img/backgrounds/home2.jpg",
				
				/* Scale Options are "topLeft" and "center" */
				scaleFrom: "topLeft"
				
			},
			
			/* Banner Slideshow Settings */
			slideShowSettings = {
				
				/* The Image Width */
				imageWidth: 670,
				
				/* The Image Height */
				imageHeight: 360,
				
				/* Choose to auto-play the slideshow, true/false */
				autoPlay: false,
				
				/* The auto-play delay in milliseconds */
				autoPlayDelay: 4000,
				
				/* The HTML5 video Flash fallback swf */
				flashVideoSwf: "flash/video.swf",
				
				/* The Vimeo Skin Color */
				vimeoSkinColor: "#454545",
				
				/* Use Descriptions, true/false */
				useText: false,
				
				/* The margin between the banner and the descriptions */
				textMargin: 20,
				
				/* The description text alignment, options are "left" and "right" */
				textAlign: "right"
				
			},
			
			/* Lightbox Settings */
			prettyPhotoSettings = {
				
				/* The animation speed, options are "fast", "slow" and "normal" */
				animationSpeed: 'fast',
				
				/* The transparency of the lightbox background, a value between 0 and 1 */
				opacity: 0.80, 
				
				/* The default width for video */
				defaultWidth: 640, 
				
				/* The default height for video */
				defaultHeight: 380, 
				
				/* Create a small thumb gallery will appear for galeries, true/false */
				showSmallThumbs: true, 
				
				/* The number of thumbs to show before scrolling occurs */
				maxVisibleSmallThumbs: 5, 
				
				/* Make only the clode button close the ligthbox, true/false */
				modal: false, 
				
				/* Enable deepLink urls for items */
				deeplinking: true, 
				
				/* left/right keys can control slideshow, true/false */
				keyboardShortcuts: true, 
				
				/* The path to the fallback Flash video swf */
				flashVideoSwf: "flash/video.swf",
				
				/* The Vimeo Skin Color (if the video allows it) */ 
				vimeoSkinColor: "#454545",
				
				/* Show the social share buttons, true/false */ 
				showShareButtons: true 
				
			};
			
			/* Document Ready Function */
			jQuery(document).ready(function() {
				
				/* Load and Fade In the BG Image */
				jQuery.royaleBgImage(bgImageSettings);
				
				/* Activate the Core Royale' Functions, "prettyPhotoSettings" passed in for LightBox */
				jQuery.royale(prettyPhotoSettings);
				
				/* Activate the Banner Slideshow */
				jQuery.royaleSlideShow(slideShowSettings);
				
				bgImageSettings = prettyPhotoSettings = null;
	
			});
			
		</script>   
    <script type="text/javascript" src="/sph_admin/js/fancybox/jquery.fancybox-1.3.2.pack.js"></script>
	<link rel="stylesheet" href="/sph_admin/js/fancybox/jquery.fancybox-1.3.2.css" type="text/css" media="screen" />
	
	<script type="text/javascript">
	
	jQuery(document).ready(function(){
		/*$("#hiddenclicker").colorbox({
			width:"600", 
			height:"515", 
			iframe:true,
			overlayClose: false,
			onClosed:function(){ window.location.reload(); }
	
			});*/
			jQuery("#hiddenclicker").fancybox({
		'width'				: 600,
		'height'			: 515,
        'autoScale'     	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe',
		onClosed	:	function() {
            window.location.reload();
		}
		});
	});
	
	function login () {
		var j1 = document.getElementById("hiddenclicker");
		j1.href = "sph_admin/login.php";
		jQuery('#hiddenclicker').trigger('click');
	}
	
		</script>
    </head>
    
    <body>
        <div id="hidden_clicker" style="display:none;z-index:20000;">
	<a id="hiddenclicker" href="?PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" >Hidden Clicker</a>
	</div>
            <!-- NoScript for the Background Image -->
        <noscript>
        
            <div id="background-image">
            
              	<img src="themes/bfm/img/backgrounds/home2.jpg" width="1280" height="1024" alt="BFM Photography" />
                
            </div>
            
		</noscript>
        
        <!-- BEGIN LEFT AREA -->
        <div id="left">
        	
            <!-- Enter Logo Here -->
            <div id="logo">
        		
                <h2><a href="index.html?PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">BFM <i>Photography</i></a></h2>
                
            </div>
            
            <!-- BEGIN MAIN NAV -->
            <nav>
            
            	<ul>
                	
                	

				<li><a href="index.php?lang=fr&page=home&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Accueil"  >Accueil</a>		</li>
				
		  				<li><a href="#" title="Photos"  >Photos</a>	<ul>
											<li><a href="index.php?lang=fr&page=photos&id=20&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Steampunk au Fond de Gras, Luxembourg" >Steampunk au Fond de Gras, Luxembourg</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=19&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Les couleurs de la Schueberfouer 2013" >Les couleurs de la Schueberfouer 2013</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=18&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="L\'�t� au Bambesch" >L\'�t� au Bambesch</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=17&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Elephant Parade Trier 2013" >Elephant Parade Trier 2013</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=16&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Metz plage" >Metz plage</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=15&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Elephant Parade Luxembourg 2013" >Elephant Parade Luxembourg 2013</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=14&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="F�te national 2013 - Luxembourg" >F�te national 2013 - Luxembourg</a></li>
											<li><a href="index.php?lang=fr&page=photos&id=13&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="Rock Am Ring 2013" >Rock Am Ring 2013</a></li>
					 
				</ul>					</li>
				
		  				<li><a href="index.php?lang=fr&page=about&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855" title="A propos"  >A propos</a>		</li>
				
		              </ul>
            </nav>
        
        </div>
        
        <!-- BEGIN MIDDLE CONTENT SECTION -->
        <div id="content">
        	
            <!-- Top Right Social Icons -->
            <div id="social">
                <a href="index.php?lang=fr&page=&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Fran&ccedil;ais</a> &bull; <a href="index.php?lang=en&page=&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">English</a>
				<a href="https://www.facebook.com/bfm.photography"><img src="themes/bfm/img/icons/social/facebook.png" width="24" height="24" alt="facebook" /></a>
				<a href="http://www.flickr.com/photos/benymarc/"><img src="themes/bfm/img/icons/social/flickr.png" width="24" height="24" alt="vimeo" /></a>
                
			</div>
            
            <!-- Begin Content Area -->
            <div id="container">
 
                
                <!-- Page Title -->
                <header>
                
                    <h1>Welcome to BFM Photography</h1>
                
                </header>
                
				     <script type="text/javascript" src="//static.lulu.com/shop/template-resources/20131204-0935/js/lib/jquery-1.5.1.min.js"></script>
                                <script type="text/javascript" src="//static.lulu.com/shop/template-resources/20131204-0935/js/preview_book.js"></script>
                                <script type="text/javascript">
                                    $jq = jQuery.noConflict();
                                </script>
                                <div id="previewblock">
                        	<object 
    id="preview"
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    width="634" 
    height="575">
	
    <param name="movie" value="http://www.lulu.com/viewer/embed/EmbeddablePreviewer.swf?version=20131211165653" />
    <param name="wmode" value="transparent" />
	    <param name="flashvars" value="contentId=14309671&currentUrl=http://www.lulu.com/browse/product/preview.php&endpoint=http://www.lulu.com/author/previews/preview_endpoint.php&locale=fr_FR&localeChain=fr_FR,en_US&lulupressVersion=20131211165653&omnitureReportSuiteId=luludev&internalMode=true" />
	    <param name="menu" value="false" />
    <param name="allowFullScreen" value="true" />
		
	<!--[if !IE]>-->
    <object
        name="preview"
        type="application/x-shockwave-flash"
        data="http://www.lulu.com/viewer/embed/EmbeddablePreviewer.swf?version=20131211165653"
        width="634"
        height="575">
        <param name="wmode" value="transparent" />
		        <param name="flashvars" value="contentId=14309671&currentUrl=http://www.lulu.com/browse/product/preview.php&endpoint=http://www.lulu.com/author/previews/preview_endpoint.php&locale=fr_FR&localeChain=fr_FR,en_US&lulupressVersion=20131211165653&omnitureReportSuiteId=luludev&internalMode=true" />
		        <param name="menu" value="false" />
  	        <param name="allowFullScreen" value="true" />
	<!--<![endif]-->
	
      <h2>Ce contenu n�cessite Adobe Flash Player version 9.0.45 ou suivantes. <a href=http://www.adobe.com/go/getflash/ target=_node> Obtenir Flash </a></h2>	
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
            
			
                <!-- BEGIN BANNER SLIDESHOW --> 
				<div style='text-align:middle; width:450px'>
  <object class='myWidget' data='http://www.blurb.com/assets/embed.swf' height='300' type='application/x-shockwave-flash' width='450'>
    <param name='allowFullScreen' value='true' />
    <param name='wmode' value='transparent' />
    <param name='allowScriptAccess' value='always' />
    <param name='movie' value='http://www.blurb.com/assets/embed.swf' />
    <param name='FlashVars' value='book_id=4668600&amp;locale=en_US' />
    <a href='http://www.blurb.com/books/4668600' target='_new'>
      <img src='http://assets0.blurb.com/images/uploads/catalog/03/3868503/5038240-1a11d863fe32feb167459b849fbab639.jpg' />
    </a>
  </object>
  
  <div style='display:block;'>
    <a href='http://blur.by/1aEDqQT' style='margin:12px 3px;' target='_blank'>A instagram book of Luxembourg city by Ben Fatma Marc</a>
    |
    <a href='http://www.blurb.com/landing_pages/bookshow' style='margin:12px 3px;' target='_blank'>Make Your Own Book</a>
  </div>
  
</div>


                <!--div id="top-slideshow">
                    
                    <!-- Banner Slideshow Container -->
                    <div id="banner-slideshow">
                    	
                        <!-- NoScript for Banner Slideshow -->
                        <noscript>
                        
                        	<div id="single-image">
                            
                            	<img src="img/pages/slide22.jpg" width="670" height="360" alt="Royale' Creative" />
                                
                            </div>
                            
                        </noscript>
                       
                       <!-- Banner Slideshow Content --> 
                       <ul>
                        								<!-- Image Example with Link -->
                        	<li title="image=images/album/14/P6220028.JPG&amp;target=_parent&amp;link=#"></li>
							
														<!-- Image Example with Link -->
                        	<li title="image=images/album/14/photo1 3.JPG&amp;target=_parent&amp;link=#"></li>
							
														<!-- Image Example with Link -->
                        	<li title="image=images/album/15/IMG_3696.JPG&amp;target=_parent&amp;link=#"></li>
							
														<!-- Image Example with Link -->
                        	<li title="image=images/album/15/IMG_3345.JPG&amp;target=_parent&amp;link=#"></li>
							
														<!-- Image Example with Link -->
                        	<li title="image=images/album/13/IMG_0414.JPG&amp;target=_parent&amp;link=#"></li>
							
														<!-- Image Example with Link -->
                        	<li title="image=images/album/13/IMG_0585.JPG&amp;target=_parent&amp;link=#"></li>
							
							                            
                            
                    	</ul>
                        
                    </div>
                
                </div-->
                
                <article>
                	<h1>Derniers albums</h1>
					
											<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=20&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Steampunk au Fond de Gras, Luxembourg</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=20&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/20/vignettes/IMG_6215.JPG"  alt="Steampunk au Fond de Gras, Luxembourg" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=20&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=19&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Les couleurs de la Schueberfouer 2013</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=19&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/19/vignettes/P8280010.JPG"  alt="Les couleurs de la Schueberfouer 2013" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=19&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=18&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">L\'�t� au Bambesch</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=18&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/18/vignettes/photo 1.JPG"  alt="L\'�t� au Bambesch" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=18&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=17&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Elephant Parade Trier 2013</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=17&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/17/vignettes/IMG_3873.JPG"  alt="Elephant Parade Trier 2013" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=17&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=16&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Metz plage</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=16&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/16/vignettes/P7270028.JPG"  alt="Metz plage" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=16&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=15&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Elephant Parade Luxembourg 2013</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=15&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/15/vignettes/IMG_2825.JPG"  alt="Elephant Parade Luxembourg 2013" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=15&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=14&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">F�te national 2013 - Luxembourg</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=14&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/14/vignettes/P6220028.JPG"  alt="F�te national 2013 - Luxembourg" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=14&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
												<!-- One Third Section Example, "first-column" eliminates left margin for first section -->
                    <section class="one-third ">
                        
                        <!-- Thumbnail Title -->
                        <h3><a href="index.php?lang=fr&page=photos&id=13&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Rock Am Ring 2013</a></h3>
                        
                        <!-- Lightbox Thumb Container, "with-description" class adjusts the margin between the image and the text -->
                        <div class="lightbox-thumb with-description">
                            
                            <!-- HTML5 Video Example -->
                        	<a href="index.php?lang=fr&page=photos&id=13&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">
							<img class="thumb" src="images/album/13/vignettes/IMG_1184.JPG"  alt="Rock Am Ring 2013" /></a>
                            
                        </div>
                        
                        <!-- Read More Button -->
                        <!-- options are "more-button", "more-button-two" and "more-button-three" -->
                        <!-- "more-button-two" is image based and should not have text inside the <a> tag -->
                        <div class="more-button"><a href="index.php?lang=fr&page=photos&id=13&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
                        
                    </section>
						 
					
                    
                
                </article>
                
           	<!-- Begin Main Content -->
                <article>
                    <!-- Full Width Section Example -->
                    <section class="full-width">
                        <h1>A propos</h1>
                       <p>Depuis tout petit, je suis un explorateur tr&egrave;s curieux du monde qui m&rsquo;entoure.<br />
Ayant eu la chance d&rsquo;habiter aux quatre coins de la France et surtout &agrave; <a target=\"\\&quot;_blank\\&quot;\" href=\"\\&quot;http://fr.wikipedia.org/wiki/Font-Romeu-Odeillo-Via\\&quot;\" sur=\"\" romeu=\"\" title=\"\\&quot;Font\">Font Romeu</a> et dans <a target=\"\\&quot;_blank\\&quot;\" href=\"\\&quot;http://fr.wikipedia.org/wiki/Languedoc-Roussillon\\&quot;\" sur=\"\" roussillon=\"\" title=\"\\&quot;Languedoc\">le Languedoc Roussillon</a>, j&rsquo;ai pu d&eacute;couvrir et explorer de nombreux mondes tr&egrave;s diff&eacute;rents les uns des autres.</p>
                        <div class="more-button"><a href="index.php?lang=fr&page=about&PHPSESSID=8dd44a5dfa4f0b00ab603d4c8341a855">Plus</a></div>
					</section>
                
                </article>
            
            <!-- Bottom Slogan Section -->
            <div id="slogan">
                
				<h1></h1>
                
			</div>
            
</div>
                        
            <!-- BEGIN BOTTOM COPYRIGHT SECTION -->
            <div id="copyright"><a href="javascript:login();"> * </a> &copy; 2015 BFM Photography - By <a href="http://www.sophia.lu" target="_blank">Sophia Services</a>
            
            </div>
        
        </div>
        
        <!-- Initialize Cufon -->
        <script type="text/javascript">Cufon.now()</script>
    
	</body>
	
	<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8752831-6");
pageTracker._trackPageview();
} catch(err) {}</script>
	
	
    
</html>
 