*{margin:0;padding:0;}
#result {
	width: 500px;
	padding: 10px;
	background-color: #F9F9F9;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; visibility:hidden;
}.result { visibility: visible;}
#backs{background-image:url(img/page.png); background-repeat:no-repeat; width:1008px; height:570px;background-position: top;}
#backs_bottom{background-image:url(img/page_bottom.png); background-repeat:no-repeat; background-position:top; height:100px; width:1008px; background-color:#29282D;}
.flotteur{float:left;font-size:12px;margin-left:200px;width:200px;}
.flotteur img{float:left;}
ul{margin:0;padding:0;}
#no_list{ list-style:none; display: block;}
#no_list a{ padding-bottom:10px; padding-top:10px;}
#archi li{ list-style:none;}
#container li{ }
#container ul{}
#flash_bonus{ position:absolute; margin-top:200px; }
.lineer{ background:#333333;}
.linout{ background:#29282d;}
#demo-bar {
	margin: 5px auto;
	padding: 5px 0;
	width: 600px;
	border-bottom: 1px solid #B3D4EF;
	background: #fff;
	text-align: center;
}
#flashing{ background:#29282D;} 
#demo-wrapper {
	margin: 5px auto;
	overflow: hidden; 
	height: 400px; 
	width: 600px;
	border: 1px solid #ddd;
	position: relative;
}
 
#demo-inner {
	width: 2270px;
	height: 1704px;
	background-image: url(img/mountains.jpg);
	position: relative;
}
 
.scrolling-content {
	background: transparent url(bubble.png) top left no-repeat;
	width: 139px;
	height: 73px;
	text-align: center;
	position: absolute;
}
 
.scrolling-content h1 { 
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}
 
#content1 {
	left: 250px; 
	top: 100px;
}
 
#content2 {
	left: 800px; 
	top: 1350px;
}
 
#content3 {
	left: 1200px; 
	top: 550px;
}
 
#content4 {
	left: 1700px; 
	top: 1300px;
}




#montre{ padding-top:10px; padding-bottom:12px; margin-top:10px; margin-bottom:12px;}
li{margin:0;padding:0;}
body{ background-color:#29282D;color:#fff;font-family:Geneva, Arial, Helvetica, sans-serif;margin:0;padding:0; overflow:hidden;}
h1{background:#333;color:#fff;letter-spacing:0.5em; margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-left:15px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
h2{background:#333;color:#fff;letter-spacing:0.5em; margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-left:15px;font-family:Geneva, Arial, Helvetica, sans-serif;}
h3{background:#333;color:#fff;letter-spacing:0.5em; margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px; padding-left:15px;font-family:Geneva, Arial, Helvetica, sans-serif;}
p{margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding-left:15px}
image{vertical-align:top; padding:0; margin:0;}
INPUT{color:#000;font-size: 14px;font-family:Geneva, Arial, Helvetica, sans-serif;background-color:#eee}
SELECT{color:#000;font-size: 14px;font-family:Geneva, Arial, Helvetica, sans-serif;background-color:#eee}
TEXTAREA{color: #000;font-size: 14px;font-family:Geneva, Arial, Helvetica, sans-serif;background-color:#eee}
.fond_gris{ background:#333;}
.txterror{color: #fff; font-size: 14px;font-family:Geneva, Arial, Helvetica, sans-serif}
.txtform{color: #fff; font-size: 14px;font-family:Geneva, Arial, Helvetica, sans-serif}
.copy{background:#333;color:#fff;font-family:Geneva, Arial, Helvetica, sans-serif;margin:0;padding:0;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;}
.come{background:#fff;color:#000;font-family:Geneva, Arial, Helvetica, sans-serif;margin:0;padding:0;margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;}
#comment{ position:absolute; vertical-align: bottom;}
.ma_face{float:left;border:15px #333 solid;}
.ma_fase{}
.identityz{ background-color:#000000;width:1280px;}
.nostyle{ list-style:none;}
#vignettes span{
	text-align:center;
	border:0;
	margin:0;
	background:#333;
}
#signature a{ font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#ccc;}
#signature a:hover{ font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#F0F;}
#heure_et_accueil{ text-align:center; background:#333; margin-top:20px; padding-top:10px; padding-bottom:15px;}
#vignettes img{text-align:center; border:0; margin:0;}
.activated{ border:0;}
.activated:hover{ border:1px #FF6600 solid;}

#container{ margin-top:15px;}
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 800px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #fff;
			font-weight: 900;
			text-decoration: none;
			outline: none;
			font-size: 24px;
		
			
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_content {
			background-color: #333;
			color: #fff;
			overflow: hidden; width:820px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {background-color: #333;
				line-height: 150%; text-align:left;
				padding: 5px 10px 15px 10px; width:500px; margin-left:30px;
				}
				
				.accordion_content a {
				background-color: #333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#FF00FF;
				
				}
				.accordion_content a:hover {
				background-color: #333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color: #990000;
				
				}
				.accordion_content a {
				background-color: #333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#FF00FF;
				
				}
			.accordion_content li { list-style:none; width:470px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 800px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #333;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
		
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
		
		}

		.vertical_accordion_content {
			background-color: #333;
			color: #FFCC33;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #f68263;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
		
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 700px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #333;
			color: #fff;
		}
			
			.horizontal_accordion_content p {
				width: 800px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 850px;   
      height: 700px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 800px;
    }
a{ color:#fff;text-decoration:none; padding:0; margin-left:25px; margin-right:25px;}
a:hover{ color:#FF00CC;text-decoration:none; padding:0; margin-left:25px; margin-right:25px;}
.hard_back{ background-color:#333;}

p{background:#29282D;text-align:center; padding:0; margin:0;}

#footer{ background:#29282D;}
#footer a{font-family:Arial, Helvetica, sans-serif;color:#fff;}
#footer a:link{background:#29282D;}
#footer a:visited{background:#29282D;}
#footer a:hover{color:#c0D8e0; }
#footer a:active{background:#29282D;}
#footer a:focus{background:#29282D;}
#absolum{position:absolute; margin-top:45px;}

#copy{margin-top:150px; color:#666;}
#copy a{font-family:Arial, Helvetica, sans-serif;color:#666;}
#copy a:link{background:#333;}
#copy a:visited{background:#333;}
#copy a:hover{color: #FF00FF;background:#333; text-align:center;}
#footer a:active{background:#333;}
#copy a:focus{background:#333;}

#menu{list-style:none;margin:0px;padding:0px; background:#29282D;}
#menu span{ margin:0px; padding:0px;
	width:0px;
	height:0px;
}
.valeurs{margin-left:20px;width:400px; display:block;}
#menu a{font-family:Arial, Helvetica, sans-serif;color:#fff;}
#menu a:link{background:#29282D;}
#menu a:visited{background:#29282D;}
#menu a:hover{color:#333;background:#29282D; text-align:center;}
#footer a:active{background:#fff;}
#menu a:focus{background:#29282D;}
.wall{ position:absolute;}
td{}
/* © jonathanperrot2009 */