html {
  background: #0F0C38 url(../images/htmlbg.png) center top repeat-y;
}

body {
  font-family: Verdana, "Bitstream Vera Sans", "Lucida Sans", sans-serif;
  margin: 0 auto;
  padding: 0;
  font-size: 0.8em;
  width: 960px;
  background-color: #666666;
  color: #000000;
}

img {
  border: none;
}

#site {
  margin: 0;
  padding: 0;
  background: #FFFFFF url(../images/sitebg.png) left top repeat-y;
  color: #000000;
  float: left;
  display: inline;
}

#header {
  position: relative;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 190px;
  background: url(../images/headerbg.jpg) left top no-repeat;
  z-index: 10;
}

#header img.logo {
  position: absolute;
  bottom: 6px;
  right: 5px;
  margin: 0;
  padding: 0;
}

ul#nav a , ul#nav a:link , ul#nav a:visited , ul#nav a:hover {
  text-decoration: none;
  color: #306799;
  background-color: transparent;
}


/* Menu Level 1 : BEGIN */
ul#nav {
  position: relative;
  float: left;
  width: 193px;
  margin: -30px 0 25px 0;
  padding: 0;
  white-space: nowrap;
  z-index: 20;
}
ul#nav li {
  list-style-type: none;
  text-indent: -5000px;
  margin: 0;
  padding: 0;
}
ul#nav li a {
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  line-height: 30px;
  height: 30px;
}
/* Menu Level 1 : END */

/* Menu Level 2 : BEGIN */
ul#nav li ul {
  margin: 0;
  padding: 0;
}
ul#nav li ul li {
  margin: 0 0 0 25px;
  padding: 0;
}
ul#nav li ul li a {
  margin: 0;
  padding: 0;
}
/* Menu Level 2 : END */


/* Menu Level 3 : BEGIN */
ul#nav li ul li ul {
  margin: 0;
  padding: 0;
}
ul#nav li ul li ul li {
  margin: 0;
  padding: 0;
}
ul#nav li ul li ul li a {
  margin: 0;
  padding: 0;
}
/* Menu Level 3 : END */


/* Menu links General : BEGIN */
ul#nav li a:hover {
  background-position: right -30px;
}
ul#nav a.active {
  background-position: right -30px;
}
ul#nav li ul li ul li a.active {
  background-position: right -22px;
}
ul#nav a.expanded {
  background-position: right -60px;
}
ul#nav li a.expanded:hover {
  background-position: right -90px;
}
ul#nav li a.expanded-active, ul#nav li a.expanded-active:hover {
  background-position: right -90px;
}
ul#nav a.collapsed {
  background-position: right top;
}
ul#nav li ul li ul li a:hover {
  background-position: right -22px !important;
}
a#nav-contact:hover {
  background-position: right -31px !important;
}
/* Menu links General : END */

/* Menu links items : BEGIN */
a#nav-accueil {
  position: relative;
  background: transparent url(../images/nav/accueil.png) left top no-repeat;
  z-index: 25;
}
a#nav-produits {
  position: relative;
  background: transparent url(../images/nav/produits.png) left top no-repeat;
}
a#nav-produits-cartes {
  position: relative;
  background: transparent url(../images/nav/produits-cartes.png) right top no-repeat;
}
a#nav-produits-imprimantes {
  position: relative;
  background: transparent url(../images/nav/produits-imprimantes.png) right top no-repeat;
}
a#nav-produits-imprimantes-assortiment {
  position: relative;
  background: transparent url(../images/nav/produits-imprimantes-assortiment.png) right top no-repeat;
  line-height: 22px !important;
  height: 22px !important;
}
a#nav-produits-imprimantes-comparatif {
  position: relative;
  background: transparent url(../images/nav/produits-imprimantes-comparatif.png) right top no-repeat;
  line-height: 22px !important;
  height: 22px !important;
}
a#nav-produits-ligne_complete {
  position: relative;
  background: transparent url(../images/nav/produits-ligne-complete.png) right top no-repeat;
}
a#nav-produits-logiciel {
  position: relative;
  background: transparent url(../images/nav/produits-logiciel.png) right top no-repeat;
}
a#nav-produits-accessoires {
  position: relative;
  background: transparent url(../images/nav/produits-accessoires.png) right top no-repeat;
}
a#nav-services {
  position: relative;
  background: transparent url(../images/nav/services.png) right top no-repeat;
}
a#nav-support {
  position: relative;
  background: transparent url(../images/nav/support.png) right top no-repeat;
}
a#nav-support-consulting {
  position: relative;
  background: transparent url(../images/nav/support-consulting.png) right top no-repeat;
}
a#nav-support-pilotes {
  position: relative;
  background: transparent url(../images/nav/support-pilotes.png) right top no-repeat;
}
a#nav-contact {
  position: relative;
  background: transparent url(../images/nav/contact.png) right top no-repeat;
  line-height: 31px !important;
  height: 31px !important;
}
a#nav-contact.active {
  background-position: right -31px !important;
}
/* Menu links items : END */

#content {
  float: right;
  width: 767px;
  color: #000000;
  padding: 0;
  margin: 0;
  background: transparent url(../images/contentbg.jpg) left 18px no-repeat;
}

#breadcrumb {
  font-size: 0.8em;
  color: #306799;
  width: 761px;
  line-height: 18px;
  padding: 0 0 0 5px !important;
  margin: 0 !important;
  background: #306799 url(../images/breadcrumbsbg.png) left top repeat-y;
  border-top: 1px solid #306799;
  border-right: 1px solid #306799;
  border-bottom: 1px solid #306799;
}
#content h1 {
  font-size: 1.5em;
  margin: 8px;
  font-weight: normal;
  letter-spacing: -1px;
}

#content h2 {
  margin: 0 8px;
  padding: 0;
  color: #306799;
  font-weight: bold;
  border-bottom: 2px solid #306799;
  clear: both;
  font-size: 1.3em;
  background-color: transparent;
}

#content img.left {
  float: left;
}

#content img.right {
  float: right;
  margin: 8px;
}

#content p {
  margin: 10px 10px 15px 10px;
  padding: 0;
}

#content p.center {
  text-align: center;
  clear: both;
}

#content p.error {
  color: #FF0000;
  font-weight: bold;
  text-align: center;
}

#content p.info {
  color: #0000FF;
  font-weight: bold;
  text-align: center;
}

#content a,#content a:link {
  color: #235793;
  text-decoration: none;
}

#content a:hover {
  color: #666666;
}

#content ul {
  padding: 0;
  margin: 8px 8px 16px 24px;
}

#content ul li {
  list-style-type: none;
  background: url(../images/bullet1.png) 0 3px no-repeat;
  padding:  0 0 0 15px;
  margin: 0;
}

#content ul li ul {
  padding: 0;
  margin: 8px 8px 8px 16px;
}

#content ul li ul li {
  padding:  0 0 0 15px;
  background: url(../images/bullet2.png) 0 3px no-repeat;
}

#content div.twocol {
  width: 366px;
  margin: 8px 8px 8px 9px;
  padding: 0;
  float: left;
  display: inline;
}

#content div.twocol a{
  font-size: 0.8em;
}

#content div.twocol h2 {
  padding: 3px 0 3px 5px;
  margin: 0 0 6px 0;
  color: #FFFFFF;
  background: #306799;
  font-weight: normal;
  font-size: 1.1em;
  border: none;
}

#content div.twocol p {
  margin: 0;
  padding: 0;
  text-align: justify;
  border: none;
}

#content div.twocol img {
  float: right;
  margin: 0 0 10px 15px;
}

#content div.twocol p.readmore {
  clear: both;
  text-align: right;
  padding: 0 5px 0 0;
}

#content br.clear {
  clear: both;
  font-size: 0;
  line-height: 0px;
  height: 0;
  width:0;
  border: none;
}


/* Accueil : BEGIN */
#accueil-wrapper {
  position: relative;
}
#accueil-wrapper img {
  vertical-align: text-bottom;
}
#accueil-wrapper #slogan {
  position: absolute;
  top: 20px;
  right: 20px;
}
#accueil-wrapper ul {
  position: absolute;
  top: 170px;
  left: 480px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: none;
}
#accueil-wrapper ul li {
  list-style-type: none;
  background: none; 
}
/* Accueil : END */


/* Produits>Cartes : BEGIN */
#produits-cartes img {
  float: right;
  margin: 0 8px 8px 8px;
}
/* Produits>Cartes : END */

/* Produits>Imprimantes>Assortiment : BEGIN */
#produits-imprimantes-assortiment dl {
  margin: 8px 10px;
}
#produits-imprimantes-assortiment dt {
  font-weight: bold;
  margin: 8px 0 0 0;
}
#produits-imprimantes-assortiment dd {
  margin: 0 0 0 10px;
  padding: 0 0 0 15px;
  background: transparent url(../images/bullet1.png) left 4px no-repeat;
}
#produits-imprimantes-assortiment img {
  float: right;
  margin: 8px;
}
#produits-imprimantes-assortiment p.techsheet {
  width: 248px;
  float: right;
  clear: both;
  text-align: center;
  padding: 0;
  margin: 0 8px 10px 8px;
}
/* Produits>Imprimantes>Assortiment : END */


/* Produits>Imprimantes>Comparatif : BEGIN */
#produits-imprimantes-comparatif table {
  font-size: 1em;
  border-collapse: collapse;
  margin: 0 15px 15px 15px;
}
#produits-imprimantes-comparatif caption {
  font-size: 1em;
  padding: 8px 0;
  font-weight: normal;
  letter-spacing: -1px;
  text-align: center;
  font-style: italic;
}
#produits-imprimantes-comparatif img {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
#produits-imprimantes-comparatif tr.photos {
  vertical-align: text-bottom;
  background: transparent url(../images/produits/imprimantes/comparatif/trphotosbg.png) left bottom repeat-x;
}
#produits-imprimantes-comparatif tr.photos th {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
#produits-imprimantes-comparatif tr.photos th {
  margin: 0;
  padding: 0;
}
#produits-imprimantes-comparatif tr.models th {
  background-color: #91B6D3;
}
#produits-imprimantes-comparatif tbody th {
  text-align: left;
  padding: 5px;
}
#produits-imprimantes-comparatif tbody td {
  text-align: center;
  padding: 5px;
}
#produits-imprimantes-comparatif tbody tr.even {
  background-color: #FFFFFF;
}
#produits-imprimantes-comparatif tbody tr.odd {
  background-color: #91B6D3;
}
/* Produits>Imprimantes>Comparatif : END */

/* Produits>Logiciel : END */
#produits-logiciel h2 {
  clear: none;
}
#produits-logiciel #content p {
  margin: 4px 8px;
}
#produits-logiciel table {
  font-size: 1em;
  border-collapse: collapse;
  margin: 0 15px 15px 15px;
}
#produits-logiciel caption {
  font-size: 1em;
  padding: 8px 0;
  font-weight: normal;
  letter-spacing: -1px;
  text-align: center;
  font-style: italic;
}
#produits-logiciel thead {
  margin: 0;
}
#produits-logiciel img {
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
#produits-logiciel tr.products th {
  background: #91B6D3 url(../images/produits/logiciels/thtopbg.png) left top repeat-x;
  padding: 8px 3px;
}
#produits-logiciel tbody th {
  text-align: left;
  padding: 5px;
}
#produits-logiciel tbody td {
  text-align: center;
  padding: 5px;
}
#produits-logiciel tbody tr.even {
  background-color: #FFFFFF;
}
#produits-logiciel tbody tr.odd {
  background-color: #91B6D3;
}

#produits-logiciel p#lien-datacard {
  margin: 8px 16px 16px 16px; 
}
#produits-logiciel p#lien-datacard img {
  margin: 4px; 
}
#produits-logiciel p#lien-datacard a {
  display: inline-block;
  border: 1px dotted #CCCCCC;
  margin: 0 8px 0 0;
}
#produits-logiciel p#lien-datacard a:hover {
  border: 1px dotted #306799;  
}

#produits-logiciel p#lien-datacard img {
  vertical-align: middle;
}


/* Produits>Logiciel : END */


/* Produits>Accessoires : BEGIN */
#cordon-header {
  position: relative;
  width: 751px;
  margin: 0 0 8px 0;
  padding: 8px;
}
#cordon-header p {
  margin: 8px 0;
}
#cordon-poly-tissage {
  position: absolute;
  top: 0;
  right: 150px;
}


#cordon-satin-couleurs {
  float: none !important;
}
#cordon-satin-tissage {
  top: 0;
  right: 380px;
  float: none;
  position: absolute;
}

#zip-bleu {
  margin: 0 150px 0 0;
}
#zip-couleurs {
  position: absolute;
  top: 200px;
  right: 8px;
}

#produits-accessoires div.articles {
  position: relative;
  width: 751px;
  background-color: #D5ECFD;
  margin: 8px 0;
  padding: 8px;
}
#produits-accessoires div.articles h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
  clear: both;
}
#produits-accessoires div.articles p {
  margin: 0;
  padding: 0;
}
#produits-accessoires div.articles img {
  float: right;
}
#produits-accessoires #content ul {
  position: relative;
  font-size: 0.9em;
  margin: 8px;
}
#produits-accessoires dl {
  font-size: 0.9em;
}
#produits-accessoires dt {
  color: #306799;
  float: left;
  font-weight: bold;
  padding: 0 3px 0 0;
}
/* Produits>Accessoires : END */


/* Services : BEGIN */
#services div.prestations {
  border: 1px solid #306799;
  margin: 0 60px 8px 60px;
  padding: 0;
}

#services div.prestations p {
  text-align: center;
}

#services div.prestations h2 {
  margin: 0;
  padding: 2px;
  background-color: #306799;
  color: #FFFFFF;
}
/* Services : END */



#content ul.contacts {
  margin: 8px;
  padding: 0;
}
#content ul.contacts li {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
  background:  none;
}
#content ul.contacts li span{
  display: block;
  width: 5em;
  float: left;
}
#map {
  float: right;
  width: 545px;
  height: 300px;
  margin: 10px;
  display: inline;
}
#map h1 {
  margin: 0;
  padding: 0;
}

#footer {
  width: 953px;
  clear: both;
  text-align: right;
  font-size: 0.8em;
  line-height: 18px;
  padding: 0 5px 0 0;
  margin: 0 auto;
  background: #306799 url(../images/footerbg.png) left top repeat-y;
  border: 1px solid #306799;
  color: #FFFFFF;
}