body, div, dl, dt, dd, ul, ol, li, h1,
h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea,
p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height:120%;
 }
 
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #52474f;
	font-size:13px;
	background: #7b7077;
}

img {
  border: 0;
  vertical-align:middle;
 }

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

a {
	color:#52474f;
	text-decoration: none;
}

em, .italic {
	font-style: italic;
}

strong, .bold {
	font-weight: bold;
}

#wrap {
	position:relative;
	margin : 0 auto;
	width : 980px;
}

#container {
	overflow:hidden;
	width:100%;
}

#header {
	overflow:hidden;
	width:100%;
	margin-bottom:5px;
}

img#logo {
	float:left;
	width:283px;
	padding:15px 0;
}

ul#menu {
	margin-left:283px;
	padding-top:85px;
	text-align:right;
}

ul#menu.home {
	margin-right:315px;
}

#top_iphone {
	position:absolute;
	top:68px;
	right:0;
	width:281px;
	height:63px;
	background:transparent url(images/top_iphone.png) 0 0 no-repeat;
}
	

ul#menu li {
	display:inline;
	margin-left:10px;
	font-weight:bold;
}

ul#menu a {
	color:#fff;
}

ul#menu a:hover {
	color:#d11f38;
}

ul#menu #current a {
	color:#d11f38;
}

.corner_top {
	width:980px;
	height:20px;
	background:transparent url(images/container_top.png) 0 0 no-repeat;
}

.corner_bottom {
	width:980px;
	height:20px;
	background:transparent url(images/container_bottom.png) 0 0 no-repeat;
}

#content {
	overflow:hidden;
	padding:0 20px;
	background:#f0efed;
}

h1 {
	float:left;
	width:625px;
	margin-right:158px;
}

hr {
	visibility:hidden;
	clear:both;
}

/* Home */

#bubble {
	width:980px;
	height:278px;
	background:transparent url(images/bg_bubble.jpg) 0 0 no-repeat;
}

#bubble #buttons {
	margin:10px 0 0 228px;
}

#buttons #how_works {
	margin-right:20px;
}

#home h1 {
	margin-bottom:20px;
	color:#ce012e;
	font-size:18px;
	font-weight:bold;
}

#home h2 {
	padding:15px 0;
	color:#ce012e;
	font-size:16px;
	font-weight:bold;
}

#bubble h2 {
	padding-bottom:10px;
	line-height:20px;
	color:#52474F;
	font-size:14px;
	font-weight:normal;
}

#speak {
	width:426px;
	height:170px;
	padding:32px 0 0 223px;
}

#step {
	overflow:hidden;
	width:100%;
}

#step1, #step2, #step3 {
	float:left;
	width:300px;
}

#step2 {
	margin:0 20px;
}

#step1 img, #step2 img, #step3 img {
	display:block;
	margin:0 auto;
}

#step .number {
	float:left;
	margin-right:15px;
	padding:0;
}

#step .illustration {
	height:190px;
}

#step1 img {
	padding-top:58px;
}

#step2 img {
	padding-top:10px;
}

#step3 img {
	padding-top:64px;
}

/* Features */

#features #left {
	float:left;
	width:625px;
}

#features #right {
	margin-left:670px;
	/margin-left:650px;
}

#features h2 {
	margin-bottom:20px;
	color:#ce012e;
	font-size:16px;
	font-weight:bold;
}

#features h3 {
	margin-bottom:15px;
	color:#52474F;
	font-size:16px;
	font-weight:bold;
}

#features #avantages {
	margin-left:15px;
}

#features #avantages li {
	padding-left:13px;
	line-height:20px;
	background:transparent url(images/tick_features.gif) 0 50% no-repeat;
}

#features #avantages li.no {
	background:transparent url(images/tick_features.gif) 0 7px no-repeat;
}

#list_features {
	width:356px;
	height:169px;
	margin-top:20px;
	background:transparent url(images/bg_features.png) 0 0 no-repeat;
}

#list_features ul {
	padding:21px 0 0 155px;
}

#list_features li {
	line-height:20px;
}

img.dispo {
	margin-bottom:20px;
}

#social {
	overflow:hidden;
	width:100%;
	margin-top:20px;
}

img#dl_home {
	float:right;
	margin-top:25px;
}

/* How */

#how_global {
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}

#how1 {
	float:left;
	width:420px;
	height:203px;
	border-left:4px solid #dad8d6;
}
#how2 {
	float:left;
	width:258px;
	height:203px;
	border-left:4px solid #dad8d6;
}

#how3 {
	float:left;
	width:250px;
	height:203px;
	border-left:4px solid #dad8d6;
}

#how .col {
	float:left;
	height:100px;
	margin:0 15px 0 10px;
	padding:0;
}

#how h2 {
	margin-bottom:15px;
	line-height:20px;
}

.how_detail_list {
	margin-bottom:30px;
}

.how_content {
	overflow:hidden;
}

.how_left {
	float:left;
	width:750px;
}

.how_screen {
	float:right;
}

.how_detail_list h3 a {
	display:block;
	color:#CE012E;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

.how_detail_list p {
	margin-bottom:5px;
}

.how_detail_list .avantages {
	margin:0 0 5px 15px;
}

.how_detail_list .avantages li {
	padding-left:13px;
	line-height:20px;
	background:transparent url(images/tick_features.gif) 0 50% no-repeat;
}

.how_detail_list .avantages li.no {
	background:transparent url(images/tick_features.gif) 0 7px no-repeat;
}

.how_detail_list .avantages li li {
	background:none;
}

/* CGU */

#cgu h1 {
	margin-bottom:15px;
}

#cgu p {
	font-size:14px;
	line-height:20px;
}


/* Press */

#press h1 {
	margin-bottom:15px;
}

#agency {
	float:left;
	width:460px;
	margin-right:20px;
	border-right:4px solid #dad8d6;
}

#kit a {
	text-decoration:underline;
	padding-left:13px;
	background:transparent url(images/tick_features.gif) no-repeat scroll 0 50%
}

#social h3 {
	margin-bottom:9px;
	font-weight:bold;
	text-align:center;
}

#blog, #facebook, #twitter {
	position:relative;
	float:left;
	width:270px;
	height:66px;
	padding:100px 20px 0;
	background:transparent url(images/bg_social.png) 0 0 no-repeat;
}

#blog img {
	position:absolute;
	top:0;
	left:77px;
}

#facebook img {
	position:absolute;
	top:0;
	left:69px;
}

#twitter img {
	position:absolute;
	top:0;
	left:88px;
}

#facebook {
	margin:0 25px;
}

#mailing {
	position:relative;
	width:980px;
	height:40px;
	margin-top:25px;
	padding-top:10px;
	background:transparent url(images/bg_mailing_fr.png) 0 0 no-repeat;
	color:#52474F;
}

#mailing label {
	display:block;
	margin-left:462px;
}

#mailing input {
	float:left;
	width:390px;
	height:16px;
	padding:7px 5px;
	border:0 none;
	background:transparent url(images/bg_input_mailing.png) 0 0 no-repeat;
}

#mailing #signup {
	position:absolute;
	width:98px;
	height:30px;
	top:10px;
	right:10px;
	border:0 none;
	background:transparent url(images/button_signup.png) 0 0 no-repeat;
}
	

#footer {
	margin:25px 0;	
}

#footer ul {
	text-align:center;
	background:#f0efed;
}

#footer ul li {
	display:inline;
}

#footer ul li {
	margin-left:20px;
	font-weight:bold;
}

#footer ul li#icon_twitter, #footer ul li#icon_en {
	margin-left:5px;
}

#footer ul a {
	font-weight:bold;
}

#footer ul a:hover {
	color:#d11f38;
}

#footer ul #current a {
	color:#d11f38;
}

/* iPhone slide */

#my-glider {
position : relative;
margin-bottom : 10px;
width : 290px;
height : 505px;
background : url(images/bg_slide.png) no-repeat 0 0;
}

div.scroller { 
position : absolute;
width : 201px; 
height : 301px;
overflow : hidden;
top : 75px;
left : 45px;
}

div.scroller div.content {
padding : 0;
width : 201px; 
height : 301px;
}
	
div.scroller div.section {	
width : 201px;
height : 301px;
overflow : hidden;
float : left;	
}

div.controls {
position : absolute;
bottom : 15px;
left : 120px;
}

div.controls li {
float : left;
list-style-type : none;
}

div.controls a {
margin : 0 3px;
padding : 0 4px;
text-decoration : none; 
background : url(images/button_off.gif) no-repeat 0 0;
cursor : pointer;
}

div.controls a:hover, div.controls a.current  {
background : url(images/button_on.gif) no-repeat 0 0;
text-decoration : none; 
}


.formMessage {
	font-weight:bold;
}