/* -------------------------------------------------------------- 
  
   style.css
   * Couleurs, bordure, backgrounds
   
-------------------------------------------------------------- */


body { background:#0a0a0a; color:#0a0a0a;}

#page{ background:transparent url(../images/logos/logoGris.gif) 45px 230px no-repeat;}
body.accueil #page {background-image: none}

a {color:#858585}

/* HEADER */
#lang ul li a.active {color:#FFF}

#push-experience {background: transparent url(../images/logos/feuillePetite.png) left center no-repeat; font: 1.2em/1.0em Georgia, serif; color: #858585}

.menu h2 a {color: #999}

.menu h2 a .sous-titre {color: #666}

.menu h2 a:hover,
.menu li.active h2 a:hover, /* idéalement avec du php */
	body.chocolatier .menu li.chocolatier h2 a,
	body.actualites .menu li.actualites h2 a,
	body.recrutement .menu li.actualites h2 a,
	body.creations .menu li.creations h2 a,
	body.boutiques .menu li.boutiques h2 a,
	body.boutique-en-ligne .menu li.boutique-en-ligne h2 a {color: #FFF}

.menu h2 a:hover .sous-titre, 
.menu li.active h2 a:hover .sous-titre, /* idéalement avec du php */
	body.chocolatier .menu li.chocolatier h2 a .sous-titre,
	body.actualites .menu li.actualites h2 a .sous-titre,
	body.recrutement .menu li.actualites h2 a .sous-titre,
	body.creations .menu li.creations h2 a .sous-titre,
	body.boutiques .menu li.boutiques h2 a .sous-titre,
	body.boutique-en-ligne .menu li.boutique-en-ligne h2 a .sous-titre {color: #999}




/* MAIN */

h2, h2 a{color: #FFF}
h2 .sous-titre, h2 a .sous-titre{color:#999}

h3 {color: #FFF}

.sidebar .block {background-color: #1A1A1A}
.sidebar .block2 {background-color: #1A1A1A}

.more a{background-color: none}

dl dt {color: #FFF}

/* HOME */

.menu li.chocolatier a {background: transparent url(../images/home/Chocolatier.jpg) left top no-repeat}
.menu li.actualites a {background: transparent url(../images/home/Actualites.jpg) left top no-repeat}
.menu li.creations a {background: transparent url(../images/home/Creations.jpg) left top no-repeat}
.menu li.boutiques a {background: transparent url(../images/home/Boutiques.jpg) left top no-repeat}
.menu li.boutique-en-ligne a {background: transparent url(../images/home/eBoutique.jpg) left top no-repeat}

.menu li a:hover,
body.chocolatier .menu li.chocolatier a,
body.actualites .menu li.actualites a,
body.creations .menu li.creations a,
body.boutiques .menu li.boutiques a,
body.boutique-en-ligne .menu li.boutique-en-ligne a {background-position: 0 -196px}

 /* ACTUALITES */

.news {border-bottom: 1px dotted #696969}

 /* CREATIONS */

.products {border: 4px solid #0a0a0a; vertical-align : top;}