@charset "iso-8859-1";
@font-face {
font-family: 'Helvetica67';
/* Pour les autres  */
/* Pour chrome, on ne vérifie pas si la police existe sur le poste client  */
src: url('font/Helvetica67.ttf') format('opentype');
}


/* CSS Document */
body{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 13px;
  background-color: #000000;
}

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

table{
  font-size: 100%;
}

div{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: transparent;
}

.gauche{
  float: left;
}

.droite{
  float: right;
}

#conteneur{
  position: absolute;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
}

#conteneur-int{
  position: absolute;
  width: 1024px;
  left: 50%;
  margin-left: -512px;
}

#header{
  background: url(images/fond-inter.jpg) no-repeat;
  width: 1024px;
  height: 349px;
  float: left;
}

#accueil #header{
  background: url(images/fond.jpg) no-repeat;
  width: 1024px;
  height: 494px;
  float: left;
}

.contact{
  float: right;
  margin: 8px 22px 0 0;
}

#logo{
  position: absolute;
  display: block;
  width: 405px;
  height: 160px;
  top: 0px;
  left: 0px;
}

#conteneur-int #logo{
  top: 73px;
}

#contenu{
  width: 960px;
  margin-left: 34px;
  float: left;
  behavior: url(PIE.htc);
}

#interieur{
  width: 903px !important;
  width: 940px;
  padding: 22px 15px 22px 22px;
  margin-left: 10px;
  float: left;
  background-color: #1a1a1b;
}

#interieur h1.titre{
  width: 903px;
  float: left;
  background-color: #1a1a1b;
  font-size: 24px;
  font-family: Helvetica67 ;
  text-align: left;
  font-weight: normal;
  height: 40px;
  border-bottom: 1px solid #363636;
}

#col-gauche{
  float: left;
  margin-left: 16px;
  width: 130px;
}

.cadre-actu{
  position: relative;
  float: left;
  width: 263px !important;
  width: 300px;
  height: 376px !important;
  height: 420px;
  padding: 22px 15px 22px 22px;
  margin: 0px 10px 0 10px;
  background-color: #1a1a1b;
}

.cadre-actu h1{
  /*font-size: 28px !important;*/
  font-size: 24px;
  font-family: Helvetica67 ;
  text-align: left;
  font-weight: normal;
  margin: 0;
  height: 80px;
  border-bottom: 1px solid #363636;
}

.bt-cadre{
  position: absolute;
  display: block;
  width: 285px !important;
  width: 300px;
  padding-left: 15px;
  height: 30px;
  line-height: 30px;
  top: 390px;
  left: 0px;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Helvetica67 ;
  background: url(images/bt-cadre.jpg);
}

.cadre-evt{
  float: left;
  width: 300px;
  height: 398px !important;
  height: 420px;
  padding: 22px 0px 0px 0px;
  margin: 0px 10px 0 10px;
  background-color: #1a1a1b;
}

.cadre-slot{
  position: relative;
  float: left;
  width: 300px;
  height: 376px !important;
  height: 420px;
  padding: 22px 0px 0px 0px;
  margin: 0px 10px 0 10px;
  background-color: #1a1a1b;
}

.cadre-slot h1{
  /*font-size: 28px !important;*/
  font-size: 24px;
  font-family: Helvetica67 ;
  text-align: left;
  font-weight: normal;
  height: 80px;
  margin: 0px 15px 0px 22px;
  padding: 0;
  border-bottom: 1px solid #363636;
}

.cadre-evt h1{
  /*font-size: 28px !important;*/
  font-size: 24px;
  font-family: Helvetica67 ;
  text-align: left;
  font-weight: normal;
  height: 80px;
  margin: 0px 15px 0px 22px;
  padding: 0;
  border-bottom: 1px solid #363636;
}

.rouge{
  color: #8d0303;
}

h2.titre-roadshow{
  font-size: 24px;
  font-family: Helvetica67 ;
  text-align: left;
  font-weight: normal;
}

h3.titre-roadshow{
  font-size: 22px;
  font-family: Helvetica67 ;
  text-align: right;
  font-weight: normal;
}

#footer{
  float: left;
  width: 940px;
  margin: 50px 0 20px 44px;
  font-size: 11px;
  line-height: 14px;
}

#adresse{
  float: left;
  width: 870px;
  font-size: 16px;
  margin-bottom: 10px;
  color: #000000;
}

#mentions{
  float: right;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}

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

#menu{
  width: 968px !important;
  width: 982px;
  padding-left: 6px;
  height: 42px;
  float: left;
  margin: 170px 0 0 21px;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  background-color: #afafaf;
  background-image: -moz-linear-gradient(top, #afafaf, #160203); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #afafaf),color-stop(1, #160203)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#afafaf', EndColorStr='#160203'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#afafaf', EndColorStr='#160203')"; /* IE8 */
  behavior: url(PIE.htc);
}

#accueil #menu{
  margin: 310px 0 0 21px;
}

#menu .case{
  float: left;
  text-align: center;
  color: #ffffff;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  margin: 9px 0px 0px 0px;
  text-decoration: none;
}

#menu .qsn .case{
  width: 140px;
}

#menu .concept .case{
  width: 98px;
}

#menu .simu .case{
  width: 153px;
}

#menu .galerie .case{
  width: 177px;
}

#menu .roadshow .case{
  width: 152px;
}

#menu .ref .case{
  width: 102px;
}

#menu .contact .case{
  width: 136px;
}

#menu .spacer{
  float: left;
  width: 1px;
  height: 12px;
  margin: 15px 0;
  background-color: #ffffff;
}

#acces-roadshow{
  float: left;
  margin: 24px 0 0 44px;
}

.suite-info{
  float: right;
  color: #FFFFFF;
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 11px;
  margin-right: 20px;
}

.cadre{
  float: left;
  border: 1px solid #666666;
}

.image-galerie{
  display: block;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center; 
}

.image-slot{
  display: block;
  width: 150px;
  height: 150px;
  float: left;
  margin: 0 7px 15px 7px;
  background-repeat: no-repeat;
  background-position: center center; 
}

.contenu-page{
  position: relative;
  float: left;
  width: 722px;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 0;
}

.contenu-page a{
  text-decoration: underline;
}

#ariane{
  float: left;
  width: 1004px;
  margin-top: 15px;
}

#ariane a{
  font-weight: bold;
}


/* Menu horizontal */
.nav{
margin: 0; padding: 0;
float:left;
width: 100%;
list-style: none;
list-style-position: outside;
position:relative;
z-index:1;
}

.nav ul{
top: 25px; 
left: 0px;
background-color: #f2d0b1;
float: left;
margin: 0;
padding: 0;
list-style-type:none;
list-style-position:outside;
position:absolute;
/*display:none;*/
z-index:99;
}

.revendeur ul{
  background-color: #dbe67f;
}

.nav li{
float:left;
margin: 0;
position:relative;
}

.nav li a {
	float: left; 
  font-weight: bold;
  display: block;
  color: #000000;
}

.nav li li{
clear: both;
}

.nav li li a{
  padding: 8px 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 12px;
  color: #000000;
}

.nav a:hover{
}

.nav li li a:hover{
  color: #000000;
  -moz-box-shadow: 0px 5px 5px #888;
  -webkit-box-shadow: 0px 5px 5px #888;
  box-shadow: 0px 5px 5px #888;
  behavior: url(PIE.htc);
}

.catalogue li a:hover{
  background-color: #ee9845;
}

.revendeur li a:hover{
  background-color: #7ba41d;
}


.nav li h1{
display: block;
float: left;
height: 39px;
line-height: 39px;
clear: none;
color:#OOOOOO;
position: relative;
text-decoration:none;
font-size: 12px;
font-weight: normal;
margin: 0;
text-align: center;
z-index: 99;
}

.nav li ul a{
width: 100px;
float:left;
color: #000000;
text-decoration: none;
}

.nav ul ul{
top:auto;
}	

.nav li ul ul {
left: 205px;
margin:0px;
}

.nav li ul.menu-droit ul {
left: -205px;
margin:0px;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{
/*display:none;*/
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{
display:block;
}