html {
	overflow-y: scroll;
}
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #7b5769;
	font-family: "Century Gothic", "Helvetica";
	font-size: 12px;
	text-align: center;
	font-size: 75%;
}
/* Normal link */
a {
	color: #ae0055;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* Heading */
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
.breaker {
	height: 1px;
	overflow: hidden;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

/********************************/

.inside{
	width: 785px;
	margin: 0 auto;
	text-align: left;
}

.contact_us {
	position: absolute;
	top: 155px;
	left: 0;
}

.contact_us a {
	float: right;
	width: 34px;
	height: 103px;
	background-image: url(/images/contact_us_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

.contact_us a:hover {
	background-position: -34px 0;
}

/********************************
************ HEADER *********
*****************************/
#header {
	background: url(/images/bg_header.gif) repeat-x;
	font-family: tahoma;
}
#header .inside{
	padding: 18px 0 0 0;
}
#header .logo{
	float: left;
	margin: 0 39px 0 0;
	background: url(/images/logo.png) no-repeat;
}
#header .nav{
	float: left;
	background: url(/images/bg_nav.gif) no-repeat bottom left;
}
#header .nav li{
	float: left;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
#header .nav li a{
	color: #e581b4;
	width: 105px;
	float: left;
	display: block;
	text-decoration: none;
	height: 36px;
	padding: 18px 0 0 0;
}
#header .nav li a:hover{
	background: url(/images/li_nav_over.gif) no-repeat bottom left;
	color: #fff;
}
#header .nav li.active a,
#header .nav li.active a:hover{
	background: url(/images/li_nav_encour.gif) no-repeat bottom left;
	cursor: text;
	color: #850d48;
}
#header .links{
	float: right;
	padding: 18px 0 0 0;
}
#header .links li{
	display: inline;
	font-size: 85%;
	color: #e6afcb;
	padding: 0 0 0 4px;
}
#header .links li a{
	color: #e581b4;
	text-decoration: none;
}
#header .links li span{
	text-decoration: none;
	padding: 0 0 0 4px;
	color: #bd186d;
}
#header .links li a:hover{
	text-decoration: none;
	color: #ffffff;
}
/********************************
************ FOOTER *********
*****************************/
#footer {
	background: url(/images/bg_footer.gif) repeat-x #910147;
	color: #ffffff;
	font-size: 92%;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer .inside{
	padding: 18px 0 10px 0;
}
#footer  p{
	float: right;
}
#footer  h4{
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 3px 0;
}
#footer li{
	padding: 0 0 3px 0;
}
#footer .left{
	width: 130px;
}
/********************************
************ BODY *********
*****************************/
#body {
	background: url(/images/bg_centre.gif) repeat-x bottom left;
}
#body .inside{
	padding: 30px 0;
}

#body h1{ 
	font-size: 167%;
	color: #ae0055;
	font-weight: normal;
	word-spacing: -1px;
}

#body h1 .emphasize { 
	font-weight: bold;
}

#body .btn{ 
	float: right;
	margin: -8px 0 17px 0;
}

#body #download a {
	float: right;
	margin: -8px 0 17px 0;
	width: 176px;
	height: 48px;
	background-image: url(/images/download_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#body #download a:hover {
	background-position: 0 -48px;
}

#body #follow_us a {
	float: right;
	width: 121px;
	height: 32px;
	background-image: url(/images/follow_us.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#body #follow_us a:hover {
	background-image: url(/images/follow_us_over.gif);
}

.presentation {
	background-image: url(/images/iphone_bis.gif);
	background-repeat:  no-repeat;
	background-position: left top;
	padding: 0px 0 0px 307px;
	margin: 0 0 22px 0;
}
.presentation .video{
	width: 477px;
	height: 280px;
	background: url(/images/video.gif) no-repeat;
	text-align: center;
	padding-top: 5px;
}
.news {
	background: url(/images/bg_news.gif) no-repeat;
	width: 580px;
	height: 23px;
	padding: 5px 0 0 76px;
	overflow: hidden;
	float: left;
	margin: 2px 0 0 0;
}
.news a {
	color: #ae0055;
	text-decoration: none;
}
.news a:hover{
	text-decoration: underline;
}
/* our work div */
#how_to h2 {
	color: #fff;
	font-size: 1.33em;
}
#how_to li{
	list-style:none;
	float:left;
	background: url(/images/bg_with_caption.png) no-repeat;
	margin:0 0 26px 5px;
	padding: 8px 0 8px 8px ;
	width:250px;
	position: relative;
	height: 127px;
	font-family: "Century Gothic", "Helvetica";
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
#how_to li.first{
	margin:0 0 26px 0;
}
#how_to li span {
	display: block;
	position: relative;
	overflow: hidden;
	height: 110px;
	padding: 20px 20px 0 20px;
	color: #ae0055;
	text-decoration: none;
	font-size: 14px;
}
#how_to li span a{
	color: #ae0055;
	text-decoration: none;
}
#how_to li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
/********************** */
#body .content h1 {
	font-size: 167%;
	padding: 0 0 25px 0;
}
#body .content h2 {
	font-size: 133.5%;
	padding: 0 0 10px 0;
	color: #e581b4;
}
#body .content img {
	float: left;
	border: 5px solid #e6afcb;
	margin: 0 10px 0 0;
}
#body .content p {
	padding: 0 0 15px 0;
	line-height: 18px;
	color: #7c586a;
}
#body .content p.chapo {
	font-size: 108.5%;
}
#body .content h3 {
	font-size: 117%;
	font-weight: bold;
	padding: 0 0 10px 0;
	color: #e581b4;
}
#body .content ul {
	padding: 0 0 10px 25px;
}
#body .content ul li {
	padding: 0 0 3px 12px;
	background: url(/images/puce.gif) no-repeat 0 8px;
}