body {
background: url(/upload/design/home/sprite.jpg);
background: url(/upload/design/body-bg.png) top left repeat-x #FFF;
font: 13px/1.4 Calibri, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
}

body#home {
background: url(/upload/design/body-home-bg.png) top left repeat-x;
}

#wrapper {
background: url(/upload/design/banner-bg.jpg) center 100px no-repeat;
}

#home #wrapper {
background: url(/upload/design/banner-home-bg.jpg) top center no-repeat;
width: 100%;
}

::selection {
color: #fff;
background: #D46F5B;
}
::-moz-selection {
color: #fff;
background: #D46F5B;
}

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

.img-right {
float: right;
margin: 0 0 20px 20px;
}
.img-left {
float: left;
margin: 10px 20px 20px 0;
}

.tactile-age {
text-align: center;
font-size: 22px;
color: #cd5b41;
}

/* page appli */


#content .page-appli h2 {
height: 87px;
padding: 10px 0 0 0;
margin: 0;
text-align: center;
background: url(/upload/design/developpements/dev-head-bg.png) top center no-repeat;
}

#content .page-appli h3 {
clear: both;
margin: 0;
font-size: 18px;
padding: 0 0 0 15px;
background: url(/upload/design/developpements/dev-h3-bg.png) 0 7px no-repeat;
}
#content .page-appli h4 {
font-size: 16px;
}
#content .page-appli {
padding-bottom: 13px;
background: url(/upload/design/developpements/dev-bottom-bg.png) bottom center no-repeat;
}
#content .page-appli div {
border-left: solid 1px #eee;
border-right: solid 1px #eee;
padding: 0 15px 20px 15px;
overflow: hidden;
}

#content .cp-button {
clear: both;
font-size: 24px;
color: #666;
padding-left: 45px;
width: 333px;
height: 41px;
line-height: 38px;
display: block;
background: url(/upload/design/developpements/cp-button-bg.png) no-repeat;
}
#content a:hover.cp-button {
text-decoration: none;
color: #333;
background: url(/upload/design/developpements/cp-button-bg.png) no-repeat 0 -41px;
}


#content a.appli-button {
background: url(/upload/design/developpements/appli-button-bg.png) no-repeat;
width: 148px;
height: 20px;
line-height: 20px;
display: block;
float: right;
color: #333;
padding-left: 22px;
}
#content a:hover.appli-button {
background: url(/upload/design/developpements/appli-button-bg.png) no-repeat 0 -20px;
text-decoration: none;
}

/* defilement */

#defilement {
width: 383px;
height: 320px;
top: 80px;
left: 450px;
position: absolute;
background: url(/upload/design/home/sprite.jpg) no-repeat 0 0;
overflow: hidden;
color: #DFE0E2;
}

/*-----------------------
Page dev Surface
-----------------------*/

#content #dev-surface-page ul {
margin: 0;
}
#content #dev-surface-page li {
float: left;
position: relative;
padding: 0;
margin: 0 0 0 10px;
}
#content #dev-surface-page h3 {
width: 305px;
padding: 5px 0 5px 10px;
margin: 0;
font-size: 18px;
font-weight: bold;
background: #333;
opacity: .8;
position: absolute;
top: 1px;
left: 1px;
}
#content #dev-surface-page h3 a {
color: #fff;
}

/*-----------------------
Videos home
-----------------------*/

#videos-home {
width : 630px;
padding: 15px;
height : 490px;
background: url(/upload/design/home/videos-home-bg.png) top center no-repeat;
}
#videos-home-2 {
width : 630px;
padding: 15px;
height : 490px;
background: url(/upload/design/home/videos-home-bg2.png) top center no-repeat;
}
#video-player {
}
#video-list {
position: relative;
overflow: hidden;
width: 580px;
height: 94px;
float: left;
margin-top: 7px;
z-index: 999;
}
#video-list .items {
width: 20000em;
position: absolute;
clear: both;
}
#video-list a {
display: block;
float: left;
margin: 0 0 0 17px;
}
#video-list a img {
display: block;
opacity: .9;
border: solid 2px #182C33;
}
#video-list a:hover img {
opacity: 1;
border: solid 2px #D47059;
}
#video-list .current img {
opacity: 1;
border: solid 2px #D47059;
}
a.browse {
text-indent: -9999em;
outline: 0;
display: block;
width: 25px;
height: 25px;
float: left;
cursor: pointer;
margin-top: 40px;
background: url(/upload/design/home/arrow-bg.png) no-repeat;
}

/* right */
a.right { 
background-position: 0 -25px;
clear:right;
margin-right: 0px;
}
a.right:hover {
background-position: -25px -25px;
}
a.right:active {
background-position: -50px -25px;
} 

/* left */
a.left {
margin-left: 0px;
} 
a.left:hover {
background-position: -25px 0;
}
a.left:active {
background-position: -50px 0;
}
a.disabled {
visibility:hidden !important;		
}
#tooltip {
margin-top: 10px;
display: none;
font-size: 12px;
height: 80px;
width: 180px;
padding: 20px;
color: #fff;
background: url(/upload/design/home/tooltip-bg.png) no-repeat;
}

/*-----------------------
STRUCTURE
-----------------------*/

#container {
width: 1022px;
margin: 0 auto;
position: relative;
}
#header {
padding-top: 5px;
height: 96px;
overflow: hidden;
position: relative;
}
#banner {
height: 110px;
overflow: hidden;
margin-bottom: 15px;
position: relative;
}
div#banner p
{
margin-bottom:-5px;
}
#home #banner {
height: 295px;
}
#content-wrapper {
overflow: hidden;
}
#content {
float: left;
width: 660px;
padding: 0 10px 20px 10px;
height: 100%;
color: #535353;
}
#sidebar {
float: left;
width: 250px;
}

/*-----------------------
FOOTER
-----------------------*/

#footer-wrapper {
background: #183247 url(/upload/design/footer/footer-bg.jpg) top center no-repeat;
}
#footer {
width: 960px;
margin: 0 auto;
color: #fff;
overflow: hidden;
}
#footer ul {
width: 25%;
float: left;
}
#footer .baseline a {
font-size: 22px;
font-weight: bold;
text-align: center;
margin: 10px 0;
}
#footer h3 {
font-size: 17px;
font-weight: bold;
padding: 15px 0;
clear: both;
}
#footer a {
color: #fff;
font-size: 15px;
}
#footer a:hover {
text-decoration:underline;
}
.network {
float: left;
margin: 0;
}
.network a {
display: block;
float: left;
width: 24px;
height: 25px;
text-indent: -99999em;
position: relative;
}
.blog a {
background: url(/upload/design/footer/social-icons.png) no-repeat left top;
}
.facebook a {
background: url(/upload/design/footer/social-icons.png) no-repeat -24px top;
}
.twitter a {
background: url(/upload/design/footer/social-icons.png) no-repeat -48px top;
}
.linkedin a {
background: url(/upload/design/footer/social-icons.png) no-repeat -72px top;
}
.viadeo a {
background: url(/upload/design/footer/social-icons.png) no-repeat -96px top;
}
#footer div p {
clear: both;
text-align: center;
}
#footer address {
font-style: normal;
}

/*-----------------------
HEADER
-----------------------*/

#header #logo {
float: left;
display: block;
width: 340px;
height: 96px;
background: url(/upload/design/logo.png) no-repeat;
text-indent: -99999em;
outline: 0;
}

/*-----------------------
BANNER
-----------------------*/

#banner h2,
#banner .h2 {
display: block;
color: #fff;
font-size: 32px;
margin: 0;
line-height:32px;
margin-top: 25px;
}
#banner h3,
#banner .h3 {
display: block;
color: #fff;
font-size: 22px;
margin: 0 0 0 25px;
line-height:22px;
}
#banner p {
width: 400px;
color: #fff;
}
#banner h2,
#banner h3 {

}
#home #banner ul {
position: absolute;
bottom: 0;
left: 20px;
top: 220px;
}
#banner ul {
position: absolute;
top: 25px;
right: 0;
width: 340px;
}
#banner li a {
float: left;
display: block;
width: 170px;
height: 60px;
text-indent: -9999em;
}
#seven {
background: url(/upload/design/microsoft-logos.png) top left no-repeat;
}
#surface {
background: url(/upload/design/microsoft-logos.png) -170px top no-repeat;
}


/*----------------------
HOME
-----------------------*/

.annonce {
margin-bottom: 25px;
}
.annonce h2 {
clear: both;
color: #245170;
padding: 0 0 5px 0;
border-bottom: 1px solid #ddd;
}
.annonce p {
color: #666;
text-align: justify;
}
.annonce img {
float:left;
margin: 3px 20px 20px 0;
}

/*---------------------
FORMS
-----------------------*/

#contact_form input, #contact_form textarea  {
margin-bottom:3px;
padding:2px;
}


/*-----------------------
LINKS
-----------------------*/

a {
color: #CC583E;
text-decoration: none;
}

a:hover {
text-decoration: underline;}

#header a {
color: #fff;
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}

.pdf {
background: url(/upload/design/pdf.png) no-repeat 0 2px;
padding: 2px 0 2px 22px;
}



/*-------------------------
TITLE
-------------------------*/

#content h1 {
color: #245170;
margin: 0 0 10px 0;
border-bottom: 1px solid #ddd;
padding: 0 0 5px 0;
font-size: 22px;
}
#content h2 {
font-size: 18px;
margin: 15px 0 10px 0;
}
#content h3 {
font-size: 15px;
margin: 15px 0 10px 0;
}
#content h4 {
font-size: 13px;
}
#content ul {
list-style:none;
padding:0;
margin-left:25px;
}
#content li {
background:url(/upload/img/design/list.gif) no-repeat 0 3px;
padding: 0 0 0 15px;
margin: 0.5em 0;
}

/*-----------------------
IMAGE
-------------------------*/
img.left {
margin: 0 8px 5px 0;
float:left;
}
img.right {
margin: 0 0 15px 15px;
float:right;
}

/*---------------------
lists
----------------------*/



/*----------------------
generique
-------------------------*/
.orange {
color: #cd5b41;
}

.aftermouse {
color: #689ccb;
}

/*-----------------------------
NAVIGATION MENU
-----------------------------*/

#nav {
color: #fff;
float: left;
width: 622px;
height: 28px;
padding-left: 25px;
background: url(/upload/design/navigation-new.png) no-repeat; 
}
#nav li {
line-height: 23px;
font-size: 15px;
float: left;
position: relative;
}
#nav ul {
position: absolute;
top: -999em;
width: 180px;
padding: 0 10px 0 20px;
background: url(/upload/design/header/nav-hover-bg.png) no-repeat;
}
#nav ul li {
width: 100%;
margin: 2px 0;
}
#nav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#nav a {
position: relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
left: -15px;
top: 28px; /* match top ul list item height */
z-index: 99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
top: -999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
top: -999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}




#menu {
float: right;
color: #1e4461;
margin: 45px -106px 0 0 ;
}

#menu li {
float: left;
margin-left: 2px;
}
#menu li a {
color: #1e4461;
font-size: 15px;
}
/*-------------------------------
CHOIX DE LA LANGUE
--------------------------------*/

#langue {
float: right;
margin-right:66px;
width: 104px;
padding-right:25px;
background: url(/upload/design/langue-new.png) top left no-repeat;
overflow: hidden;
height: 21px;
}
#langue li {
float:right;
margin-right:4px;
width: 14px;
margin-top:5px!important;
height: 11px;
}
#langue a {
display: block;
width: 14px;
height: 11px;
text-indent: -999999em;
}
#french.selected,
a:hover#french {
background: url(/upload/design/flag0.png) left -11px no-repeat !important;
}
#french {
background: url(/upload/design/flag0.png) no-repeat left -11px;
}
#english {
background: url(/upload/design/flag0.png) no-repeat -19px top;
}
#english.selected,
a:hover#english {
background: url(/upload/design/flag0.png) no-repeat -19px  -11px;
}
#deutsch {
background: url(/upload/design/flag0.png) no-repeat -38px top;
}
#deutsch.selected,
a:hover#deutsch {
background: url(/upload/design/flag0.png) no-repeat -38px -11px;
}


#espagnol {
background: url(/upload/design/flag0.png) no-repeat -57px top;
}
#espagnol.selected,
a:hover#espagnol {
background: url(/upload/design/flag0.png) no-repeat -57px -11px;
}

#italian {
background: url(/upload/design/flag0.png) no-repeat -76px top;
}
#italian.selected,
a:hover#italian {
background: url(/upload/design/flag0.png) no-repeat -76px -11px;
}

/*----------------------------
SIDEBAR
----------------------------*/

#sidebar a {
color: #CC583E;
}

.sb-bloc {
margin-bottom: 2px;
}
.sb-bloc h2 {
background: url(/upload/design/sidebar-h3.png) top left no-repeat;
font-size: 18px;
height:45px;
line-height:38px;
color: #245170;
padding-left: 15px;
}

.sb-bloc-inside {
background: url(/upload/design/sidebar-inside.png) bottom left no-repeat;
padding: 0 18px 15px 15px;
}
.sb-bloc-inside a {
color: #535353;
}
.sb-bloc h3 {
font-size: 16px;
margin: 0;
}

#sidebar .sb-bloc p {
margin: 4px 0;
padding: 0 0 5px 0;
border-bottom: solid 1px #ddd;
}
.sb-bloc-inside ul {
overflow: hidden;
height: 100%;
}
.sb-bloc-inside li {
float: left;
width: 49%;
margin: 0;
padding: 0;
display:inline;
}
.sb-bloc-inside li h3{
padding: 0;
}

/*------------------
PAGE PRESSE
-------------------*/

.extrait{
font-style: italic;
}
.extrait a {
color: #777;
}
.extrait a:hover {
color: #d56f58;
}


#extrait_presse li{
border-bottom:2px solid #F0F0F0;
padding:0 0 15px 0;
background-image: none;
overflow:hidden;
height:100%;
}

.extrait-bloc{
height:100%;
overflow:hidden;
background:url(/upload/images/presse/quote2.png) 480px bottom no-repeat;
padding-bottom:10px;
}

.extrait-bloc h3 a {
color: #777;
}
.extrait-bloc h3 a:hover {
color: #d56f58;
}


#extrait_presse .date{
color: #5d95c8;
font-size: 13px;
font-weight: bold;
}
	
#extrait_presse .media {
color:#d56f58;
font-size:18px;
font-weight: bold;
}
#extrait_presse h3 {
margin: 0;
padding: 0;
line-height: 1;
font-size: 15px;
}
	
#extrait_presse p {
padding: 10px 0 0 40px;
margin: 8px 0 0 0;
background: url(/upload/images/presse/quote1.png) top left no-repeat;
width: 450px;
float: left;
}

.dl-link{
margin-left:500px;
text-align: center;
height:100%;
}
	
.dl-link img{
margin-top:25px;
}
#audio1{
padding: 10px 0 0 35px;
float: left;
color: #FFF;
}

ul#theMenu{
border: 2px solid #ebebeb;
padding-left:0;
margin-left:0;
}

/* Header links styling */
.section-title {
font-size: 16px;
color: #5d95c8;
}
#content #theMenu ul {
margin: 0;
padding: 10px 0;
}
#content #theMenu li {
margin:0;
padding:0;
}
#content #theMenu li li{
background: none;
margin:5px;
}
#content #theMenu li ul {
background: url(/upload/images/presse/shadow.png) left top repeat-x;
margin: 0;	
padding:10px;
}
#theMenu h3.head {
background: url(/upload/images/presse/head.h3.png) left top repeat-x;
margin: 0;
padding: 0;
height: 46px;
}
h3.head a { 
color:#777;
line-height:46px;
display:block;
margin:0;
padding-left: 15px;
}
h3.head a:hover { 
}
h3.selected a { 
background:url(/upload/images/presse/head.h3.hover.png) left top repeat-x;
color:#c6c6c6;
}
h3.selected a .section-title{
color:#FFF;
}
h3.selected a:hover { 
}

/*--------------------------
PAGE SURFACE
--------------------------*/
#surface-videos {
overflow: hidden;
clear: both;
}

#surface-videos ul {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
width: 107px;
}

#surface-videos li {
margin: 0 0 1px 0;
padding: 0;
background: transparent;
}

#surface-videos li a {
overflow: hidden;
display: block;
}

/*-----------------------
Page nos développements
-----------------------*/

#nos-developpements img {
display: block;
}
#content #nos-developpements ul {
margin: 0;
padding: 0;
}
#content #nos-developpements li {
float: left;
width: 320px;
padding: 0;
margin: 0 0 0 8px;
position: relative;
background: url(/upload/design/developpements/dev-box-bg.png) no-repeat bottom left;
}
#nos-developpements div {
border-left: solid 1px #eee;
border-right: solid 1px #eee;
height: 490px;
overflow: hidden;
margin-bottom: 12px;
}
#nos-developpements div img {
position: absolute;
bottom: 45px;
right: 2px;
}
#content #nos-developpements h2 {
padding: 0 10px;
}
#content #nos-developpements p {
padding: 0 10px;
margin: 10px 0;
}
#nos-developpements a.dev-button {
display: block;
width: 228px;
height: 41px;
text-indent: -9999px;
outline: 0;
position: absolute;
bottom: -10px;
left: 45px;
}
#nos-developpements .dev-surface a.dev-button {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat;
}
#nos-developpements .dev-surface a.dev-button:hover {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -41px;
}
#nos-developpements .dev-seven a.dev-button {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat;
}
#nos-developpements .dev-seven a.dev-button:hover {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -41px;;
}

#nos-developpements .dev-surface a.dev-button.us {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -82px;
}
#nos-developpements .dev-surface a:hover.dev-button.us {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -123px;
}
#nos-developpements .dev-seven a.dev-button.us {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -82px;
}
#nos-developpements .dev-seven a:hover.us.dev-button {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -123px;
}


#nos-developpements .dev-surface a.dev-button.de {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -164px;
}
#nos-developpements .dev-surface a:hover.dev-button.de {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -205px;
}
#nos-developpements .dev-seven a.dev-button.de {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -164px;
}
#nos-developpements .dev-seven a:hover.de.dev-button {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -205px;
}

#nos-developpements .dev-surface a.dev-button.es {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -246px;
}
#nos-developpements .dev-surface a:hover.dev-button.es {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -287px;
}
#nos-developpements .dev-seven a.dev-button.es {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -246px;
}
#nos-developpements .dev-seven a:hover.es.dev-button {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -287px;
}


#nos-developpements .dev-surface a.dev-button.it {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -328px;
}
#nos-developpements .dev-surface a:hover.dev-button.it {
background: url(/upload/design/developpements/dev-surface-button.png) no-repeat 0 -369px;
}
#nos-developpements .dev-seven a.dev-button.it {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -328px;
}
#nos-developpements .dev-seven a:hover.it.dev-button {
background: url(/upload/design/developpements/dev-seven-button.png) no-repeat 0 -369px;
}


/*--------------------
contact
------------------*/
/* mapmonde */
#mapmonde hr {
clear:both;
color: #d56f58;
background-color: #d56f58;
height: 1px;
border:0;
margin:1em 0;
}
.map-col1 {
width:33%;
float:left;
}
.map-col2 {
width:66%;
float:left;
}
.map-col {
width:50%;
float:left;
overflow:hidden;
}
#mapmonde .map-col h3, #mapmonde .map-col1 h3 {
color:#242424;
font-size: 16px;
font-variant: small-caps;
}

/*--------------------
SLIDESHOW
--------------------*/
/* resto touch */
#restotouch img {
float:left;
margin: 0 10px 10px 0;
}
#restotouch h2 {
clear:both;
}
#slideshow {
position:relative;
margin: 0 auto;
width: 650px;
height:350px;
}
#slideshow img {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow img.active {
z-index:10;
opacity:1.0;
}
#slideshow img.last-active {
z-index:9;
}

/* Slideshow Resto'Touch et Paint'Touch */
#slideshow2 {
width: 670px;
height: 350px;
position: relative;
overflow: hidden;
}

#slideshow2Content {
width: 650px;
position: absolute;
top: 0;
margin-left: 0;
}

ul#slideshow2Content {
margin-left: 0;
}

#slideshow2Content li {
background: transparent;
margin: 0;
padding: 0;
}

.slideshow2Image {
float: left;
position: relative;
display: none;
}

.slideshow2Image span {
position: absolute;
left: 16px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 592px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
font-weight: bold;
font-size: 16px;
bottom: 10px; /* IE8 position */
}

.slideshow2Image span, #ie8#fix {
bottom: 15px; /* All navigators except IE8 */
}


div#video
{
width:850px;
}