body {
background: #fff url(/upload/img/design/body-bg.png) repeat-x;
font: 13px/1.5 Trebuchet, Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
color:#777;
}

#shadow {
background: url(/upload/img/design/shadow.png) repeat-y center;
width: 800px;
margin: 0 auto;
}

/* Positionning */
.center {
text-align: center;
}

/* links */

a {
color: #d56f58;
text-decoration:none;
}
a:hover {
color:#d56f58;
}

sup {
font-size:80%;
}

hr {
background: url(/upload/img/design/hr-bg.png) no-repeat;
height:3px;
border:0;
}

#youtube-player {
margin-left: -13px;
}

/* forms */

input, textarea, select {
border: solid 1px #999;
padding: 2px;
font-size: 100%;
font-family: inherit;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
border: solid 1px #590232;
}
form label {
cursor: pointer;
}
input.checkbox {
border:0;
}

/* structure */

#container {
width: 750px;
margin: 0 auto;
background:#fff;
}
#content {
padding:15px;
min-height:350px;
height: auto !important;
height:150px;
}
#footer {
margin-top:30px;
border-top: solid 1px #777;
text-align: center;
font-size: .8em;
clear:both;
}

/* header */

#header {
height:75px;
position:relative;
}
#header img{
}

/*lang */

#lang {
position:absolute;
top:2px;
right:-26px;
}
#lang a#fr, #lang #en {
display:block;
height:25px;
width:26px;
text-indent:-9999px;
outline:0;
}
#lang a#fr{
background:url(/upload/img/design/fr.png) no-repeat 0 -50px;
}
#lang a#fr.selected {
background:url(/upload/img/design/fr.png) no-repeat;
}
#lang a:hover#fr{
background:url(/upload/img/design/fr.png) no-repeat 0 -25px;
}
#lang a:hover#fr.selected {
background:url(/upload/img/design/fr.png) no-repeat;
}
#lang a#en {
background:url(/upload/img/design/en.png) no-repeat 0 -50px;
}
#lang a#en.selected {
background:url(/upload/img/design/en.png) no-repeat;
}
#lang a:hover#en {
background:url(/upload/img/design/en.png) no-repeat 0 -25px;
}
#lang a:hover#en.selected {
background:url(/upload/img/design/en.png) no-repeat;
}

/* nav */
ul#nav1 {
position:absolute;
padding-top: 5px;
top:10px;
right:15px;
}
ul#nav1 li {
float:left;
}
ul#nav1 li a{
color:#bbb;
}
ul#nav1 li a:hover{
color:#aaa;
}
ul#nav2 {
position:absolute;
padding-top: 5px;
bottom:5px;
right:15px;
}
ul#nav2 li {
float:left;
color:#bbb;
}
ul#nav2 li a {
font-size:14px;
color: #999;
font-weight:bold;
padding: 0 5px;
}
ul#nav2 li a:hover {
color: #d56f58;
}

/* titles */
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .5em 0;
}
h1 {
font-size: 1.6em;
color:#5d95c8;
letter-spacing:5px;
font-variant:small-caps;
}
h1:first-letter {
color: #d56f58;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1em;
}

#content h2.annonce-date {
padding: 0;
margin: 1em 0 0 0;
}

#content p.annonce-date {
padding: 0;
margin: 0;
color: #999;
}

/* images */
img.left {
margin: 0 8px 5px 0;
float:left;
}
img.right {
margin: 0 0 5px 8px;
float:right;
}

/* lists */
#content ul {
list-style:none;
margin:0;
padding-left:25px;
}
#content li {
background:url(/upload/img/design/list.gif) no-repeat 0 3px;
padding: 0 0 0 15px;
margin:0.8em 0;
}
/* paragraphs */

#content p {
padding:0 15px;
}

/* home */
#home-nav {
clear:both;
overflow:hidden;
height:100%;
margin:0 0 20px 0;
}
#home-nav img {
display:block;
float:left;
}

/* mapmonde */
#mapmonde hr {
clear:both;
color: #d56f58;
background-color: #d56f58;
height: 1px;
border:0;
margin:1em 0;
}
.map-col1 {
width:194px;
float:left;
}
.map-col2 {
width:394px;
float:left;
}
.map-col {
width:50%;
float:left;
overflow:hidden;
}
#mapmonde .map-col h3, #mapmonde .map-col1 h3 {
color:#d56f58;
font-size:14px;
}

/* contact form */

#contact_form h1 {
font-size: 1.3em;
font-variant: normal;
color:#777;
letter-spacing:0px;
}
#contact_form h1:first-letter {
color: #777;
}

#contact_form input, #contact_form textarea {
margin:0.5em 0;
}

/* slide */
#slider {
width: 750px; /* important to be same as image width */
height: 200px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
border-bottom: solid 1px #777;
border-top: solid 1px #777;
}

#sliderContent {
width: 750px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

#content #slider {
padding: 20px 0px;
width: 720px; /* important to be same as image width */
height: 483px; /* important to be same as image height */
border: 0;
}

#content #slider img {
width: 720px; /* important to be same as image width */
height: 483px; /* important to be same as image height */
}

#content #slider ul{
margin: 0;
padding: 0;
}

#content #slider li {
background: transparent;
margin: 0;
padding: 0;
}

.sliderImage {
float: left;
position: relative; 
display: none; 
}

.sliderImage span {
position: absolute; 
left: 0;
font: 16px/1.5 Trebuchet, Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
padding: 10px 13px;
width: 750px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; 
color: #fff;
display: none;
bottom: 0;
}

#content #slider span {
display: none;
}

.clear {
clear: both;
}

/* Blocs secteurs */

#blocs-secteurs {
overflow:hidden;
zoom:1;
margin-bottom: 15px;
}
#blocs-secteurs div {
float:left;
width:355px;
margin-bottom:10px;
padding:1px 0;
}
#blocs-secteurs h3 {
color:#fff;
}
#blocs-secteurs h3 a {
color:#fff;
}
#bloc-immo h3, #bloc-distrib h3, #bloc-restauration h3, #bloc-agence h3, #bloc-tourisme h3, #bloc-jeux h3 {
margin:19px 0 0 5px;
}
#bloc-immo, #bloc-distrib, #bloc-restauration, #bloc-agence, #bloc-tourisme, #bloc-jeux {
height:186px;
}

* html #bloc-tourisme {
margin-left: 100px;
}
#bloc-immo, #bloc-agence, #bloc-tourisme {
margin-right:10px;
}
#bloc-immo {
background: url(../upload/img/design/secteurs/immo.jpg) no-repeat;
}
#bloc-distrib {
background: url(../upload/img/design/secteurs/grande-distrib.jpg) no-repeat;
}
#bloc-agence {
background: url(../upload/img/design/secteurs/voyage.jpg) no-repeat;
}
#bloc-tourisme {
background: url(../upload/img/design/secteurs/tourisme.jpg) no-repeat;
}
#bloc-jeux {
background: url(../upload/img/design/secteurs/jeux.jpg) no-repeat;
}
#bloc-restauration {
background: url(../upload/img/design/secteurs/restauration.jpg) no-repeat;
}
#blocs-secteurs p {
font-size: 10px;
margin: 10px 0;
font-weight: bold;
color: #717479;
padding-left: 5px;
}
#blocs-secteurs p a {
color: #717479;
text-decoration: none;
}
#blocs-secteurs #bloc-immo p {
padding-right: 165px;
}
#blocs-secteurs #bloc-distrib p {
padding-right: 190px;
}
#blocs-secteurs #bloc-agence p {
padding-right: 196px;
}
#blocs-secteurs #bloc-tourisme p {
padding-right: 205px;
}
#blocs-secteurs #bloc-restauration p {
padding-right: 196px;
}
#blocs-secteurs #bloc-jeux p {
padding-right: 190px;
}

#home-video {
overflow: hidden;
}

#home-video ul {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
}

#home-video li {
margin: 0px;
padding: 0px;
background: transparent;
}

#home-video li a {
overflow: hidden;
display: block;
padding-bottom: 4px;
}

.orange {
color: #d56f58; 
font-weight: bold;
}
.blue {
color:#5d95c8;
}
.green {
color: #A0C840;
}

/* 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 */
}


/* education */
#education{
overflow:hidden;
height:100%;
}

#education ul{
margin:0;
padding:0;
}
#education li{
margin:0;
padding:0;
background:none;
}

/* sliding tabs */

.SlidingTabsTop {
padding-top:30px;
background: url(/upload/images/tabs/bkg-top-list.png) no-repeat top left ;
float:left;
width:250px;
}
.SlidingTabsBottom {
background: url(/upload/images/tabs/bkg-bottom-list.png) no-repeat left bottom ;
padding-bottom:30px;
}
.SlidingTabs {
padding: 1px 0;
}
.SlidingTabs li a {
display: block;
background: url(upload/images/tabs/bkg-a-list.png) repeat-y ;
font-size: 13px;
height:28px;
line-height:28px;
border-bottom:1px solid #E5E5E5;
margin-right:10px;
font-weight: bold;
color: #666;
padding-left:15px;
outline: none;
}
.SlidingTabs li a:hover {
text-decoration: none;
color: #333;

}
.SlidingTabs .selected {
background: url(/upload/images/tabs/bkg-list-selected.png) repeat-y;
width: 250px;
color: #fff;
padding-left: 30px;
border-bottom:1px solid #FFF;
}
.SlidingTabs a:hover.selected {
color: #fff;
}
.SlidingTabsView {
float:left;
width: 460px;
overflow: hidden;
position: relative;
background:red;
}

.SlidingTabsView h2{
border-bottom : 1px dotted #d5d5d5;
}

.SlidingTabsList strong {
color: #555;
}
.SlidingTabsItem {
width: 450px;
padding: 0 15px;
overflow: hidden;
float: left;
background: #fff;
}

#content .SlidingTabsItem p{
text-align:justify;
}

#content .SlidingTabsItem h3 {
margin: 0;
font-size: 13px;
color: #555;
}

/*-------------------------------------------------------------*/



.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) 450px 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 { 
}
