body
{

}

/********************************/
/*            HEADER            */
/********************************/

div#InoHeaderContainer
{
  background-color: #1b1a18;
}

div#InoHeaderContainer div#InoHeaderContent
{
  background-image: url('/images/lumene/enteteFond.jpg');
  background-repeat: no-repeat;
  background-position: top right;
}

div#InoHeaderContainer div#InoHeaderContent a.logoMarque:link,
div#InoHeaderContainer div#InoHeaderContent a.logoMarque:visited,
div#InoHeaderContainer div#InoHeaderContent a.logoMarque:hover
{
  background-image: url('/images/lumene/enteteLogo.gif');
  width: 231px;
  height: 49px;
  top: 24px;
  left: 0px;
}

/* NAV */

div#InoNavContainer
{
  background-color: #000;
  background-image: url('/images/lumene/navFond.gif');
}

div#InoNavContainer div#InoNavContent
{
  background-image: url('/images/lumene/navSeparation.gif');
}

div#InoNavContainer div#InoNavContent ul#InoMenu
{
  background-image: url('/images/lumene/navSeparation.gif');
}

div#InoNavContainer div#InoNavContent ul#InoMenu li
{
  background-image: url('/images/lumene/navSeparation.gif');
}

div#InoNavContainer div#InoNavContent ul#InoMenu li a:hover
{
  background-image: url('/images/lumene/navFondOver.gif');
}

div#InoNavContainer div#InoNavContent form input.champTexte
{
  background-image: url('/images/lumene/navChamp.gif');
}

div#InoNavContainer div#InoNavContent form,
div#InoNavContainer div#InoNavContent div.userLogged
{
  background-image: url('/images/lumene/navIcoUser.gif');
}

div#InoNavContainer div#InoNavContent div.userLogged
{
  color: #dadada;
}

div#InoNavContainer div#InoNavContent div.userLogged a:link,
div#InoNavContainer div#InoNavContent div.userLogged a:visited,
div#InoNavContainer div#InoNavContent div.userLogged a:hover
{
  color: #fff;
}

div#InoNavContainer div#InoNavContent div.userLogged a.logoff:link,
div#InoNavContainer div#InoNavContent div.userLogged a.logoff:visited,
div#InoNavContainer div#InoNavContent div.userLogged a.logoff:hover
{
  background-image: url('/images/lumene/navIcoLogoff.gif');
}

/* NAV Secondaire */

div#InoNavSousContainer
{
  background-color: #e3e3e3;
  border-bottom: 1px solid #becedf;
}

div#InoNavSousContainer div#InoNavSousContent ul li a:link,
div#InoNavSousContainer div#InoNavSousContent ul li a:visited,
div#InoNavSousContainer div#InoNavSousContent ul li a:hover
{
  color: #3c3a37;
}

div#InoNavSousContainer div#InoNavSousContent ul li a:hover
{
  color: #666;
}

div#InoNavSousContainer div#InoNavSousContent form
{
  background-image: url('/images/lumene/navIcoLoupe.gif');
}

div#InoNavSousContainer div#InoNavSousContent form input.champTexte
{
  background-image: url('/images/lumene/sousNavChamp.gif');
}

div#InoNavSousContainer div#InoNavSousContent form table tr td
{
  color: #7d7d7d;
}

/********************************/
/*           CONTENU            */
/********************************/

div#InoContenuContainer
{
  background-image: url('/images/lumene/contenuBords.gif');
}

div#InoContenuContainer div#InoContenuContent
{
  padding: 0px;
  width: 880px;
}

div#visuelDistribution{
  background-image: url('/images/lumene/pageDistribution.gif');
}

div#InoContenuContainer div#InoContenuContent a:link,
div#InoContenuContainer div#InoContenuContent a:visited,
div#InoContenuContainer div#InoContenuContent a:hover
{
  color: #950101;
}

div#InoContenuContainer div#InoContenuContent a:hover
{
  color: #ff0000;
}

div#InoContenuContainer div#InoContenuContent div#titrePage h2.new
{
  background-image: url('/images/lumene/new.gif');
}

div#InoContenuContainer div#InoContenuContent h3
{
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: #ddd;
  color: #7d7d7d;
  background-image: url('/images/lumene/fondH3.gif');
  background-position: left center;
  background-repeat: repeat-x;
}

h3 span.ui-icon-circle-arrow
{
  background-image: url('/images/lumene/flecheH3.gif');
}

div#InoContenuContainer div#InoContenuContent h4
{
  border-left: 2px solid #90abc8;
  padding-left: 6px;
  color: #90abc8;
}

div#InoContenuContainer div#InoContenuContent ul li
{
  list-style-image: url('/images/lumene/puce02.gif');
}

div#InoContenuContainer div#InoContenuContent ul li a:link,
div#InoContenuContainer div#InoContenuContent ul li a:visited,
div#InoContenuContainer div#InoContenuContent ul li a:hover
{
  color: #666;
}

div#InoContenuContainer div#InoContenuContent ul li a:hover
{
  color: #333;
}

div#visuelPageContainer
{
  border: 1px solid #e3e3e3;
}

/* 2 colonnes */

div#colonnes2colonne1
{
  border: 1px solid #e3e3e3;
}

div#colonnes2colonne1.noBorder
{
  border: 0;
}

div#colonnes2colonne1.noBorder div.texte
{
  border: 1px solid #e3e3e3;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px;
}

/* 3 colonnes */

div.container3cols1,
div.container3cols2
{
  border-right: 1px solid #e3e3e3;
}

/* Styles des 4 colonnes des liens produit */

div.liensProduit div.container4cols1,
div.liensProduit div.container4cols2,
div.liensProduit div.container4cols3,
div.liensProduit div.container4cols4
{
  background-image: url('/images/lumene/fond4colonnes.gif');
}

div.colonnes4bas{
  background-image: url('/images/lumene/bas4colonnes.gif');
}

/********************************/
/*            PRESSE            */
/********************************/

div#InoContenuContainer div#InoContenuContent div.presse h4
{
  border: 0;
  padding: 0px;
}

div#InoContenuContainer div#InoContenuContent div.presse h4 a:link,
div#InoContenuContainer div#InoContenuContent div.presse h4 a:visited,
div#InoContenuContainer div#InoContenuContent div.presse h4 a:hover
{
  color: #90abc8;
}

/********************************/
/*            EVENTS            */
/********************************/

div#InoContenuContainer div#InoContenuContent div#colonnes2colonne1 h3
{
  border-top: 0;
}

/********************************/
/*        FICHE PRODUIT         */
/********************************/

div#barrePicto
{
  margin-bottom: 30px;
  height: 100px;
}

div#barrePicto div#barrePictoCentre
{
  float: left;
  width: 862px;
  height: 100px;
  background-repeat: repeat-x;
  background-image: url('/images/lumene/barrePictosFond.gif');
  text-align: center;
}

div#barrePicto div#barrePictoCentre img
{
  border: 0;
  border-left: 1px solid #d4d4d4;
}

div#barrePicto div#barrePictoCentre img.noBorder
{
  border: 0;
}

div#barrePicto div#barrePictoGauche,
div#barrePicto div#barrePictoDroite
{
  float: left;
  width: 9px;
  height: 100px;
  background-repeat: no-repeat;
}

div#barrePicto div#barrePictoGauche
{
  background-image: url('/images/lumene/barrePictosGauche.gif');
}

div#barrePicto div#barrePictoDroite
{
  background-image: url('/images/lumene/barrePictosDroite.gif');
}

div.liensProduit div.colonnes4colonne1,
div.liensProduit div.colonnes4colonne2,
div.liensProduit div.colonnes4colonne3,
div.liensProduit div.colonnes4colonne4
{
  background-image: url('/images/lumene/titre4colonnes.gif');
}

div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a img
{
  border: 1px solid #e3e3e3;
}

div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a:hover img
{
  border: 1px solid #666;
}

div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a:link,
div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a:visited,
div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a:hover
{
  background-image: url('/images/lumene/icoZoom.gif');
  color: #535353;
}

div#InoContenuContainer div#InoContenuContent div#vignettesProduit div.vignette a:hover
{
  background-image: url('/images/lumene/icoZoomOver.gif');
  color: #000;
}

/********************************/
/*      GESTION DES ICONES      */
/********************************/

.ico-carnet{
  background-image: url('/images/icones/fondBlanc/ico-carnet.gif');
}

.ico-config{
  background-image: url('/images/icones/fondBlanc/ico-config.gif');
}

.ico-feuille{
  background-image: url('/images/icones/fondBlanc/ico-feuille.gif');
}

.ico-globe{
  background-image: url('/images/icones/fondBlanc/ico-globe.gif');
}

.ico-imprimante{
  background-image: url('/images/icones/fondBlanc/ico-imprimante.gif');
}

.ico-kakemono{
  background-image: url('/images/icones/fondBlanc/ico-kakemono.gif');
}

.ico-livres{
  background-image: url('/images/icones/fondBlanc/ico-livres.gif');
}

.ico-mail{
  background-image: url('/images/icones/fondBlanc/ico-mail.gif');
}

.ico-montagne{
  background-image: url('/images/icones/fondBlanc/ico-montagne.gif');
}

.ico-panneau{
  background-image: url('/images/icones/fondBlanc/ico-panneau.gif');
}

.ico-portevoix{
  background-image: url('/images/icones/fondBlanc/ico-portevoix.gif');
}

.ico-toolbox{
  background-image: url('/images/icones/fondBlanc/ico-toolbox.gif');
}

.ico-trombone{
  background-image: url('/images/icones/fondBlanc/ico-trombone.gif');
}

.ico-carnet{
  background-image: url('/images/icones/fondBlanc/ico-carnet.gif');
}

.ico-flag{
  background-image: url('/images/icones/fondBlanc/ico-flag.gif');
}

.ico-banner{
  background-image: url('/images/icones/fondBlanc/ico-banner.gif');
}

.ico-vis{
  background-image: url('/images/icones/fondBlanc/ico-vis.gif');
}

/* Icones sur fond noir */

h5.ico-carnet{
  background-image: url('/images/icones/fondNoir/ico-carnet.gif');
}

h5.ico-config{
  background-image: url('/images/icones/fondNoir/ico-config.gif');
}

h5.ico-feuille{
  background-image: url('/images/icones/fondNoir/ico-feuille.gif');
}

h5.ico-globe{
  background-image: url('/images/icones/fondNoir/ico-globe.gif');
}

h5.ico-imprimante{
  background-image: url('/images/icones/fondNoir/ico-imprimante.gif');
}

h5.ico-kakemono{
  background-image: url('/images/icones/fondNoir/ico-kakemono.gif');
}

h5.ico-livres{
  background-image: url('/images/icones/fondNoir/ico-livres.gif');
}

h5.ico-mail{
  background-image: url('/images/icones/fondNoir/ico-mail.gif');
}

h5.ico-montagne{
  background-image: url('/images/icones/fondNoir/ico-montagne.gif');
}

h5.ico-panneau{
  background-image: url('/images/icones/fondNoir/ico-panneau.gif');
}

h5.ico-portevoix{
  background-image: url('/images/icones/fondNoir/ico-portevoix.gif');
}

h5.ico-toolbox{
  background-image: url('/images/icones/fondNoir/ico-toolbox.gif');
}

h5.ico-trombone{
  background-image: url('/images/icones/fondNoir/ico-trombone.gif');
}

h5.ico-carnet{
  background-image: url('/images/icones/fondNoir/ico-carnet.gif');
}

h5.ico-flag{
  background-image: url('/images/icones/fondNoir/ico-flag.gif');
}

h5.ico-banner{
  background-image: url('/images/icones/fondNoir/ico-banner.gif');
}

h5.ico-vis{
  background-image: url('/images/icones/fondNoir/ico-vis.gif');
}

/********************************/
/*         GALLERY VIEW         */
/********************************/

.gallery
{
  background: #fff;
  border: 1px solid #e3e3e3;
}

.panel .panel-overlay
{
  border-bottom: 1px solid #e3e3e3;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap
{
  border: 1px solid #aaa;
}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap
{
  border-color: #666;
}

/* CURRENT FRAME CAPTION */
.frame.current .caption
{
  color: #666;
}

/* POINTER FOR CURRENT FRAME */
.pointer
{
  border-color: #666;
}

/* images boutons */

span.encartPictosVisuel-fr a.highdef:link,
span.encartPictosVisuel-fr a.highdef:visited,
span.encartPictosVisuel-fr a.highdef:hover
{
  background-image: url('/images/lumene/fr/picHeadDown.gif');
}

span.encartPictosVisuel-fr a.highdef:hover
{
  background-image: url('/images/lumene/fr/picHeadDownOver.gif');
}

span.encartPictosVisuel-fr span.highdef{
  background-image: url('/images/lumene/fr/picHeadDownOut.gif');
}

span.encartPictosVisuel-fr a.zoom:link,
span.encartPictosVisuel-fr a.zoom:visited,
span.encartPictosVisuel-fr a.zoom:hover
{
  background-image: url('/images/lumene/fr/picHeadZoom.gif');
}

span.encartPictosVisuel-fr a.zoom:hover
{
  background-image: url('/images/lumene/fr/picHeadZoomOver.gif');
}

span.encartPictosVisuel-fr span.zoom{
  background-image: url('/images/lumene/fr/picHeadZoomOut.gif');
}

span.encartPictosVisuel-en a.highdef:link,
span.encartPictosVisuel-en a.highdef:visited,
span.encartPictosVisuel-en a.highdef:hover
{
  background-image: url('/images/lumene/en/picHeadDown.gif');
}

span.encartPictosVisuel-en a.highdef:hover
{
  background-image: url('/images/lumene/en/picHeadDownOver.gif');
}

span.encartPictosVisuel-en span.highdef{
  background-image: url('/images/lumene/en/picHeadDownOut.gif');
}

span.encartPictosVisuel-en a.zoom:link,
span.encartPictosVisuel-en a.zoom:visited,
span.encartPictosVisuel-en a.zoom:hover
{
  background-image: url('/images/lumene/en/picHeadZoom.gif');
}

span.encartPictosVisuel-en a.zoom:hover
{
  background-image: url('/images/lumene/en/picHeadZoomOver.gif');
}

span.encartPictosVisuel-en span.zoom{
  background-image: url('/images/lumene/en/picHeadZoomOut.gif');
}

/********************************/
/*            FOOTER            */
/********************************/

div#InoFooterContainer
{
  background-image: url('/images/lumene/footFond.gif');
}

div#InoFooterContainer div#InoFooterContent div#InoFooterLiens a:link,
div#InoFooterContainer div#InoFooterContent div#InoFooterLiens a:visited,
div#InoFooterContainer div#InoFooterContent div#InoFooterLiens a:hover
{
  color: #666;
}

div#InoFooterContainer div#InoFooterContent div#InoFooterLiens a:hover
{
  color: #181818;
}

/***********************************/
/*        Menu des langues         */
/***********************************/

div#containerFlags
{
  background-image: url('/images/lumene/navSeparation.gif');
}

#navFlags a:link,
#navFlags a:visited,
#navFlags a:hover
{
  color: #fff;
}

/* Bordures */

#navFlags ul li a,
#navFlags ul
{
  border-color: #333;
}

/* Fonds out */
#navFlags ul li a
{
  background-color: #000;
}

/* Fonds over */
#navFlags li.hover a
{
  border-color: #333;
  background-color: #222;
}

/* Fonds selected */
#navFlags ul a.hover
{
  background-color: #555;
}

/***********************************/
/*       Page configurateur        */
/***********************************/

div#configurateurContainer
{
  background-color: #d7d7d7;
  padding-top: 10px;
  outline: none;
  padding-bottom: 30px;
}

div#configurateurContainer *
{
  outline: none;
}

div#configurateurContainer div#configurateur
{
  outline: none
}

div.footConfigurateur
{
  margin: 0px;
  padding: 0px;
}

div.footConfigurateur div#InoFooterContainer
{
  background-image: url(/images/lumene/footFondConfigurateur.gif);
}

/***********************************/
/*           ACCORDION             */
/***********************************/

div#InoContenuContainer div#InoContenuContent div#accordion h3.ui-state-hover
{
  background-color: #dde8e8;
  border-top: 1px solid #90abc8;
  border-bottom: 1px solid #90abc8;
  color: #6485a8;
  background-image: url('/images/lumene/fondH3over.gif');
}

div#accordion h3 span.ui-icon-circle-arrow-s
{
  background-image: url('/images/lumene/accordionSelected.gif');
}

div#accordion h3 span.ui-icon-circle-arrow-e
{
  background-image: url('/images/lumene/accordionUnselected.gif');
}