/* CSS Document */
#center{
background-color:#F1EEE8;
}
#left h2{
font-size:12px;
}

#artist{
padding:20px 15px 20px 15px;
font-size:13px;
}
#artist h3{
font-size:16px;
color:#AD9C82;
margin:0 0 20px 0;
padding:0;
}
#artist h4{
font-size:14px;
margin-bottom:15px;
}
#artist p{
margin:15px 0;
padding:0;
line-height:130%;
text-align: left;
}
#artist p a {
color:#AC3D1C;
text-decoration:none;
}

#artist a:hover {
text-decoration:underline;
}
/* ------------------------------------ Profile ------------------------------------ */

#shop_photo td{
text-align:center;
font-size:10px;
color:#836A56;
vertical-align:top;
}

#shop_photo a{
color:#836A56;
text-decoration:none;
}
#shop_photo a:hover{
color:#6A2E1C;
text-decoration:underline;
}

#shop_photo a img {
margin-bottom:5px;
border:none;
text-decoration:none;
}
/* ------------------------------------ /Profile ------------------------------------ */

/* ------------------------------------ Timeline ------------------------------------ */
#timeline{
}
#timeline .l0 {
clear: both;
height: 1%;
width: auto;
}
#timeline .l0 div {
float: left;
padding-bottom:5px;
}
#timeline .l0 div ul {
padding: 0;
margin: 0;
list-style:none;
}
#timeline .l0 div ul li.ltt {
font-weight: bold;
padding: 5px 10px 0 10px;
line-height: 130%;
background:transparent url(../img/bg_hnavi_sub.gif) center left no-repeat;
}
#timeline .l0 div ul li.lcont {
background-image: none;
padding: 5px 0 0 0;
line-height: 130%;
}
#timeline .award{
border:1px solid #ccc;
padding:10px;
line-height:150%;
background-color:#fff;
}
#timeline .award strong{
}
#timeline a.list{
background:transparent url(../img/bg_list.gif) top left no-repeat;
margin:0;
padding:5px 0 0 15px !important; /* !important pour IE */
}
/* ------------------------------------ /Timeline ------------------------------------ */

/* ------------------------------------ Brand ------------------------------------ */
#brand{
}
/* ------------------------------------ /Brand ------------------------------------ */

/* ------------------------------------ Atelier ------------------------------------ */
#atelier{
}
/* ------------------------------------ /Atelier ------------------------------------ */

/* ------------------------------------ Photo Gallaery ------------------------------------ */
#pgallery{
}
/* ------------------------------------ /Photo Gallaery ------------------------------------ */

/* ------------------------------------ COCOA CIRAD ------------------------------------ */
#cirad{
}
/* ------------------------------------ /COCOA CIRAD ------------------------------------ */

/* ------------------------------------ COCOA Tasting ------------------------------------ */
#tasting{
}
#tasting h4{
color:#6A2E1C;
}
/* ------------------------------------ /COCOA Tasting ------------------------------------ */

/* ------------------------------------ COCOA Origin_of_the_beans ------------------------------------ */
#origin{
}
#origin h4{
color:#6A2E1C;
}
#origin td{
vertical-align:top;
}
#origin td p{
margin-top:0;
}
/* ------------------------------------ /COCOA Origin_of_the_beans ------------------------------------ */

/* ------------------------------------ COCOA glossary ------------------------------------ */
#glossary{
}
#glossary ul{
list-style:none;
margin-bottom:20px;
}
#glossary li{
background:transparent url(../img/bg_list.gif) top left no-repeat;
margin:0;
padding:5px 0 0 15px !important; /* !important pour IE */
}
#glossary a{
color:#6A2E1C;
font-weight:normal;
}
/* ------------------------------------ /COCOA glossary  ------------------------------------ */

/* ------------------------------------ COCOA faq ------------------------------------ */
#faq{
}
#faq h4{
font-size:12px;
line-height:150%;
}
#faq p{
font-size:12px;
line-height:180%;
margin:0;
padding:10px 5px;
}

.faq_art{
width:170px;
float:left;
margin:5px 7px;
position: relative;
cursor:pointer;
}
.faq_art img{
margin-left:10px;
}
.trigger{
}
.trigger h4{
color:#6A2E1C;
margin:5px 0;
}
.popup{
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
}
.popup td.popcont{
border-top:1px solid #876B56;
border-left:1px solid #876B56;
border-right:1px solid #876B56;
background-color:#AD9382;
padding:10px 10px 0px 10px;
}
.popup td.popcont h5{
background-color:#887161;
padding:5px 10px;
color:#fff;
font-size:12px;
}
.popup td.popcont p{
color:#fff;
}
.popup td.popbtm{
background-image:url(/cocoa/img/faq_pop_btm.gif);
background-repeat:no-repeat;
height:25px;
}
/* ------------------------------------ /COCOA faq  ------------------------------------ */

/* ------------------------------------ COCOA link ------------------------------------ */
#link{
}
#link ul{
list-style:none;
}
#link li{
background:transparent url(../img/bg_list.gif) top left no-repeat;
margin:0 0 10px 0;
padding:5px 0 0 15px !important; /* !important pour IE */
}
#link a{
color:#6A2E1C;
font-weight:normal;
}
/* ------------------------------------ /COCOA link  ------------------------------------ */

/* ------------------------------------ COCOA paris ------------------------------------ */
#paris{
}
#paris_art{
border-bottom:1px solid #ddd;
line-height:130%;
padding:10px 0;
}
#paris_art p{
margin:0;
padding:0;
}
.maplink{
background:transparent url(../img/bg_list.gif) top left no-repeat;
margin:0 0 0 -7px;
padding:5px 0 0 15px !important; /* !important pour IE */
}
/* ------------------------------------ /COCOA paris  ------------------------------------ */