/* FIRST WE RESET ALL CSS PROPERTIES */
 /* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } */
*:focus{
outline: none;
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* NOW WE STYLE OUR LAYOUT */

body {
background:#808080 url(bg.jpg) repeat-x top center;
color:#fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
#page {
position:relative;
width:1000px;
height:4212px;
margin:0 auto;
}
#innerpage {
position:relative;
width:855px;
height:4212px;
margin:0 auto;
}
a img {
border:none;
}
a {
text-decoration:none;
}
/* LOGOS */
.logo_xperia {
position:absolute;
top:15px;
left:0;
}
.logo_sony {
position:absolute;
top:15px;
right:0;
}

/* BLOC NEWSLETTER */
.newsletter {
width:855px;
height:77px;
text-align:center;
position:absolute;
top:69px;
}
.email {
border:1px solid #888;
border-right:none;
padding:3px;
height:24px;
width:250px;
background:#000;
color:#888;
margin-right:0;
display:inline-block;
vertical-align:middle;
}
.valider {
border:1px solid #888;
padding:3px;
height:32px;
width:32px;
background:#443f3f;
color:#888;
margin-left:0;
display:inline-block;
vertical-align:middle;
}
.formulaire {
margin-top:25px;
}

/* CONTENU */
.titre0 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:172px;
}
.titre1 {
width:855px;
height:17px;
text-align:center;
position:absolute;
/*top:170px;*/
top:935px;
}
.titre2 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:1365px;
}
.titre3 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:1830px;
}
.titre4 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:2206px;
}
.titre5 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:2640px;
}
.titre6 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:3057px;
}
.titre7 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:3507px;
}
.titre8 {
width:855px;
height:17px;
text-align:center;
position:absolute;
top:4020px;
}
.decouvrez_avantage {
position:absolute;
left:550px;
top:1235px;
}

.telechargez_nos_videos{
	position:relative;
	top:5px;
	left:40px;
}

.telechargez_visuels {
position:absolute;
left:100px;
top:300px;
}

#votre_plus_beau_reveil {
	position:absolute;
	top:245px;
}

#lecteur1 {
	width:853px;
	height:501px;
	background:#333;
	position:absolute;
	top:385px;
}

#lecteur {
width:480px;
height:290px;
background:#333;
position:absolute;
top:1010px;
}

#vignettes_lecteur {
width:360px;
height:180px;
position:absolute;
top:1030px;
left:495px;
}
#vignettes_gal {
width:360px;
height:180px;
position:absolute;
top:1450px;
left:495px;
}
#vignettes_gal2 {
width:360px;
height:180px;
position:absolute;
top:2280px;
left:495px;
}
/* LOADING */
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #333;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #212121;
    background: #212121;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('assets/css/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
	border:1px solid #212121;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* OVERLAYS */
#overlays,#retour {
display:none;
}
#erreur {
background: #45484d;
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
display:none;
width:450px;
height:80px;
font-size:16px;
border-radius:5px;
line-height:30px;
padding:10px;
font-weight:bolder;
text-align:center;
}
#succes {
background: #45484d;
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
display:none;
width:450px;
height:80px;
font-size:16px;
border-radius:5px;
line-height:30px;
padding:10px;
font-weight:bolder;
text-align:center;

}


/* Galerie Photo */
#galerie1 {
width:480px;
height:281px;
background:#333;
position:absolute;
top:1450px;
}


#galerie2 {
width:399px;
height:281px;
position:absolute;
top:2280px;
}

.infographie1 {
position:absolute;
left:0;
top:1915px;
}

.infographie2 {
position:absolute;
right:0;
top:1915px;
}

.infographie3 {
position:absolute;
right:0;
top:0px;
}

.elements {
width:855px;
position:absolute;
top:2705px;
text-align:center;
}
.kits_bannieres {
width:855px;
position:absolute;
top:3135px;
text-align:center;
}
.reseaux {
width:855px;
position:absolute;
top:4103px;
text-align:center;
}
.vid, .vid1 {
cursor:pointer;
}

#twitter_left {
width:410px;
height:350px;
position:absolute;
top:3590px;
left:0;
}
#twitter_right {
width:410px;
height:350px;
position:absolute;
top:3590px;
right:0;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 18px; 
	float: right;
	padding-bottom: 0.7em;	
}
.form-wizard-disabled {
display:none;
}