@charset "utf-8";
/* CSS Document */


/*/////////////////////// GENERAL ////////////////////////*/

body
{
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    background-color:#fff;
}
p, img, div, ul, li, input, a, h1, h2, h3, table, tr, th, td, form
{
    margin:0px;
    padding:0px;
    border:0px;
}
#preload
{
    display:none;
    visibility:hidden;
}
.clr
{
    clear:both;
}

/*/////////////////////// INDEX ////////////////////////*/
#globalIndex
{
    width:982px;
    margin:auto;
}
.imgIndex1
{
    float:left;
    margin-right:30px;
}
.imgIndex2
{
    float:left;
    margin-right:32px;
}
.fondIndex
{
    width:982px;
    height:156px;
    background-image:url(../images/index/art-mely_14.png);
    background-position:right bottom;
    background-repeat:no-repeat;
}
.fondIndex h1
{
    color:#678A8B;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    letter-spacing: 12px;
    margin-left:238px;
    margin-bottom:70px;
}
.fondIndex ul
{
    list-style:none;
    list-style-type:none;
    width:700px;
    float:left;
}
.fondIndex li
{
    list-style:none;
    list-style-type:none;
    float:left;
    display:inline;
    color:#00AAAD;
    text-decoration:none;
}
a.sonIndex
{
    float:right;
    margin-right:120px;
    display:block;
    width:51px;
    height:29px;
    background-image:url(../images/index/son-on.gif);
}
a.sonIndex:hover
{
    background-image:url(../images/index/son-off.gif);
}
a.sonIndexOff
{
  float:right;
  margin-right:120px;
  display:block;
  width:51px;
  height:29px;
  background-image:url(../images/index/son-off.gif);
}
a.sonIndexOff:hover
{
  background-image:url(../images/index/son-on.gif);
}

.fondIndex a.presentation
{
    display:block;
    width:108px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_01.gif);
    text-decoration:none;
}
.fondIndex a.presentation:hover
{
    background-image:url(../images/index/menu-art-mely_01-over.gif);
}
.fondIndex a.actualite
{
    display:block;
    width:81px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_02.gif);
    text-decoration:none;
}
.fondIndex a.actualite:hover
{
    background-image:url(../images/index/menu-art-mely_02-over.gif);
}
.fondIndex a.valeurs
{
    display:block;
    width:101px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_03.gif);
    text-decoration:none;
}
.fondIndex a.valeurs:hover
{
    background-image:url(../images/index/menu-art-mely_03-over.gif);
}
.fondIndex a.reseau
{
    display:block;
    width:166px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_04.gif);
    text-decoration:none;
}
.fondIndex a.reseau:hover
{
    background-image:url(../images/index/menu-art-mely_04-over.gif);
}
.fondIndex a.presse
{
    display:block;
    width:71px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_05.gif);
    text-decoration:none;
}
.fondIndex a.presse:hover
{
    background-image:url(../images/index/menu-art-mely_05-over.gif);
}
.fondIndex a.contact
{
    display:block;
    width:61px;
    height:29px;
    background-image:url(../images/index/menu-art-mely_06.gif);
    text-decoration:none;
}
.fondIndex a.contact:hover
{
    background-image:url(../images/index/menu-art-mely_06-over.gif);
}
.fondIndex a.presentationEN
{
    display:block;
    width:108px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_01.gif);
    text-decoration:none;
}
.fondIndex a.presentationEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_01-over.gif);
}
.fondIndex a.actualiteEN
{
    display:block;
    width:81px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_02.gif);
    text-decoration:none;
}
.fondIndex a.actualiteEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_02-over.gif);
}
.fondIndex a.valeursEN
{
    display:block;
    width:101px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_03.gif);
    text-decoration:none;
}
.fondIndex a.valeursEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_03-over.gif);
}
.fondIndex a.reseauEN
{
    display:block;
    width:166px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_04.gif);
    text-decoration:none;
}
.fondIndex a.reseauEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_04-over.gif);
}
.fondIndex a.presseEN
{
    display:block;
    width:71px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_05.gif);
    text-decoration:none;
}
.fondIndex a.presseEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_05-over.gif);
}
.fondIndex a.contactEN
{
    display:block;
    width:61px;
    height:29px;
    background-image:url(../en/images/index/menu-art-mely_06.gif);
    text-decoration:none;
}
.fondIndex a.contactEN:hover
{
    background-image:url(../en/images/index/menu-art-mely_06-over.gif);
}
/*/////////////////////// PRODUITS ////////////////////////*/
#global
{
    width:980px;
    margin:auto;
    height:498px;
    margin-top:50px;
}
.back
{
    width:52px;
    height:70px;
    float:right;
    margin-right:7px;
    margin-top:-20px;
}
#globalPages
{
    width:980px;
    margin:auto;
    height:498px;
}
img.produit
{
    float:left;
    width:908px;
    height:480px;
}
img.iconesMenu
{
    float:left;
}
a.sonProduit
{
    margin-top:0px;
    float:left;
    display:block;
    width:50px;
    height:38px;
    background-image:url(../images/produits/son-on.gif);
}
a.sonProduit:hover
{
    background-image:url(../images/produits/son-off.gif);
}
a.sonProduitOff
{
  margin-top:0px;
  float:left;
  display:block;
  width:50px;
  height:38px;
  background-image:url(../images/produits/son-off.gif);
}
a.sonProduitOff:hover
{
  background-image:url(../images/produits/son-on.gif);
  margin-top:0px;
  float:left;
  display:block;
    width:50px;
  height:38px;
}

#basPage
{
    width:980px;
    height:70px;
    margin:auto;
    background-image:url(../images/produits/logo-art-mely.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
#menuBasPage
{
    width:980px;
    height:110px;
    margin:auto;
    background-image:url(../images/produits/logo-art-mely.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
.logoBas
{
    width:70px;
    float:right;
}
.menuPages
{
    float:right;
}
#menuBasPage img
{
    float:right;
    margin-bottom:0px;
    width:70px;
    height:70px;
}
#menuBasPage ul
{
    list-style:none;
    list-style-type:none;
    width:470px;
    float:right;
    margin-top:40px;
}
.zoomColor img
{
    border:1px solid #000;
}
.zoomColor p
{
    font-weight:bold;
}
.ficheProduit
{
    width:470px;
    float:left;
    text-align:right;
    margin-top:-10px;
}
ul.fiche
{
    list-style:none;
    list-style-type:none;
    width:470px;
    float:left;
    margin-left:20px;
    margin-top:10px;
}
ul.fiche li
{
    list-style:none;
    list-style-type:none;
    display:inline;
    color:#00AAAD;
    text-decoration:none;
    float:left;
}
.ficheProduit img
{
    margin-right:20px;
}
ul.fiche a.presentation
{
    display:block;
    width:73px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_15.gif);
    text-decoration:none;
}
ul.fiche a.presentation:hover
{
    background-image:url(../images/produits/menu-art-mely_15-over.gif);
}
ul.fiche a.actualite
{
    display:block;
    width:59px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_16.gif);
    text-decoration:none;
}
ul.fiche a.actualite:hover
{
    background-image:url(../images/produits/menu-art-mely_16-over.gif);
}
ul.fiche a.valeurs
{
    display:block;
    width:75px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_17.gif);
    text-decoration:none;
}
ul.fiche a.valeurs:hover
{
    background-image:url(../images/produits/menu-art-mely_17-over.gif);
}
ul.fiche a.reseau
{
    display:block;
    width:127px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_18.gif);
    text-decoration:none;
}
ul.fiche a.reseau:hover
{
    background-image:url(../images/produits/menu-art-mely_18-over.gif);
}
ul.fiche a.presse
{
    display:block;
    width:51px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_19.gif);
    text-decoration:none;
}
ul.fiche a.presse:hover
{
    background-image:url(../images/produits/menu-art-mely_19-over.gif);
}
ul.fiche a.contact
{
    display:block;
    width:44px;
    height:26px;
    background-image:url(../images/produits/menu-art-mely_20.gif);
    text-decoration:none;
}
ul.fiche a.contact:hover
{
    background-image:url(../images/produits/menu-art-mely_20-over.gif);
}
ul.fiche a.presentationEN
{
    display:block;
    width:73px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_15.gif);
    text-decoration:none;
}
ul.fiche a.presentationEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_15-over.gif);
}
ul.fiche a.actualiteEN
{
    display:block;
    width:59px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_16.gif);
    text-decoration:none;
}
ul.fiche a.actualiteEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_16-over.gif);
}
ul.fiche a.valeursEN
{
    display:block;
    width:75px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_17.gif);
    text-decoration:none;
}
ul.fiche a.valeursEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_17-over.gif);
}
ul.fiche a.reseauEN
{
    display:block;
    width:127px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_18.gif);
    text-decoration:none;
}
ul.fiche a.reseauEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_18-over.gif);
}
ul.fiche a.presseEN
{
    display:block;
    width:51px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_19.gif);
    text-decoration:none;
}
ul.fiche a.presseEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_19-over.gif);
}
ul.fiche a.contactEN
{
    display:block;
    width:44px;
    height:26px;
    background-image:url(../en/images/produits/menu-art-mely_20.gif);
    text-decoration:none;
}
ul.fiche a.contactEN:hover
{
    background-image:url(../en/images/produits/menu-art-mely_20-over.gif);
}

/*/////////////////////// GALERIE ////////////////////////*/

#motioncontainer
{
    width: 430px;
    height: 70px;
    float:left;
    position:relative;
    overflow:hidden;
}

#motioncontainer a img
{
    margin-right:10px;
    width:94px;
    height:50px;
}

/*#motioncontainer a:hover img {
border: 1px solid navy;  Set image border hover color
}*/

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

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

table.visuFicheTechnique
{
    display:table;
    width:495px;
    height:656px;
    border:0px;
    border-collapse:collapse;
}
tr.titreFicheTechnique
{
    display:table-row;
    height:39px;
    background-image:url(../images/fiche/bg-fiche-art-mely-01.gif);
}
tr.basFicheTechnique
{
    display:table-row;
    height:88px;
    background-image:url(../images/fiche/bg-fiche-art-mely-03.gif);
}
tr.basFicheTechniqueEN
{
    display:table-row;
    height:88px;
    background-image:url(../en/images/fiche/bg-fiche-art-mely-03.gif);
}
tr.contenuFicheTechnique
{
    display:table-row;
    height:529px;
    background-image:url(../images/fiche/bg-fiche-art-mely-02.gif);
    background-repeat:repeat;
}
tr.contenuFicheTechnique td
{
    display:table-cell;
    vertical-align:top;
}
tr.titreFicheTechnique td
{
    width:495px;
    display:table-cell;
}
span.nomFiche
{
    color:#00AAAD;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    background-color:#fff;
    margin-left:50px;
    padding-left:10px;
    padding-right:10px;
}
#iconeFiche
{
    float:left;
    height:54px;
    padding-left:40px;
}
#nomProduitFiche
{
    float:left;
    color:#000;
    margin-top:10px;
    margin-left:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
    height:54px;
    width:350px;
}
#donnesProduit
{
    float:left;
    padding-left:40px;
    width:205px;
    height:140px;
}
#imgProduit
{
    width:225px;
    float:left;
    padding-left:5px;
}
#imgProduit img
{
    width:225px;
    height:119px;
}
.dimensions
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#00AAAD;
    font-weight:bold;
    padding-bottom:10px;
}
.donneesDimensions
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
    font-weight:bold;
    border-bottom:solid 1px #00AAAD;
    float:left;
    width:155px;
    height:16px;
}
.materiauxTitre
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
    font-weight:bold;
    float:left;
    width:420px;
    padding-left:40px;
    text-align:justify;
    padding-bottom:20px;
}
.materiauxContenu
{
    font-weight:normal;
}
.cm
{
    float:left;
    width:50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000;
    font-weight:bold;
    border-bottom:solid 1px #00AAAD;
    height:16px;
}
.couleurs
{
    float:left;
    padding-left:40px;
    padding-bottom:10px;
    width:460px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#00AAAD;
    font-weight:bold;
}
.echantCouleur
{
    float:left;
    width:420px;
    padding-left:40px;
    text-align:left;
}
.echantCouleur a img
{
    width:40px;
    height:20px;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #000;
}
/*/////////////////////// PAGES ////////////////////////*/
#titrePage
{
    width:900px;
    height:21px;
    background-image:url(../images/pages/bg-titre.gif);
    background-repeat:repeat-x;
    margin-top:10px;
    float:left;
    text-align:right;
}
#titrePage span
{
    color:#00AAAD;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    background-color:#fff;
    padding-left:10px;
    padding-right:3px;
}
#contenuPage
{
    width:900px;
    height:486px;
    min-height:486px;
    float:left;
    margin-top:7px;
    font-size:12px;
    background-image:url(../images/pages/bg-contenuPage.gif);
    background-repeat:repeat-y;
    background-position:right;
    background-position:right;
}
#contenuFrame p
{
    width:860px;
    line-height:20px;
}
#contenuFrame p.gras
{
    font-weight:bold;
}
#contenuFrame
{
    width:880px;
    height:486px;
    max-height:486px;
    overflow-y:auto;
    overflow-x:hidden;
}
#iconesMenu
{
    float:left;
    width:80px;
}

/*/////////////////////// MENU DROIT PRODUITS ////////////////////////*/
.divMenu
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:770px;
    margin-top:100px;
    width:190px;
    text-align:left;
}
.divMenu1
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:770px;
    margin-top:220px;
    width:190px;
    text-align:left;
}
.divMenu2
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:770px;
    margin-top:330px;
    width:190px;
    text-align:left;
}
.divMenu3
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:770px;
    margin-top:455px;
    width:190px;
    text-align:left;
}
ul.menuScroll
{
    list-style:none;
    list-style-type:none;
}
ul.menuScroll li
{
    list-style:none;
    list-style-type:none;
}
.menuScroll a
{
    color:#00AAAD;
    text-decoration:none;
}
.menuScroll a:hover
{
    color:#FF0000;
    text-decoration:none;
}
ul.icones
{
    list-style:none;
    list-style-type:none;
}
ul.icones li
{
    list-style:none;
    list-style-type:none;
}

/*/////////////////////// MENU DROIT PAGES ////////////////////////*/

.divMenuPages
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:-100px;
    margin-top:50px;
    width:190px;
    text-align:left;
}
.divMenuPages1
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:-100px;
    margin-top:220px;
    width:190px;
    text-align:left;
}
.divMenuPages2
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:-100px;
    margin-top:330px;
    width:190px;
    text-align:left;
}
.divMenuPages3
{
    position:absolute;
    background-color:#FFFFFF;
    border:1px solid #00AAAD;
    z-index:100;
    float:right;
    padding:3px;
    margin-left:-100px;
    margin-top:455px;
    width:190px;
    text-align:left;
}
a
{
    color:#00AAAD;
    text-decoration:none;
}
a:hover
{
    color:#FF0000;
    text-decoration:none;
}

/*/////////////////////// CONTACT ////////////////////////*/
.adresse
{
  font-weight:bold;
  text-align:center;
  width: 100%;
}

.formContact
{
    width:840px;
}
td.validation
{
    text-align:center;
    color:#FF0000;
}
td.validation2
{
    text-align:center;
    color:#00AAAD;
}
td.ajouterNomInfo
{
    width:250px;
    font-weight:bold;
    text-align:right;
    line-height:30px;
    padding-right:30px;
    display:table-cell;
    vertical-align:top;
}
select.nonObli
{
    border:1px solid #00AAAD;
    width:300px;
    color:#00AAAD;
}
select.Obli
{
    border:1px solid #ff0000;
    width:300px;
    color:#00AAAD;
}
select.Obli2
{
    border:1px solid #ff0000;
    width:150px;
    color:#00AAAD;
}
input.nonObli
{
    border:1px solid #00AAAD;
    width:300px;
    color:#00AAAD;
}
input.button
{
    border:1px solid #00AAAD;
    width:80px;
    height:27px;
    color:#00AAAD;
    background-color:#fff;
}
input.button:hover
{
    border:1px solid #ff0000;
    width:80px;
    height:27px;
    color:#ff0000;
    background-color:#fff;
}
input.Obli
{
    border:1px solid #ff0000;
    width:300px;
    color:#00AAAD;
}
input.nonObli2
{
    border:1px solid #00AAAD;
    width:70px;
    color:#00AAAD;
}
input.nonObli3
{
    border:1px solid #00AAAD;
    width:100px;
    color:#00AAAD;
}
input.Obli2
{
    border:1px solid #ff0000;
    width:70px;
    color:#00AAAD;
}
textarea.nonObli
{
    border:1px solid #00AAAD;
    width:300px;
    color:#00AAAD;
    height:70px;
}
textarea.Obli
{
    border:1px solid #ff0000;
    width:300px;
    color:#00AAAD;
    height:150px;
}
p.confirmContact
{
    margin-top:100px;
}
td.color
{
    width:145px;
    display:table-cell;
    text-align:left;
}
/*/////////////////////// DISTRIBUTEURS ////////////////////////*/

.familleDistrib
{
    font-weight:bold;
    margin-left:20px;
    line-height:25px;
    list-style:none;
}

.famille1Distrib
{
    font-weight:normal;
    padding-left:40px;
    line-height:25px;
}
.grasNomDistrib
{
    font-weight:bold;
}
.distribMenu
{
    float: left;
    width: 300px;
    height: 486px;
    max-height: 486px;
    overflow-x: hidden;
    overflow-y: auto;
}
#afficheDistrib
{
    width: 580px;
    height: 486px;
    max-height: 486px;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
}
#afficheDistrib p.gras
{
    font-weight:bold;
}
.distribInfo p.titre
{
    font-weight:bold;
}
.distribInfo div.spacer
{
    margin-bottom:20px;
}