@charset "utf-8";

/**
 * BODY
 ***********************************************************
 ***********************************************************
 */
html, body {
  height:100%;
}
html {
  background:#ffffff url('../images/bck_html.gif') repeat ;
  background-position:-5px 0px;
}
body {
  background:transparent;
  color:#434343;
  display:block;
  font-family:arial, helvetica, 'sans serif';
  font-size:75%;
  font-weight:normal;
  line-height:150%;
  margin:0;
  min-width:980px;
  padding:0;
}
a {
  color:#29a1e3;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
  color:#737a7e;
  font-weight:normal;
  margin:0.5em 0;
}
h1 {
  font-size:175%;
}
h2 {
  color:#29a1e3;
  font-size:125%;
}
p {
  margin:0.25em 0;
}
p strong {
  font-weight:bold;
}
.alert, .notice {
  color:#C01122;
}
p.notice {
  clear:both;
  padding:10px 0px;
  text-align:center;
}
hr {
  background:#29A1E3;
  border:1px solid #29A1E3;
  clear:both;
  display:block;
  height:2px;
  margin-top:15px;
  visibility:visible;
}
form, form fieldset {
  margin:0px;
  padding:0px;
}
form fieldset legend {
  display:none;
  visibility:hidden;
}
form fieldset p label {
  display:block;
  cursor:pointer;
}
input, select, textarea, .inputbox, .inputbox2, .selectbox, .textbox {
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
}
form fieldset p select.selectbox {
  background:#FFFFFF;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:1px;
  width:95%
}
form fieldset p input.inputbox {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:2px;
  width:95%
}
form fieldset p input.inputbox2 {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:2px;
  width:35%
}
form fieldset p textarea.textbox {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#333333;
  font-size:12px;
  margin:2px 0 5px;
  padding:2px;
  width:95%
}
form fieldset p {
  margin:2px 0px;
}

/**
 * BOX
 ***********************************************************
 ***********************************************************
 */
div.box {
  background:transparent url('../images/bck_box-br.gif') no-repeat bottom right;
  margin:0;
  padding:0;
  position:relative;
}
div.box div {
  background:transparent url('../images/bck_box-bl.gif') no-repeat bottom left;
  margin:0;
  padding:0;
  position:relative;
}
div.box div div {
  background:transparent url('../images/bck_box-tr.gif') no-repeat top right;
  margin:0;
  padding:0px;
  position:relative;
}
div.box div div div {
  background:transparent url('../images/bck_box-tl.gif') no-repeat top left;
  margin:0;
  padding:10px;
  position:relative;
}
div.box div div div div {
  border:none;
  background:none;
  margin:0px;
  padding:0px;
  position:relative;
}


/**
 * CONTAINERS
 ***********************************************************
 ***********************************************************
 */
#container {
  background:transparent url('../images/bck_body.gif') repeat-y center;
  min-height:100%;
  position:relative;
}
div.container {
  margin:auto;
  width:980px;
}

/**
 * SIGNATURE
 ***********************************************************
 ***********************************************************
 */
#signature {
  background:#3d3f40 url('../images/bck_signature.gif') repeat-x;
  height:42px;
  margin:0;
  position:relative;
  padding:0;
}
#signature p {
  margin:0;
}
#signature p a {
  background:transparent url('../images/bck_signature-link.gif') no-repeat center center;
  display:block;
  float:right;
  height:42px;
  line-height:42px;
  width:309px;
}
#signature p a span {
  display:none;
  visibility:hidden;
}
 
/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
#header {
  background:#ffffff url('../images/bck_stickers-header.gif') no-repeat center right;
  height:179px;
  margin:0;
  position:relative;
  padding:31px 40px 0px 40px;
}
#header div.container {
  width:900px;
}
#header a.logo {
  background:transparent url('../images/logo_bjcommunication.gif') no-repeat top left;
  display:block;
  float:left;
  height:179px;
  margin:0px 25px 0px 7px;
  padding:0;
  position:relative;
  width:282px;
}
* html #header a.logo {
  margin:0px 10px 0px 0px;
}
#header a.logo span {
  display:none;
  visibility:hidden;
}
#header #animation {
  height:145px;
  overflow:hidden;
}
#header p.slogan {
  color:#29a1e3;
  font-size:1.3em;
  height:27px;
  line-height:27px;
  text-align:right;
}
#header p.slogan strong {
  color:#434343;
  font-weight:normal;
}
#header a.viewcart, #header #lng {
  display:none;
  visibility:hidden;
}

/**
 * MENU
 ***********************************************************
 ***********************************************************
 */
#nav {
  background:#616466 url('../images/bck_nav.gif') repeat-x;
  border-bottom:1px solid #29a1e3;
  color:#ffffff;
  height:19px;
  margin:0px 0px;
  position:relative;
  padding:6px 0px 4px 0px;
}
#nav ul {
  height:19px;
  margin-left:230px;
}
#nav ul li {
  float:left;
  height:19px;
  line-height:19px;
}
#nav ul li a {
  border-left:1px solid #ffffff;
  color:#ffffff;
  display:block;
  float:left;
  font-size:1.1em;
  height:19px;
  line-height:18px;
  padding:0px 14px;
}
#nav ul li a.accueil {
  border:none;
}
#nav ul li a:hover {
  color:#29A1E3;
}
body.accueil #nav ul li a.accueil, body.presentation #nav ul li a.presentation, body.pack_artisan #nav ul li a.pack_artisan, body.showroom #nav ul li a.showroom, body.contact #nav ul li a.contact {
  color:#29A1E3;
}
body.c3300 #nav ul li a.nouveautes, body.c3135 #nav ul li a.dev_durable {
  color:#29A1E3;
}

/**
 * CONTENT
 ***********************************************************
 ***********************************************************
 */
#content {
  margin:0 auto;
  min-height:100%;
  position:relative;
  padding:0px 0px 50px 0px;
  width:980px;
}
* html #content {
 min-height:1%;
}

/**
 * SIDENAV
 ***********************************************************
 ***********************************************************
 */
#sidenav {
  background:transparent url('../images/bck_sidenav.gif') repeat-y top;
  border-bottom:4px solid #29a1e3;
  float:left;
  margin:0px 10px 0px 0px;
  min-height:320px;
  padding:32px 0px 18px 0px;
  position:relative;
  width:230px;
}
* html #sidenav {
  height:320px;
  overflow:visible;
}

#categoriesList li a {
  background:transparent url('../images/bck_categories-list.gif') no-repeat;
  background-position:-5px 0px;
  color:#333333;
  display:block;
  font-weight:bold;
  height:28px;
  line-height:28px;
  padding:0px 0px 0pc 24px;
}
#categoriesList li a:hover {
  color:#29a1e3;
}
#categoriesList li a.active {
  background-position:-5px -30px;
  color:#29a1e3;
}

#personalisedclothing {
  height:96px;
  overflow:hidden;
  position:relative;
  width:230px;
  z-index:1;
}
#personalisedclothing ul {
  position:absolute;
  top:0;
  left:0;
}
#personalisedclothing li {
  float:left;
}
#personalisedclothing a {
  background:transparent url('../images/bck_personalisedclothing.jpg') no-repeat;
  background-position:0px 0px;
  display:block;
  float:left;
  position:relative;
  height:96px;
  width:230px;
  text-indent:-9999px;
}
#personalisedclothing a.kustomkit {
  background-position:0px 0px;
}
#personalisedclothing a.gamegear {
  background-position:0px -96px;
}
#personalisedclothing a.cooltex {
  background-position:0px -192px;
}
#personalisedclothing a.cooltex {
  background-position:0px -192px;
}
#personalisedclothing a.bargear {
  background-position:0px -288px;
}
#personalisedclothing a.formula {
  background-position:0px -384px;
}
#personalisedclothing a.corporate {
  background-position:0px -480px;
}
#personalisedclothing a.polos {
  background-position:0px -576px;
}
#personalisedclothing a.rugby {
  background-position:0px -672px;
}
#personalisedclothing a.shirts {
  background-position:0px -768px;
}

/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
#section {
  margin:0px 0px 0px 0px;
  min-height:600px;
  padding:10px 0px 0px 0px;
  overflow:hidden;
  position:relative;
}
* html #section {
  overflow:visible;
  height:1%;
}
#section {
  font-size:12px;
}
#section img.center {
  border:1px solid #B9BCBE;
  display:block;
  margin:15px 0px 15px 5px;
  padding:5px;
}
#section img.left {
  border:1px solid #B9BCBE;
  float:left;
  margin:4px 10px;
  padding:5px;
}
#section img.right {
  border:1px solid #B9BCBE;
  float:right;
  margin:4px 10px;
  padding:5px;
}
#section img.auto {
  border:1px solid #B9BCBE;
  display:block;
  margin:15px auto;
  padding:5px;
}
#section iframe {
  display:block;
  margin:auto;
}
#section ul.list1 {
  list-style-type:disc;
  padding-left:15px;
}
#section #offres {
  margin:10px 0px;
  overflow:hidden;
  position:relative;
}
#section #offres li {
  float:left;
  position:relative;
}
#section #offres li a {
  border:2px solid #29A1E3;
  float:left;
  height:125px;
  margin:0px 8px;
  position:relative;
  text-indent:-9999px;
  width:100px;
}
#section #offres li a.offre_01 {
  background:transparent url('../images/thu_pack-artisan-01.jpg') no-repeat top left;
}
#section #offres li a.offre_02 {
  background:transparent url('../images/thu_pack-artisan-02.jpg') no-repeat top left;
}
#section #offres li a.offre_03 {
  background:transparent url('../images/thu_pack-artisan-03.jpg') no-repeat top left;
}
#section #offres li a.offre_04 {
  background:transparent url('../images/thu_pack-artisan-04.jpg') no-repeat top left;
}
#section #offres li a.offre_05 {
  background:transparent url('../images/thu_pack-artisan-05.jpg') no-repeat top left;
}
#section #offres li a.offre_06 {
  background:transparent url('../images/thu_pack-artisan-06.jpg') no-repeat top left;
}

/**
 * GALLERY
 ***********************************************************
 ***********************************************************
 */
#section .gallery {
  border:1px solid #B9BCBE;
  height:282px;
  overflow:hidden;
  margin:25px auto 15px auto;
  position:relative;
  width:425px;
}
#section .galleryBar {
  display:none;
  position:absolute;
  left:0;
  margin:0;
  padding:0px 0px 0px 7px;
}
#section .galleryBar li {
  position:relative;
  margin:0 7px 0 0;
  padding:0;
  overflow:hidden;
  float:left;
  list-style:none;
}
#section .galleryScreen {
  position:absolute;
}
#section .galleryInfo {
  position:absolute;
}
#section .galleryScreen {
  background-color:#444444;;
}
#section .galleryInfo {
  background-color:transparent;
  color:#fff;
  padding:12px;
}
#section .galleryTitle {
  font-weight:bold;
}

/**
 * FOOTER
 ***********************************************************
 ***********************************************************
 */
#footer {
  background:transparent url('../images/bck_stickers-footer.png') no-repeat top left;
  bottom:0;
  height:50px;
  margin:0px;
  padding:70px 0px 0px 0px;
  position:absolute;
  width:99.9%;
}
* html #footer {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/bck_stickers-footer.png');
  background:none;
}
#footer p {
  float:right;
  line-height:50px;
  margin:0;
  text-align:center;
  text-indent:10px;
  width:760px;
}
#footer #SelLanguage {
  display:none;
  visibility:hidden;
}