html {height:100%; width:100%; font-size:100%; } 

img {display:block}
a img {border:none}
a {outline:none; text-decoration:none}
ul {margin:0; padding:0; list-style:none}
ul li {margin:0; padding:0}
#pagetype {display:none}


body {background-color:#f3f3f4; margin:0; width:100%; min-width:1250px; height:100%; min-height:700px; font-size:1em; font-family:'Oswald', Arial, Helvetica, sans-serif}


#page {background-color:#f3f3f4; width:100%; height:100%; position:relative; overflow:hidden;}
 
  #back {position:absolute; width:100%; height:100%; top:0; left:0}
  
  #f1 {position:absolute; top:20%; left:40%; margin-left:343px; margin-top:296px; opacity:1}
  #f2 {position:absolute; top:20%; left:40%; margin-left:135px; margin-top:296px; opacity:1}
  #f3 {position:absolute; top:20%; left:40%; margin-left:30px; margin-top:270px; opacity:1}
  #f4 {position:absolute; top:20%; left:40%; margin-left:238px; margin-top:255px; opacity:1}
  #f5 {position:absolute; top:20%; left:40%; margin-left:446px; margin-top:255px; opacity:1}
  
    #b1 {position:absolute; bottom:0; left:0}
    #b11 {position:absolute; bottom:0; left:0}
    #b12 {position:absolute; bottom:0; left:0}
    #motion {position:absolute; bottom:50%; left:5%}
    #motion1 {position:absolute; bottom:50%; left:5%}
	#tpm {position:absolute; bottom:50%; left:8%}
	#projet1 {position:absolute; top:20%; left:40%; margin-left:135px; margin-top:0px}
	#projet2 {position:absolute; top:20%; left:40%; margin-left:343px; margin-top:0px}
	#projet3 {position:absolute; top:20%; left:40%; margin-left:30px; margin-top:210px}
	#projet4 {position:absolute; top:20%; left:40%; margin-left:238px; margin-top:210px}
	#projet5 {position:absolute; top:20%; left:40%; margin-left:446px; margin-top:210px}
	#projets {position:absolute; top:20%; left:40%;  opacity: 1}
	
	#thome {position:absolute; bottom: 3.5%; left:6.7%;  font-size:1em; color: #000;text-align: right; display: none; visibility:hidden}
	
    #progress {position: absolute; top: 15%; left: 15%; font-family: 'Exo', sans-serif; font-size:2em; color: #000; visibility:hidden}

	#bhome {position:absolute; bottom: 20px; left: 80px;  font-size:0.8em; color: #ffffff; text-align: center; visibility:hidden}
	#bprint {position:absolute; bottom: 20px; left: 40px;  font-size:0.8em; color: #F7931E; text-align: center; visibility:hidden}
	
	#texte1 {position:absolute; top: 5%; right: 3%;  font-size:1em; color: #ffffff; width: 500px; height: 70px; text-align: left; visibility:hidden}
	#texte2 {position:absolute; top: 5%; right: 60%;  font-size:1.5em; color: #111; width: 400px; height: 70px; font-weight: 700; text-align: left; visibility:hidden}

	#visuelle {position: absolute; top: 10%; left: 15%; font-family: 'Exo', sans-serif;  font-weight: 900; font-size:4em; color: #fff}
	#visuelle1 {position: absolute; top: 18%; left: 16%; font-family: 'Exo', sans-serif; font-size:1em; color: #fff}

	#support {position: absolute; top: 10%; left: 15%; font-family: 'Exo', sans-serif;  font-weight: 900; font-size:4em; color: #fff}
	#support1 {position: absolute; top: 18%; left: 16%; font-family: 'Exo', sans-serif; font-size:1em; color: #fff}

	#illustration {position: absolute; top: 10%; left: 15%; font-family: 'Exo', sans-serif; font-weight: 900;  font-size:4em; color: #fff}
	#illustration1 {position: absolute; top: 18%; left: 16%; font-family: 'Exo', sans-serif; color: #fff}

	#yakh {position: absolute; top: 10%; left: 15%; font-family: 'Exo', sans-serif; font-weight: 900; font-size:4em; color: #fff}
	#yakh1 {position: absolute; top: 18%; left: 16%; font-family: 'Exo', sans-serif; font-size:1em; color: #fff}

	#tafra {position: absolute; top: 10%; left: 15%; font-family: 'Exo', sans-serif; font-weight: 900; font-size:4em; color: #fff}
	#tafra1 {position: absolute; top: 18%; left: 16%; font-family: 'Exo', sans-serif; font-size:1em; color: #fff}
	

   #l1 {position:absolute; bottom:5%; left:5%}
   #l2 {position:absolute; bottom:5%; left:5%; visibility:hidden}
   #logo { position:absolute; bottom:5%; left:5%} 
  
   
   
   
   #logo:hover { margin-bottom:10px; cursor:pointer; visibility:visible}
   	#logo:hover #l2 { visibility:visible; cursor:pointer}
	
   
	

   	  
	#bmo {position:absolute; bottom:0; left:0}
    #b1 {position:absolute; bottom:0; left:0}
    #b11 {position:absolute; bottom:0; left:-5%}
    #b12 {position:absolute; bottom:0; left:-5%}
	#b14 {position:absolute; top:0%; right:0%}
	#b15 {position:absolute; top:77%; right:0%; cursor:pointer}
	#b15:hover  {top:76%;}
		
	#lghome {position:absolute; bottom:5%; left:5%; cursor:pointer; opacity:1}
	#lgpm {position:absolute; bottom:5%; left:3%; cursor:pointer; opacity:1}
	#lgpm:hover {margin-bottom:10px}
	#lghome:hover {margin-bottom:10px}
   
   
   #galerie {position:absolute; z-index:0; width:938px; height:620px; top:130px; left:50%; margin-left:-454px; display:none}
   #galerieInt {position:relative; width:938px; height:620px; }
    #photo {position:absolute; top:0; left:0; z-index:51;}
	#photo-cacher {position:absolute; top:0; left:0; z-index:50;}

	#botton {position:absolute; top:50%; right:10%; cursor:pointer; z-index:9999}
	#botton1 {position:absolute; top:50%; right:75%;  cursor:pointer; z-index:9999}
	#bweb{position:absolute; bottom:0; left:-20px}


	
	 #projet1, #projet2, #projet3, #projet4, #projet5, #pro11, #pro12, #botton, #botton1, #b14, #b15, #visuelle, #visuelle1, #support,
	 #support1, #illustration, #illustration1, #yakh, #yakh1, #tafra, #tafra1 {visibility:hidden}


	#cacher {display:none}
	
	
  
  #motion1, #motion, #bmo, #b1, #b11, #f1, #f2, #f3, #f4, #f5, #b12, #l1, #bl2, #tpm, #lgpm, #lghome, #pro11, #pro12 {visibility:hidden}