*{
	margin:0;
	padding:0;
}

body{
	font-size:14px;
	color:#515151;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	padding-top: 50px;
	background-image: url(../images/icone-logo-web.jpg);
	background-repeat: no-repeat;
	background-position: 50px 250px;
}
#accueil {
	left: 430px;
	top: -102px;
	position:absolute;
}

#logoh1{
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#page{
	/* This the main container div */
	width:900px;
	min-height:700px;
	margin:0 auto;
	position:relative;
	padding-top:1px;
}

#phoneCarousel{
	/*	This is the carousel section, it
		contains the stage and the arrows */
	height:680px;
	position:relative;
	width:900px;
	margin: 90px auto 120px;
}


#phoneCarousel .arrow{
	/* The two arrows */
	width:44px;
	height:44px;
	position:absolute;
	top:-80px;
	margin-top:-22px;
	left:364px;
	cursor:pointer;
	background-image: url(../images/fleches.png);
	background-repeat: no-repeat;
}

#phoneCarousel .next{
	/* Individual styles for the next icon */
	background-position:right top;
	left:auto;
	right:362px;
}

/* Hover styles */

#phoneCarousel .arrow:hover{
	background-position:left bottom;
}

#phoneCarousel .next:hover{
	background-position:right bottom;
}

#logo{
	background:url('img/logo.png') no-repeat;
	height:40px;
	text-indent:-9999px;
	width:210px;
	display:block;
}

#stage{
	/* The stage contains the animated phone images */
	left:50%;
	margin-left:-350px;
	position:absolute;
	height:100%;
	width: 700px;
}
#stage div{
	/* Hiding all the images by default */
	display:none;
	height: 730px;
	width: 600px;
	background-image: url(../images/ombre-panel600-700.jpg);
	background-position: center bottom;
}

#stage .default{
	/*	This class is applied only to the iphone img by default
		and it is the only one visible if JS is disabled */
	display:block;
	left:50%;
	margin-left:-300px;
	position:absolute;
}

#stage .animationReady{
	/* This class is assigned to the images on load */
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.text{	margin-top:70px;width:700px;}

.text p,
.text h3{
	padding-bottom:15px;
	line-height:1.4;
	text-align:justify;
}

.text h3{	font-size:30px;}
.text p{	font-size:20px;}

.thumb{	float:left;margin-right:40px;}

.availableAppStore{float:right;}


/* The styles below are only necessary for the purposes of Tzine's demo */

h2{
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	position:absolute;
	right:0;
	top:52px;
}

h2 a{
	color:#666666;
}

#thanks{
	color:#aaa;
	font-size:12px;
	text-align:center;
	padding:50px;
}
#thanks a{ color: #888;}

a, a:visited {
	text-decoration:none;
	outline:none;
}

a:hover{	text-decoration:underline;}

a img{	border:none;}

.titreNiveau2 {
	overflow: hidden;
	height: 700px;
	background-color: #343434;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #98C26D;
	vertical-align: middle;
	text-align: center;
}
.titreNiveau2 a {
	color: #FFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.titreNiveau2 p {
	font-size: 16px;
	color: #FFF;
	text-align: justify;
	width: 500px;
	margin-left: 50px;
	margin-right: 50px;
}
.titreNiveau2 h6 {
	color: #98C264;
	font-size: 20px;
}