
<style type="text/css">
        html, body{
                padding: 0;
                margin: 0;
				
		
				
        }












        /* using the child selector to hide the
        following body css from IE6 and earlier */

        html>body {
               background-color:#FFF;
			   
			   			background-image:url(images/fondpapier2s.jpg);
						
								  background-attachment: fixed;

  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  
  /*
				background-image:url(images/unpxl.jpg);
								  background-attachment:fixed;
  background-size:contain;
		
*/
        }

        #footer {
                position:absolute;
				display:none;
                bottom:0;
                width:100%;
				left:0;
				
                height:30px;
        }

        /* for moz/opera and others*/
        html>body #footer{position:fixed}

        #footer-inner {
                height: 30px;
					background:#CCC;
									background-image:url(images/baspapier.jpg);

					border-top:#CCC 1px solid;


        }
*::-moz-selection {
	background-color:#333;
	color:#CCC;
}
        /* margin-bottom ensures last content
        is not obscured by footer */
		
		#inner{
			margin:6em 0px 50px 0px;
		}
        #contain-all{
                margin: 0 auto;

				width:805px;
				font-size:12px;
				line-height:1.5;
				font-family:Verdana, Geneva, sans-serif;
				color:#353535;
				margin-bottom:100px;
	
				}
		#headerOne{
			background-image:url(images/logowdys.gif);
			width:386px;
			height:434px;
			margin:0 auto;
		}

		
		#content1{
			width:805px;
			margin-top:400px;


		}
		
			#content2{
			width:800px;


		}
	
		
		#cadreentrer{
			border:none;
			outline:none;
			margin-top:10px;
			background-image:url(images/start.gif);
					outline:none;

			width:120px;
			height:108px;
						margin:0 auto;

		}
		
				#cadreentrer2{
					outline:none;
			

			width:220px;
			height:208px;
			margin-left:-30px;
		
			
		}
		.entrer{
			outline:none;
			
		}
		
			#cadreentrer:hover{
			margin-top:10px;
			margin:0 auto;
					outline:none;

			width:120px;
			height:108px;
			background-position:bottom;
		}
		
		.soustitre{
			margin:0 auto;
			font-size:13px;
			margin-top:5px;
			margin-left:-12px;
			font-weight:bold;
			text-align:center;
		}
		.pourquoi{
				background-image:url(images/pourquoi.gif);
			width:194px;
			height:49px;
						margin:0 auto;
						padding-top:10px;
			margin-left:-7px;

		}
		
			.descriptif{
				background-image:url(images/descriptif.gif);
			width:443px;
			height:65px;
			margin-left:-7px;

		}
		
			.collaboration{
				background-image:url(images/collaboration.gif);
			width:603px;
			height:57px;
			margin-left:-7px;

		}
			.remerciements{
				background-image:url(images/remerciements.gif);
			width:388px;
			height:64px;
			margin-left:-7px;
			margin-top:120px;

		}
		.video{
			text-decoration:none;
		}
			.eoaimg{
			background-image:url(images/eoaimg.gif);
			width:311px;
			height:219px;
			float:left;
			padding-right:9px;
			margin-left:-10px;
		}
			.onaimg{
			background-image:url(images/onaimg.gif);
			width:311px;
			height:219px;
			float:left;
	padding-right:9px;
			margin-left:-10px;

		}
			.neaimg{
			background-image:url(images/neaimg.gif);
			width:311px;
			height:219px;
			float:left;
			padding-right:9px;
			margin-left:-10px;
		}
		.shaimg{
		background-image:url(images/shaimg.gif);
			width:311px;
			height:219px;
			float:left;
	padding-right:9px;
			margin-left:-10px;

		}
			.soaimg{
		background-image:url(images/soaimg.gif);
			width:311px;
			height:219px;
			float:left;
	padding-right:9px;
			margin-left:-10px;

		}
			.onatitre{
			background-image:url(images/onatitre.gif);
			width:336px;
			height:45px;
			margin:0 auto;
		}
		.eoatitre{
			background-image:url(images/eoatitre.gif);
			width:336px;
			height:45px;
			margin:0 auto;
		}
			.neatitre{
			background-image:url(images/neatitre.gif);
			width:336px;
			height:45px;
			margin:0 auto;
		}
		
			.shatitre{
			background-image:url(images/shatitre.gif);
			width:336px;
			height:45px;
			margin:0 auto;
		}
		.eoadate{
			margin-right:20px;
			font-weight:bold;
			float:right;
			color:#C00;
			
			}
		#shacontent{
			
		}
		@font-face {
font-family: 'archi';
src: url('zenda-webfont.eot');
src: local('archi'),
url('zenda-webfont.ttf') format('truetype'),
url('zenda-webfont.svg#webfont') format('svg');
}
		h3{
			font-size:33px;
			font-family:archi,Verdana, Geneva, sans-serif;
			font-weight:900;
			line-height:1;
			margin-bottom:10px;

		}
		
		
		.comm {
			margin-top:3px;

}
.table {
}
	.test {
	margin-left:228px;
}	

h2 {
	margin-bottom:0px;
	font-size:30px;
	letter-spacing:3px;
	font-weight:500;
	color:#745B44;
	
	
}

h4 {
	font-variant:small-caps;
	margin-bottom:12px;
	font-size:18px;
	
	
}

	#formuleAlign {

	width:880px;
	font-size:12px;
	display:inline;
	
	font-weight:bold;

}
	#formuleGauche {
		float:left;
				font-variant:small-caps;

	width:400px;
	font-size:12px;
	font-weight:bold;
}	
		#formuleDroit {
			margin-top:28px;
				font-variant:small-caps;

			margin-left:460px;
			
	width:400px;
	font-size:12px;
	font-weight:bold;
}
	
		
		#formdroit{
			float:right;
			
			
			
		}
		
		.liste{
			margin-left:-24px;
			
			
			}
		#mercicadre{
		}
		.interet{
			font-size:30px;
			
		}
		.thanks{
		height:100px;
		margin-top:20px;
		}
		
				.thanks a{
					text-decoration:none;
					
				}

			.thanks li:hover{
			background-color:#EF8110;
					
				}
				
		.thanks li{
						float:left;
						text-align:center;

			list-style-type:none;
				font-weight:bold;

			
			color:#000;
			width:180px;
			font-size:16px;
			line-height:2;
		}
		
		
		
		
		
		#superchat{
		background-image:url(images/superchat.gif);
		float:right;
		width:125px;
		height:96px;
		margin-right:20px;
		margin-bottom:40px;
			
		}
		
		
		
		#dock {
	position:fixed;
	bottom:0px;
	left:50%;

	width:600px;
	height:26px;
	margin:auto;
	margin-left:-300px;
	padding:10px;
	overflow:hidden;
	text-align:center;
}

a img {
  border: none;
}




		#dock2 {
			display:none;

		position:fixed;
	left:44%;

	width:800px;
	height:40px;
	padding-top:5px;
	margin:auto;
	margin-left:-310px;
	padding:-10px;
	overflow:hidden;
	text-align:center;
	font-variant:small-caps;
	font-family:Verdana, Geneva, sans-serif;

}

#bonusmob{
			display:block;
			width:600px;
			overflow:hidden;
			margin:0 auto;
		}

#bonusmob ul li{
			display:inline;
			
			
			
		}
#bonusmob ul li a{
	float:left;
      display:inline;
      margin:0 0px 0 5px;
	  color:#333;
	  text-decoration:none;
	  font-size:14px;
	  font-weight:900;
	  
	  }
.mobface{
	background-image:url(images/mobface.gif);
	width:161px;
	height:161px;

	}
.mobyout{
	background-image:url(images/mobyout.gif);
	width:161px;
	height:161px;


	}
	.mobtwit{
	background-image:url(images/mobtwit.gif);
	width:161px;
	height:161px;


	}
	.mobwork{
	background-image:url(images/mobwork.gif);
	width:161px;
	height:161px;
	margin-left:30px;


	}
	
		.mobmail{
	background-image:url(images/mobmail.gif);
	width:161px;
	height:161px;


	}
			.mobcopy{
	background-image:url(images/mobcopy.gif);
	width:161px;
	height:161px;


	}
	
#dock2 ul {
    margin:0px 0 0 0;
    padding:0;
	
}
 
#dock2 ul li {
      display:inline;
      margin:0 0px 0 10px;
}
#dock2 ul li a{
      display:inline;
      margin:0 0px 0 5px;
	  color:#333;
	  text-decoration:none;
	  font-size:14px;
	  font-weight:900;
	  
	  }
	  
	  .lignef{
	border-bottom:solid #666 1px;
	  width:100px;
	  
	  
	  }
</style>
