/* une structure pour bien commencer */

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}

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

#page {width:100%; height:100%; position:relative; overflow:hidden}

 
  #back {position:absolute; width:100%; height:100%; top:0; left:0}
	#b1 {position:absolute; top:0; left:0}
	#bweb {position:absolute; top:0; left:0}
	#b2 {position:absolute; bottom:0; left:0}
    #print1 {position:absolute; top:0; left:0}
	#b3 {position:absolute; top:0; left:0}
	#b4 {position:absolute; bottom:0; left:0}
	#b5 {position:absolute; bottom:0; right:0}
	#b6 {position:absolute; top:0; right:0}
	#b7 {position:absolute; bottom:0; right:0}
	#b8 {position:absolute; top:0; right:0}
   #print2 {position:absolute; bottom:0; right:0}
   #motion1 {position:absolute; bottom:0; left:0} 
   #motion2 {position:absolute; top:0; right:0}
   #web1 {position:absolute; bottom:0; left:0}
   #web2 {position:absolute; top:0; right:0}
   #folio1{position:absolute; top:0; left:0}
   #folio2 {position:absolute; top:0; right:0} 

    #folio4 {position:absolute; top:0%; left:0%; display:none}
    #folio3 {position:absolute; top:0%; left:0%; display:none}
	#motion3 {position:absolute; top:0%; left:0%; display:none}
	#web3 {position:absolute; top:0%; left:0%; display:none }
	#web4 {position:absolute; top:2%; left:0%; display:none }
    #print4 {position:absolute; top:0%; left:0%; display:none}
     
	
	 #tafra {position:absolute; top:50%; left:50%; margin-left:-94px; margin-top:28px}
     #contact {position:absolute; bottom:2%;z-index:501;  right:1%; background-color: #ffffff; font-size:1.3em; line-height:1.4em; color: #111111; width: 150px; height: 65px; text-align: center;}
      #contact1 {position:absolute; bottom:1%; z-index:500; right:1%; font-size:1.7em; font-weight:700; color: #ffffff;width: 150px; height: 65px; text-align: center;cursor: pointer; display: block}
	  
      #tafra2 {position:absolute; bottom:11.5%; right:2.5%;cursor: pointer}
	  #info a{color: #000;}
	  #info a:hover{color: #888;}
      #info {position:absolute; bottom:2%; right:13%; background-color: #ffffff; font-size:1em; Color: #111111; width: 300px; height: 70px; text-align: center; line-height: 1.4em; visibility: hidden;display: none; padding-top:10px}
	  	#info h1 {font-size:1.2em; margin:0; padding:0} 
		#info h2 {font-size:0.8em; margin:0; padding:0} 
		#info h3 {font-size:0.6em; margin:0; padding:0}
	#contact, #tafra2, #contact1{cursor: pointer} 
	 #contact, #tafra2, #contact1, #tafra, #motion2, #motion1, #web2, #web1, #folio2, #folio1, #print2, #print2, #print1, #b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8 {visibility:hidden}
	
	#logo1 {position:absolute; top:50%; left:50%; margin-top:-108px; margin-left:-41px; width:160px; height:300px; display:block}
	#logo2 {position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:-85px; width:160px; height:300px; display:block}
	#logo3 {position:absolute; top:50%; left:50%; margin-top:-60px; margin-left:3px}
	#logo4 {position:absolute; top:50%; left:50%; margin-top:66px; margin-left:-41px}
	#logo1Survol {position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-100px; width:180px; height:241px; display:block; z-index:9998; display:none}
    #logo2Survol {position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-350px; width:180px; height:241px; display:block; z-index:9998; display:none}
	#logo3Survol {position:absolute; top:50%; left:50%; margin-top:-160px; margin-left:200px; width:190px; height:350px; display:block; z-index:9998; display:none}
	#logo4Survol {position:absolute; top:50%; left:50%; margin-top:145px; margin-left:-50px; width:260px; height:160px; display:block; z-index:9998; display:none}
	#logosv {position:absolute; top:50%; left:50%; margin-top:-115px; margin-left:-41px; width:160px; height:300px; display:block}
	#logo2sv {position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-120px; width:160px; height:300px; display:block}
	#logo3sv {position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-80px; width:160px; height:300px; display:block}
	#logo4sv {position:absolute; top:50%; left:50%;  margin-top:-50px; margin-left:-110px}
	
		#effet1 {position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-95px}
		#effet2 {position:absolute; top:50%; left:50%; margin-top:-130px; margin-left:-95px}
		#effet3 {position:absolute; top:50%; left:50%; margin-top:-130px; margin-left:-95px}
		#effet4 {position:absolute; top:50%; left:50%; margin-top:-130px; margin-left:-95px}
	
	#maintenance{
		display: flex;
		justify-content: center;
		z-index: 999999999;
		color: #000;
		font-size: 30px;
		position: relative;
	}
	
	
	#logo1 img {position:absolute; top:0; left:0}
	
	
	#print3 {position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-400px; display:none} 
	
	 #effets, #logo1, #logo2, #logo3, #logo4, #logosv, #logo2sv, #logo3sv, #logo4sv {visibility:hidden}
		
#pagetype {display:none}