body{
width:847px;
background-color:#f5fbff;
background-image: url("back.jpg");
background-position: center 0;
padding: 0; margin: auto;
zoom:1;
}

@font-face {
	font-family: Quicksandlight;
	src: url('QuicksandLight.otf');}

@font-face {
	font-family: Quicksandlightitalic;
	src: url('QuicksandLightOblique.otf');}
	
@font-face {
	font-family: Quicksanddash;
	src: url('QuicksandDash.otf');}
	
@font-face {
	font-family: Quicksandbook;
	src: url('QuicksandBook.otf');}
	
@font-face {
	font-family: Quicksandbookitalic;
	src: url('QuicksandBookOblique.otf');}	
	
a,img {text-decoration: none; border:none;}	

div#header{height: 109px; padding: 0; margin: 0;
           border-bottom: 2px dashed #afe0f5;}
		   
#nav{list-style-type: none;
     margin: 0;
	 padding: 56px 0 0 0;}

#nav li{background-color: #ffffff; margin: 0 7px 0 0; float: left;}
#nav li:hover{background:#99daf5;}
#nav li a{display:block; padding: 18px 30px 11px 30px;}
#nav li.actif{background:#fff;}

div#header a.nav{font-size:18px; font-family: Quicksandbookitalic, Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; color:#6aafcc;
                 text-decoration: none;
                 overflow: hidden;}
	  

.name{text-align: right; display: block; float: right;
	  margin: 12px 0 0 0;
	  width: 300px;}
	    
a.retourindex{font-size:26px; font-family: Quicksandlightitalic, Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; color:#e76700;
		      text-decoration:none;}
			  
a.retourindex:hover{color: #6aafcc;}				  	 
	 
h1 {font-size:70px; color:#6aafcc; font-family: Quicksandlightitalic, Arial; letter-spacing: -8px; display: inline-block;
    margin: 35px 0 20px 0;}

h2 {font-size:30px; font-weight: normal; color: #ffffff; font-family: Georgia, Arial; letter-spacing: -1px; line-height: 36px;
    margin-top: 0; padding: 12px 12px 0 18px;}	
	
h3 {font-size:23px; font-weight: normal; color:#4c6770; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px;
    margin: -10px 0 0 0; padding: 0;
	overflow: hidden;}
	
h4 {font-size:30px; font-weight: normal; color:#6aafcc; font-family: Quicksandlightitalic, Georgia, "Times New Roman", Times, serif; letter-spacing: -1px;
    padding: 0; margin: 0; display:inline;
	overflow: hidden;}		
	
h5 {font-size:55px; color:#6aafcc; font-family: Quicksandlightitalic, Arial; letter-spacing: -6px; display: inline-block;
    margin: 10px 0 0 0;}
	
.recordname {font-size:18px; color: #ffffff; font-family: Georgia, Arial; letter-spacing: -1px; line-height: 20px;
             margin-top: 0; padding: 12px 12px 0 18px;}	
	
img.photo {float: right; position: relative; top: 85px; margin-left: 20px;}

div#content{background: #ffffff; color:#6aafcc;
			padding: 0 42px 40px 42px;
			overflow: hidden;}		
			
p.content{font-size:18px;color:#6aafcc;font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; letter-spacing: 0px; overflow: hidden;
          background-color: #f2fbff; padding: 25px 30px 25px 30px;}
		 
		  
p.contentfilm{font-size:18px;color:#ffffff;font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; padding-left: 18px;}
p.contentfilmdate{font-size:36px;color:#ffffff;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-top: -5px; padding-left: 18px;}	

.weblink{font-size:18px;color:#ffffff;font-family: Georgia, "Times New Roman", Times, serif; clear: left;}
.weblink:hover{text-decoration:none;}

.indexlink{font-size:20px;color:#e76700;font-family: Quicksandbookitalic, Georgia, "Times New Roman", Times, serif; clear: left;}
.indexlink:hover{text-decoration:none; color: #ffffff;}

.musiclink{font-size:26px;color:#e76700;font-family: Quicksandbookitalic, Georgia, "Times New Roman", Times, serif; clear: left; line-height: 28px;}
.musiclink:hover{text-decoration:none; color: #ffffff;}

div#content em{font-weight: lighter;}

div.experience{background-color:#6aafcc; 
               width: 253px; height: 271px;
			   padding: 0; margin: 0;
			   text-align:left;
			   float: left;
			   border-bottom: 4px solid #ffffff;
			   opacity:0;filter:alpha(opacity=0);}
			 
div.experience:hover{border-bottom: 4px dashed #ffffff; opacity:1;filter:alpha(opacity=100);}
					 
div.experience-work{background-color:#6aafcc; 
                   width: 253px; height: 200px;
			       padding: 0 ; margin: 0;
			       text-align:left;
			       float: left;
			       border-bottom: 4px solid #ffffff;
			       opacity:0;filter:alpha(opacity=0);}

div.experience-work:hover{border-bottom: 4px dashed #ffffff; opacity:1;filter:alpha(opacity=100);}


div.experience-music{background-color:#6aafcc; 
                     width: 190px; height: 190px;
			         padding: 0 ; margin: 0;
			         text-align:left;
			         float: left;
			         border-bottom: 4px solid #ffffff;
			         opacity:0;filter:alpha(opacity=0);}

div.experience-music:hover{border-bottom: 3px dashed #ffffff; opacity:1;filter:alpha(opacity=100);}



.aoycd{background-image: url("music/aoy.jpg");
       background-position: center center; display: inline-block; float: left;
       width: 190px; height: 190px;}
.aoycd:hover{background-image: none; background-color:#6aafcc;}

.RQTNiso{background-image: url("music/RQTN_3200iso.jpg");
         background-position: center center; display: inline-block; float: left;
         width: 190px; height: 190px;}
.RQTNiso:hover{background-image: none; background-color:#6aafcc;}

.bsofs{background-image: url("music/bsofs.jpg");
       background-position: center center; display: inline-block; float: left;
       width: 190px; height: 190px;}
.bsofs:hover{background-image: none; background-color:#6aafcc;}

.raccoon{background-image: url("music/raccoon.jpg");
         background-position: center center; display: inline-block; float: left;
         width: 190px; height: 190px;}
.raccoon:hover{background-image: none; background-color:#6aafcc;}

.ruine{background-image: url("music/ruine.jpg");
       background-position: center center; display: inline-block; float: left;
       width: 190px; height: 190px;}
.ruine:hover{background-image: none; background-color:#6aafcc;}

.hommepuma{background-image: url("music/hommepuma.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 190px; height: 190px;}
.hommepuma:hover{background-image: none; background-color:#6aafcc;}

.kisses{background-image: url("music/kisses.jpg");
        background-position: center center; display: inline-block; float: left;
        width: 190px; height: 190px;}
.kisses:hover{background-image: none; background-color:#6aafcc;}

.clockopera{background-image: url("music/clockopera.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 190px; height: 190px;}
.clockopera:hover{background-image: none; background-color:#6aafcc;}

.woodlousesEP{background-image: url("music/woodlouses.jpg");
              background-position: center center; display: inline-block; float: left;
              width: 190px; height: 190px;}
.woodlousesEP:hover{background-image: none; background-color:#6aafcc;}

.RQTNdecades{background-image: url("music/RQTN_decades.jpg");
             background-position: center center; display: inline-block; float: left;
             width: 190px; height: 190px;}
.RQTNdecades:hover{background-image: none; background-color:#6aafcc;}

.sparseprism{background-image: url("music/sparse_prism.jpg");
             background-position: center center; display: inline-block; float: left;
             width: 190px; height: 190px;}
.sparseprism:hover{background-image: none; background-color:#6aafcc;}

.FDII{background-image: url("music/falling_down_II.jpg");
      background-position: center center; display: inline-block; float: left;
      width: 190px; height: 190px;}
.FDII:hover{background-image: none; background-color:#6aafcc;}

.jinbaker{background-image: url("music/jin_baker.jpg");
          background-position: center center; display: inline-block; float: left;
          width: 190px; height: 190px;}
.jinbaker:hover{background-image: none; background-color:#6aafcc;}

.pbndemo{background-image: url("music/painting_by_numbers_demo.jpg");
         background-position: center center; display: inline-block; float: left;
         width: 190px; height: 190px;}
.pbndemo:hover{background-image: none; background-color:#6aafcc;}

.brighton{background-image: url("music/brighton.jpg");
          background-position: center center; display: inline-block; float: left;
          width: 190px; height: 190px;}
.brighton:hover{background-image: none; background-color:#6aafcc;}

.secondclasscitizen{background-image: url("music/second_class_citizen.jpg");
                    background-position: center center; display: inline-block; float: left;
                    width: 190px; height: 190px;}
.secondclasscitizen:hover{background-image: none; background-color:#6aafcc;}


						  
.sonyweb{background-image: url("web/screens/sony.jpg");
         background-position: center center; display: inline-block; float: left;
         width: 253px; height: 200px;}
.sonyweb:hover{background-image: none; background-color:#6aafcc;}

.canalweb{background-image: url("web/screens/canalweb.jpg");
          background-position: center center; display: inline-block; float: left;
          width: 253px; height: 200px;}
.canalweb:hover{background-image: none; background-color:#6aafcc;}

.imagineR{background-image: url("web/screens/imagineR.jpg");
          background-position: center center; display: inline-block; float: left;
          width: 253px; height: 200px;}
.imagineR:hover{background-image: none; background-color:#6aafcc;}

.LM{background-image: url("web/screens/LM.jpg");
    background-position: center center; display: inline-block; float: left;
    width: 253px; height: 200px;}
.LM:hover{background-image: none; background-color:#6aafcc;}

.airfrance{background-image: url("web/screens/airfrance.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 253px; height: 200px;}
.airfrance:hover{background-image: none; background-color:#6aafcc;}

.pmuweb{background-image: url("web/screens/pmu.jpg");
        background-position: center center; display: inline-block; float: left;
        width: 253px; height: 200px;}
.pmuweb:hover{background-image: none; background-color:#6aafcc;}		

.rsweb{background-image: url("web/screens/rs.jpg");
       background-position: center center; display: inline-block; float: left;
       width: 253px; height: 200px;}
.rsweb:hover{background-image: none; background-color:#6aafcc;}		

.dawnshapeweb{background-image: url("web/screens/dawnshape.jpg");
              background-position: center center; display: inline-block; float: left;
              width: 253px; height: 200px;}
.dawnshapeweb:hover{background-image: none; background-color:#6aafcc;}

.adidasweb{background-image: url("web/screens/adidas.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 253px; height: 200px;}
.adidasweb:hover{background-image: none; background-color:#6aafcc;}

.HC{background-image: url("web/screens/HC.jpg");
    background-position: center center; display: inline-block; float: left;
    width: 253px; height: 200px;}
.HC:hover{background-image: none; background-color:#6aafcc;}

.twenga{background-image: url("web/screens/twenga.jpg");
        background-position: center center; display: inline-block; float: left;
        width: 253px; height: 200px;}
.twenga:hover{background-image: none; background-color:#6aafcc;}

.twengaRTS{background-image: url("web/screens/twengaRTS.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 253px; height: 200px;}
.twengaRTS:hover{background-image: none; background-color:#6aafcc;}
	
	
	
		
.almeeva{background-image: url("print/screens/almeeva.jpg");
         background-position: center center; display: inline-block; float: left;
         width: 253px; height: 200px;}
.almeeva:hover{background-image: none; background-color:#6aafcc;}	

.canalprint{background-image: url("print/screens/canalprint.jpg");
            background-position: center center; display: inline-block; float: left;
            width: 253px; height: 200px;}
.canalprint:hover{background-image: none; background-color:#6aafcc;}	
	
.aoy{background-image: url("print/screens/aoy.jpg");
     background-position: center center; display: inline-block; float: left;
     width: 253px; height: 200px;}
.aoy:hover{background-image: none; background-color:#6aafcc;}	

.pmuprestige{background-image: url("print/screens/pmuprestige.jpg");
             background-position: center center; display: inline-block; float: left;
             width: 253px; height: 200px;}
.pmuprestige:hover{background-image: none; background-color:#6aafcc;}	

.pmuprint{background-image: url("print/screens/pmuprint.jpg");
          background-position: center center; display: inline-block; float: left;
          width: 253px; height: 200px;}
.pmuprint:hover{background-image: none; background-color:#6aafcc;}	

.pmuprint2{background-image: url("print/screens/pmuprint2.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 253px; height: 200px;}
.pmuprint2:hover{background-image: none; background-color:#6aafcc;}	

.woodlouses{background-image: url("print/screens/woodlouses.jpg");
            background-position: center center; display: inline-block; float: left;
            width: 253px; height: 200px;}
.woodlouses:hover{background-image: none; background-color:#6aafcc;}

.jeanjeancd{background-image: url("print/screens/jeanjeancd.jpg");
            background-position: center center; display: inline-block; float: left;
            width: 253px; height: 200px;}
.jeanjeancd:hover{background-image: none; background-color:#6aafcc;}

.jeanjeansticker{background-image: url("print/screens/jeanjeansticker.jpg");
                 background-position: center center; display: inline-block; float: left;
                 width: 253px; height: 200px;}
.jeanjeansticker:hover{background-image: none; background-color:#6aafcc;}

.adidasprint{background-image: url("print/screens/adidasprint.jpg");
             background-position: center center; display: inline-block; float: left;
             width: 253px; height: 200px;}
.adidasprint:hover{background-image: none; background-color:#6aafcc;}	

.flyerasch{background-image: url("print/screens/flyer_asch.jpg");
           background-position: center center; display: inline-block; float: left;
           width: 253px; height: 200px;}
.flyerasch:hover{background-image: none; background-color:#6aafcc;}	

.flyeramiens{background-image: url("print/screens/flyer_amiens.jpg");
             background-position: center center; display: inline-block; float: left;
             width: 253px; height: 200px;}
.flyeramiens:hover{background-image: none; background-color:#6aafcc;}	

.pbncd{background-image: url("print/screens/pbn.jpg");
         background-position: center center; display: inline-block; float: left;
     width: 253px; height: 200px;}
.pbncd:hover{background-image: none; background-color:#6aafcc;}	
		 



.severalinputs{background-image: url("film/several_inputs.jpg");
               background-position: center center; display: inline-block; float: left;
			   width: 253px; height: 271px;}
.severalinputs:hover{background-image: none; background-color:#6aafcc;}

.almeeva-teaser{background-image: url("film/almeeva.jpg");
         background-position: center center; display: inline-block; float: left;
		 width: 253px; height: 271px;}
.almeeva-teaser:hover{background-image: none; background-color:#6aafcc;}

.forger{background-image: url("film/kn_forger.jpg");
        background-position: center center; display: inline-block; float: left;
		width: 253px; height: 271px;}
.forger:hover{background-image: none; background-color:#6aafcc;}

.ghostingseason{background-image: url("film/ghosting_season.jpg");
                background-position: center center; display: inline-block; float: left;
				width: 253px; height: 271px;}
.ghostingseason:hover{background-image: none; background-color:#6aafcc;}

.kn{background-image: url("film/kn.jpg");
    background-position: center center; display: inline-block; float: left;
    width: 253px; height: 271px;}
.kn:hover{background-image: none; background-color:#6aafcc;}

.nw{background-image: url("film/nw.jpg");
    background-position: center center; display: inline-block; float: left;
    width: 253px; height: 271px;}
.nw:hover{background-image: none; background-color:#6aafcc;}

.aoy-teaser{background-image: url("film/aoy.jpg");
            background-position: center center; display: inline-block; float: left;
		    width: 253px; height: 271px;}
.aoy-teaser:hover{background-image: none; background-color:#6aafcc;}

.dawnshape{background-image: url("film/dawnshape.jpg");
           background-position: center center; display: inline-block; float: left;
		   width: 253px; height: 271px;}
.dawnshape:hover{background-image: none; background-color:#6aafcc;}

.ttb{background-image: url("film/ttb.jpg");
     background-position: center center; display: inline-block; float: left;
     width: 253px; height: 271px;}
.ttb:hover{background-image: none; background-color:#6aafcc;}

.pbn{background-image: url("film/pbn.jpg");
     background-position: center center; display: inline-block; float: left;
     width: 253px; height: 271px;}
.pbn:hover{background-image: none; background-color:#6aafcc;}

.webe{background-image: url("film/webe.jpg");
      background-position: center center; display: inline-block; float: left;
	  width: 253px; height: 271px;}
.webe:hover{background-image: none; background-color:#6aafcc;}

.mtv{background-image: url("film/mtv.jpg");
     background-position: center center; display: inline-block; float: left;
     width: 253px; height: 271px;}
.mtv:hover{background-image: none; background-color:#6aafcc;}
					 
.videolink{text-decoration: none; display: block;}


div#footer{padding: 30px 30px 30px 20px; height: 80px;
           background: #edfaff;
		   font-family: Georgia, "Times New Roman", Times, serif;
		   color: #3a8ca6; text-align: right; line-height: 20px;
		   }
		   
div#footer2{border-bottom: 4px dashed #6aafcc;
            margin-bottom: 40px;}	  
	
div#footer a{float: left; margin-right: 7px; margin-left: 17px; margin-top: -10px;}

.footer{float: right; color: #6aafcc; overflow: hidden;}