* { font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

body {
background-color: #000000;
background-image: url(img/blackground.png);
width:800px;
margin-left:auto;
margin-right:auto;
}

#header {
width:800px;
height: 105px;
margin-left: 3px;
}

#header-logo a{
display: block;
background-image: url(img/header.png);
float:left;
width:260px;
height:65px; 
}

.header-slogan {
float:left;
width:540px;
height:65px;
}

.header-slogan a {
display: block;
width:540px;
height:65px;
line-height:83px;
margin-bottom:0px;
font-size: 18px;
color: #ff6600;
}

#header-menu {
float:left;
height:40px;
width:650px;
margin-left:150px;
margin-bottom:20px;
font-size: 20px;
color: #FFFFFF;
}

#header-menu ul {
margin-top: 9px;
}

#header-menu li {
display: inline;
list-style-type: none;
padding-left: 45px;
padding-right: 0px;
}

#header-menu li a {
color: #FFFFFF;
text-decoration: none;
}

#header-menu li a:hover {
background-image: url(img/barre-orange.png);
background-repeat:repeat-x;
background-position:bottom left;
}

#header-menu li a:active {
color: #ff6600;
}

#header-menu li.selected a {
background-image: url(img/barre-orange.png);
background-repeat:repeat-x;
background-position:bottom left;
}

#header-menu li.selected a:hover {
color: #FFFFFF;
}

#content {
float:left;
width: 800px;
height: 570px;
}

#agauche {
float:left;
width: 336px;
height: 570px;

}

#adroite {
float:left;
width: 464px;
height: 570px;
}

#copyright {
float: left;
width: 800px;
height: 30px;
color: #333333; 
font-size: 9px; 
font-family: Arial, Helvetica, sans-serif;
margin-top:30px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

#copyright a {
color: #FFFFFF;
text-decoration: none;
}

/* iPhone
----------*/
#iphone {
background-image: url(img/iphone_front.png);
width:220px;
height:400px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}

#iphone-top{
width:154px;
height:80px;
margin-left:auto;
margin-right:auto;
}

#iphone-top2{
width:154px;
height:64px;
margin-left:auto;
margin-right:auto;
}

#iphone-display-chi2 {
background-image: url(img/chi2-screenshot1.jpg);
width:168px;
height:250px;
margin-left:auto;
margin-right:auto;
}

#iphone-display-scribe {
background-image: url(img/scribe-screenshot1.png);
width:168px;
height:250px;
margin-left:auto;
margin-right:auto;
}

#iphone-display-haaretz {
background-image: url(img/haaretz-screenshot1.png);
width:168px;
height:250px;
margin-left:auto;
margin-right:auto;
}

#iphone-display-karaboo {
background-image: url(img/karaboo-screenshot1.png);
width:168px;
height:250px;
margin-left:auto;
margin-right:auto;
}

#springboard{
width:154px;
height:179px;
margin-left:auto;
margin-right:auto;
}

.springboard-chi2 {
float:left;
width: 30px;
height: 45px;
margin-left:5px;
margin-right:3px;
}

.springboard-chi2 a {
/*background-image: url(img/icone_chi2_nogloss.png);*/
background:url(img/sprite-chi2.png) 0 0;
display: block;
width: 30px;
height: 45px;
text-decoration: none;
background-repeat:no-repeat;
/*background-position: top;*/
color: #BBBBBB; 
font-size: 9px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 70px;
}


.springboard-chi2 a:hover {
/*background-image: url(img/icone_chi2_gloss.png);*/
background:url(img/sprite-chi2.png) -32px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

.springboard-chi2 a:active {
/*background-image: url(img/icone_chi2_gloss.png);*/
background:url(img/sprite-chi2.png) 0 0;
background-repeat:no-repeat;
color: #BBBBBB;
}

.springboard-tcast {
float:left;
width: 30px;
height: 45px;
margin-left:5px;
margin-right:3px;
}

.springboard-tcast a {
/*background-image: url(img/icone_tcast_nogloss.png);*/
background:url(img/sprite-tcast.png) 0 0;
display: block;
width: 30px;
height: 45px;
text-decoration: none;
background-repeat:no-repeat;
/*background-position: top;*/
color: #BBBBBB; 
font-size: 9px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 70px;
}

.springboard-tcast a:hover {
/*background-image: url(img/icone_tcast.png);*/
background:url(img/sprite-tcast.png) -32px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

.springboard-tcast a:active {
background:url(img/sprite_tcast.png) 0 0;
background-repeat:no-repeat;
color: #BBBBBB;
}

.springboard-scribe {
float:left;
width: 30px;
height: 45px;
margin-left:5px;
margin-right:3px;
}

.springboard-scribe a {
background:url(img/sprite-scribe.png) 0 0;
display: block;
width: 30px;
height: 45px;
text-decoration: none;
background-repeat:no-repeat;
/*background-position: top;*/
color: #BBBBBB; 
font-size: 9px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 70px;
}

.springboard-scribe a:hover {
/*background-image: url(img/icone_tcast.png);*/
background:url(img/sprite-scribe.png) -32px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

.springboard-scribe a:active {
background:url(img/sprite-scribe.png) 0 0;
background-repeat:no-repeat;
color: #BBBBBB;
}


/**/

.springboard-haaretz {
float:left;
width: 30px;
height: 45px;
margin-left:5px;
margin-right:3px;
}

.springboard-haaretz a {
background:url(img/sprite-haaretz.png) 0 0;
display: block;
width: 30px;
height: 45px;
text-decoration: none;
background-repeat:no-repeat;
/*background-position: top;*/
color: #BBBBBB; 
font-size: 9px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 70px;
}

.springboard-haaretz a:hover {
/*background-image: url(img/icone_tcast.png);*/
background:url(img/sprite-haaretz.png) -32px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

.springboard-haaretz a:active {
background:url(img/sprite-haaretz.png) 0 0;
background-repeat:no-repeat;
color: #BBBBBB;
}

.springboard-karaboo {
float:left;
width: 30px;
height: 45px;
margin-left:5px;
margin-right:3px;
}

.springboard-karaboo a {
background:url(img/sprite-karaboo.png) 0 0;
display: block;
width: 30px;
height: 45px;
text-decoration: none;
background-repeat:no-repeat;
/*background-position: top;*/
color: #BBBBBB; 
font-size: 9px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 70px;
}

.springboard-karaboo a:hover {
background:url(img/sprite-karaboo.png) -32px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

.springboard-karaboo a:active {
background:url(img/sprite-karaboo.png) 0 0;
background-repeat:no-repeat;
color: #BBBBBB;
}

#springdock{
width:200px;
height:55px;
margin-left:auto;
margin-right:auto;
}

#springdock a{
display:block;
width:200px;
height:55px;
}

#iphone-bottom{
width:154px;
height:44px;
margin-left:auto;
margin-right:auto;
}

#iphone-homebutton{
width:36px;
height:36px;
padding-top:8px;
padding-left:2px;
padding-right:0px;
margin-left:auto;
margin-right:auto;
}

#iphone-homebutton a {
background-image: url(img/homebutton.png);
background-repeat:repeat;
background-position: top right;
float:left;
display:block;
width:36px;
height:36px;
}

#iphone-homebutton a:hover {
background-image: none;
background-position: top right;
}

/* Mac
-------*/
#mac {
background-image: url(img/macbookpro-cochon.png);
width:450px;
height:259px;
margin-top:46px;
margin-left:auto;
margin-right:auto;
}

/*#mac a{
display:block;
width:450px;
height:259px;
}
*/
.osx-cashculator {
float:left;
width: 136px;
height: 158px;
margin-left:155px;
margin-right:1px;
margin-top:30px;
}

.osx-cashculator a {
background:url(img/sprite-cashculator.png) 0 0;
background-repeat:no-repeat;
display: block;
width: 136px;
height: 158px;
text-decoration: none;
color: #BBBBBB;
font-size: 18px; 
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
text-align: center;
line-height: 280px;
}


.osx-cashculator a:hover {
/*background-image: url(img/cashculator-appswitcher.png);*/
background:url(img/sprite-cashculator.png) -138px 0;
background-repeat:no-repeat;
color: #FFFFFF;
}

/* page iPhone 
--------------*/
#iphone-header {
float: left;
width: 450px;
height: 80px;
margin-top:40px;
}

#iphone-header-slide {
float:left;
background-image: url(img/slidecursor.png);
width:44px;
height:40px;
margin-top:10px;
margin-left:25px;
margin-right:25px;
}

#iphone-header-slogan {
width:340px;
height:40px;
float: left;
font-size: 18px;
color: #ff6600;
font-style: normal;
font-weight: normal;
padding-top: 12px;
}

#iphone-texte {
width:395px;
float: left;
margin-left:25px;
}

/* page Mac 
--------------*/
#mac-header {
float: left;
width: 336px;
height: 88px;
margin-top:0px;
}

#mac-header-icon {
float:left;
background-image: url(img/icone-finder.png);
width:80px;
height:88px;
margin-top:10px;
margin-left:40px;
margin-right:25px;
}

#mac-header-slogan {
width:190px;
height:40px;
float: left;
font-size: 18px;
color: #ff6600;
font-style: normal;
font-weight: normal;
padding-top: 20px;
}

#mac-texte {
width:250px;
float: left;
margin-top:25px;
margin-left:40px;
}


/*#mac-texte p.Textes a { color:#FFFFFF; font-weight:bold; text-decoration: none; }
#mac-texte p.Textes a:hover { color:#FF6600; font-weight:bold; text-decoration: none; }*/

.Slogan {
font-size: 18px;
color: #ff6600;
font-style: normal;
font-weight: normal;
}
.TitreAppGros {
font-size: 14px;
color: #FF6600;
font-style: normal;
font-weight: normal;
}

.TitreAppInvisible {color: #000000; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.TitreApp {color: #FFFFFF; font-size: 9px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.Manchette {
font-size: 18px;
color: #FFFFFF;
font-style: normal;
font-weight: normal;
}

.Textes {
font-size: 12px;
color: #FFFFFF;
font-style: normal;
font-weight: normal;
/*margin-left:28px;
margin-right:36px;*/

}

.Textes a {
color: #FF5500;
font-weight:bold; 
text-decoration: none;
}

.Textes a:hover {
color: #009933;
font-weight:bold; 
text-decoration: none;
}

/*#mac-texte p.Textes a { color:#FFFFFF; font-weight:bold; text-decoration: none; }
#mac-texte p.Textes a:hover { color:#FF6600; font-weight:bold; text-decoration: none; }*/

.Copyright {color: #333333; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }


/* Cashculator
-------------------------- */
.VideoTitre {
font-size: 14px;
color: #FF6600;
font-weight: bold;
}


/* Contact
-------------------------- */
.ArobaseAt { color: #009933; font-style: italic; }
.NumeroTel {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
.Coordonnees {
color: #FFFFFF;
font-size: 16px;
font-style: normal;
font-weight: bold;
}
.infotech-app {

font-size: 11px;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}
.menu {
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
line-height: normal;
font-variant: normal;
}