#page-title
{
    background: #000000 url('/~/media/Cotedor/be/files/images/histoire/header-history.jpg') center top no-repeat;
    height: 220px;
    width: 100%;
    margin: auto;
}
#page-title div.layout
{
    padding-left: 18%;
    padding-top: 90px;
}
#page-title h2
{
    color: #F0E9AC;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
}
#timeline
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 13px;
    font-style: italic;
    width: 100%;
    margin: auto;
    z-index: 5;
}
#timeline-background
{
    background: url("/~/media/Cotedor/be/files/images/histoire/timeline-bg.png") center top no-repeat;
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 13px;
    font-style: italic;
    margin-top: -4px;
}
.temple #timeline-background
{
    background: url("/~/media/Cotedor/be/files/images/histoire/Redline-temple.png") center center no-repeat;
    height: 78px;
    margin-top: -21px;
}
.chocolat #timeline-background
{
    background: url("/~/media/Cotedor/be/files/images/histoire/Redline-history.png") center center no-repeat;
    height: 83px;
    margin-top: -23px;
}
#timeline-background ul li#date-secrets
{
    margin-left: 150px;
}
#timeline ul
{
    height: 37px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 845px;
}
#timeline li
{
    display: inline;
    float: left;
    width: 62px;
}
#timeline a
{
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    color: #FFFFFF;
    float: left;
    padding-bottom: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 9px;
    width: 29px;
}
#timeline .active a
{
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 4px;
}
#timeline em
{
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    color: #FFFFFF;
    float: left;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 9px;
    width: 7px;
}
#timeline .timeline-spacer
{
    width: 235px;
}
#timeline #timeline-block
{
    width: 151px !important;
}
#timeline-block
{
    background-image: url("/~/media/Cotedor/be/files/images/histoire/frisepaquet.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 87px;
    left: 380px;
    position: absolute;
    text-indent: -9999px;
    top: -20px;
    width: 151px;
    z-index: 10;
}
.histoire h3
{
    font-family: 'FuturaStdBook' ,Arial,sans-serif;
    font-size: 80px;
    font-style: normal;
    line-height: 80px;
}
.histoire h4
{
    font-size: 24px;
    line-height: 30px;
}
.histoire
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-style: italic;
    overflow: hidden;
}
.temple .histoire-more
{
    display: table;
    font-size: 17px;
    height: 169px;
    line-height: 24px;
    position: absolute;
    text-align: justify;
    width: 327px;
	margin-left: -25px;
}
.histoire-more
{
    display: table;
    font-size: 17px;
    height: 169px;
    line-height: 24px;
    position: absolute;
    text-align: justify;
    width: 327px;
    padding-left: 23px;
    padding-right: 23px;
}





body#page-histoire-de-la-marque .histoire-more 
{
    display: table;
    font-size: 17px;
    height: 169px;
    line-height: 24px;
    
    position: absolute;
    text-align: justify;
    width: 327px;
}

body#page-histoire-de-la-marque .histoire-more span
{
     display: table-cell;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 40px;
   
    text-align: justify;
    vertical-align: middle;
}



.histoire-stories
{
    background-color: #471A0B;
    display: table;
    height: 169px;
    line-height: 20px;
    position: absolute;
    width: 327px;
}
.histoire-more span
{
    display: table-cell;
    padding-bottom: 13px;
    padding-top: 13px;
    text-align: justify;
    vertical-align: middle;
}
#histoire-1883
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/elephant_chocolat_cote_dor_1883.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
}
.histoire-stories em:first-child
{
    margin: 10px 0px 5px -4px;
}
.histoire-stories em
{
    color: #F0E9AC;
    display: block;
    font-family: 'FuturaStdBook' ,Arial,sans-serif;
    font-size: 26px;
    font-style: normal;
    margin-bottom: 10px;
    margin-left: -4px;
    margin-right: 0;
    margin-top: 20px;
}
.histoire-details
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details.png");
    background-position: center center;
    background-repeat: repeat-y;
    color: #000000;
    height: 154px;
}
.histoire div div
{
    position: relative;
}
.histoire-details div
{
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 984px;
}
.histoire-details h5
{
    color: #471A0B;
    float: left;
    padding-top: 20px;
}
.histoire-details div.histoire-slider
{
    float: left;
    height: 154px;
    margin-left: 20px;
    overflow: hidden;
    width: 910px;
}

#histoire-1883 div
{
    height: 511px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1883 h3
{
    color: #471A0B;
    left: 12px;
    position: absolute;
    top: 60px;
}
#histoire-1883 h4
{
    color: #471A0B;
    left: 30px;
    position: absolute;
    top: 142px;
}
#histoire-1883 .histoire-more
{
    background-color: #E67F58;
    bottom: 0;
    color: #FFFFFF;
}
#histoire-1883 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/supertof_chocolat_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 174px;
}
#histoire-1883 .histoire-stories
{
    height: 133px;
    right: 0;
    top: 41px;
}
.histoire-pic
{
    height: 169px;
    position: absolute;
    width: 327px;
}
.histoire-slider div
{
    float: left;
    height: 114px;
    line-height: 14px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}
.histoire-details #scroll-1930
{
    width: 863px;
}
.histoire-details div.slide-content
{
    height: 154px;
    left: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 886px;
}
.histoire-details #scroll-1930 .slide-scroller
{
    width: 1054px;
}
.histoire-details div.slide-scroller
{
    height: 154px;
    margin: 0;
}
#histoire-1883 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowbottom.png") 0px 75px no-repeat;
    padding-bottom: 30px;
    vertical-align: bottom;
    height: 70px;
    line-height: 25px;
    margin-left: 20px;
    margin-top: 36px;
    position: absolute;
}
.ie7 #histoire-1883 .histoire-stories span
{
    display: block;
    height: 44px;
    padding-top: 60px;
}
#details-1883
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/marque_chocolat_cote_dor.jpg");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-left: 124px;
    border-right: 1px solid #866e6a;
    padding-right: 30px;
    padding-top: 0;
    width: 134px;
}
.histoire-slider span
{
    color: #320802;
    display: block;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 8px;
}
.histoire-slider p
{
    font-size: 10px;
}
#details-1906
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/image_elephant_cote_dor.jpg");
    background-position: 10px center;
    background-repeat: no-repeat;
    border-right: 1px solid #866e6a;
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 124px;
    padding-right: 30px;
    padding-top: 0;
    width: 134px;
}
#details-1911
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_1911_cote_dor.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 20px;
    padding-left: 188px;
    width: 104px;
}
#histoire-1930
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/histoire_usine_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-1930 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1930 h3
{
    color: #65C6C0;
    position: absolute;
    left:690px;
    top: 52px;
    width: 327px;
}
#histoire-1930 h4
{
    color: #471A0B;
    font-size: 21px;
    position: absolute;
    left:680px;
    top: 120px;
    width: 327px;
}
.ie7 #histoire-1930 h4
{
    font-size: 18px;
}
#histoire-1930 .histoire-more
{
    background-color: #65C6C0;
    bottom: 169px;
    color: #FFFFFF;
    right: 0;
    width: 281px !important;
}
#histoire-1930 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/barre_chocolat_mokamel_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}
#histoire-1930 .histoire-stories
{
    bottom: 0;
    left: 327px;
}
#histoire-1930 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowright.png") 267px 143px no-repeat;
    padding-bottom: 10px;
    padding-right: 20px;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    position: absolute;
}
.ie7 #histoire-1930 .histoire-stories span
{
    display: block;
}

#details-1930
{
    border-right: 1px solid #866e6a;
    margin-left: 20px;
    padding-right: 15px;
    width: 110px;
}

#details-1931
{
    border-right: 1px solid #866e6a;
    margin-left: 20px;
    padding-right: 15px;
    width: 110px;
}

#details-1932
{
    border-right: 1px solid #866e6a;
    margin-left: 15px;
    padding-right: 15px;
    width: 110px;
}

#details-1934
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1934.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #866e6a;
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 170px;
    padding-right: 5px;
    padding-top: 0;
    width: 100px;
}
#details-1937
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1937.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: none;
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 164px;
    padding-right: 0;
    padding-top: 0;
    width: 123px;
}
#histoire-1940
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/congobar_chocolat_1940_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    /*border-right: 1px solid #866e6a;*/
}
#histoire-1940 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1940 h3
{
    color: #2B0C08;
    left: 12px;
    position: absolute;
    top: 66px;
    width: 327px;
}
#histoire-1940 h4
{
    color: #2B0C08;
    font-size: 21px;
    left: 30px;
    position: absolute;
    top: 150px;
}
#histoire-1940 .histoire-more
{
    background-color: #D54350;
    bottom: 0;
    color: #FFFFFF;
}
#histoire-1940 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-1940.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 204px;
}
#histoire-1940 .histoire-stories
{
    right: 0;
    top: 35px;
}
#histoire-1940 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowbottom.png") 2px 137px no-repeat;
    margin-left: 20px;
    padding-bottom: 30px;
    padding-top: 60px;
    position: absolute;
    vertical-align: bottom;
}
.ie7 #histoire-1940 .histoire-stories span
{
    display: block;
    height: 62px;
    padding-top: 78px;
}
#details-1940
{
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 0;
    width: 150px;
}
#details-1940-more
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1940-more.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 40px;
    padding-left: 390px;
    width: 130px;
}
#histoire-1950
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pastador_chocolat_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-1950 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1950 h3
{
    color: #958CD7;
    left: 382px;
    /*position: absolute;*/
    top: 195px;
    width: 327px;
padding-top: 25px;
}
#histoire-1950 h4
{
    color: #471A0B;
    font-size: 21px;
    left: 400px;
    /*position: absolute;*/
    top: 270px;
}
#histoire-1950 .histoire-more
{
    background-color: #958CD7;
    bottom: 169px;
    color: #FFFFFF;
    width: 282px !important;
}
#histoire-1950 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-1950.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
}
#histoire-1950 .histoire-stories
{
    bottom: 0;
    left: 327px;
}
#histoire-1950 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowleft.png") 22px 149px no-repeat;
    padding-left: 30px;
    padding-top: 19px;
    position: absolute;
    vertical-align: middle;
}
.ie7 #histoire-1950 .histoire-stories span
{
    display: block;
}
#details-1953
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/visite_usine_cote_dor.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 50px;
    padding-bottom: 0;
    padding-left: 135px;
    border-right: 1px solid #866e6a;
    padding-right: 15px;
    padding-top: 0;
    width: 120px;
}
#details-1958
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/barre_chocolat_dessert_cote_dor.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 15px;
    border-right: 1px solid #866e6a;
    padding-bottom: 0;
    padding-left: 195px;
    padding-right: 5px;
    padding-top: 0;
    width: 100px;
}
#details-1959
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/barre_chocolat_cerise_cote_dor.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 20px;
    padding-left: 170px;
    width: 83px;
}
#histoire-1960
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/innovation_chocolat_cote_dor_1960.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-1960 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1960 h3
{
    color: #C1D251;
    left: 12px;
    position: absolute;
    top: 66px;
    width: 327px;
}
#histoire-1960 h4
{
    color: #FFFFFF;
    font-size: 21px;
    left: 30px;
    position: absolute;
    text-shadow: 1px 1px 1px #000000;
    top: 150px;
}
#histoire-1960 .histoire-more
{
    background-color: #C1D251;
    bottom: 0;
    color: #FFFFFF;
}
#histoire-1960 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_noisette_tablette_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 169px;
    right: 0;
}
#histoire-1960 .histoire-stories
{
    bottom: 0;
    right: 0;
}
#histoire-1960 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowtop.png") -1px 2px no-repeat;
    margin-left: 20px;
    padding-bottom: 2px;
    padding-top: 0;
    position: absolute;
    vertical-align: bottom;
}
.ie7 #histoire-1960 .histoire-stories span
{
    background-position: 21px 9px;
    display: block;
    padding-top: 14px;
}
#details-1962
{
    margin-left: 50px;
    padding-right: 15px;
    border-right: 1px solid #866e6a;
    width: 90px;
}
#details-1963
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1963.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 15px;
    border-right: 1px solid #866e6a;
    padding-bottom: 0;
    padding-left: 175px;
    padding-right: 10px;
    padding-top: 0;
    width: 80px;
}
#details-1967
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1967.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 20px;
    border-right: 1px solid #866e6a;
    padding-bottom: 0;
    padding-left: 180px;
    padding-right: 15px;
    padding-top: 0;
    width: 90px;
}
#details-1969
{
    margin-left: 20px;
    width: 125px;
}
#histoire-1970
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/barre_chocolat_kiffy_1970.jpg");
    background-position: center center;
    /*border-right: 1px solid #866e6a;*/
    background-repeat: no-repeat;
}
#histoire-1970 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1970 h3
{
    color: #471A0B;
    left: 12px;
    position: absolute;
    top: 66px;
    width: 327px;
}
#histoire-1970 h4
{
    color: #471A0B;
    font-size: 21px;
    left: 30px;
    position: absolute;
    top: 150px;
}
#histoire-1970 .histoire-more
{
    background-color: #FC6263;
    bottom: 0;
    color: #FFFFFF;
    left: 327px;
}
#histoire-1970 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/barre_chocolat_zouki_1970.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}
#histoire-1970 .histoire-stories
{
    bottom: 169px;
    right: 0;
}
#histoire-1970 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowbottom.png") 5px 130px no-repeat;
    margin-left: 20px;
    padding-bottom: 30px;
    position: absolute;
    vertical-align: middle;
}
.ie7 #histoire-1970 .histoire-stories span
{
    background-position: 20px 150px;
    display: block;
    padding-top: 20px;
}
#details-1970
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1970.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #866E6A;
    margin-left: 20px;
    padding-bottom: 0;
    padding-left: 390px;
    padding-right: 15px;
    padding-top: 0;
    width: 90px;
}
#details-1972
{
    margin-left: 15px;
    padding-bottom: 0;
    border-right: 1px solid #866e6a;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 0;
    width: 70px;
}
#details-1978
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1978.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 145px;
    padding-right: 15px;
    padding-top: 0;
    width: 100px;
}
#histoire-1980
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/innovation_chocolat_mignonettes_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-1980 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1980 h3
{
    color: #471A0B;
    position: absolute; 
top: 37px;
width: 327px;
left: 700px;
}
#histoire-1980 h4
{
    color: #471A0B;
    font-size: 21px;
    position: absolute;
left: 685px;

top: 128px;
width: 327px;
}
#histoire-1980 .histoire-more
{
    background-color: #7190DF;
    color: #FFFFFF;
    left: 281px;
    top: 372px;
}
#histoire-1980 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-1980.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}
#histoire-1980 .histoire-stories
{
    bottom: 169px;
    right: 0;
}
#histoire-1980 .histoire-stories span
{
    margin-left: 20px;
    padding-bottom: 30px;
    padding-top: 13px;
    position: absolute;
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowbottom.png") 0 142px no-repeat;
    vertical-align: middle;
}

#details-1982
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1982.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 60px;
    padding-bottom: 0;
    padding-left: 160px;
    padding-right: 15px;
    padding-top: 0;
    border-right: 1px solid #866e6a;
    width: 85px;
}
#details-1983
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1983.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 35px;
    padding-bottom: 0;
    border-right: 1px solid #866e6a;
    padding-left: 180px;
    padding-right: 30px;
    padding-top: 0;
    width: 70px;
}
#details-1985
{
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 15px;
    border-right: 1px solid #866e6a;
    padding-right: 5px;
    padding-top: 0;
    width: 120px;
}
#details-1989
{
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 0;
    width: 60px;
}
#histoire-1990
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_cote_dor_noir_de_noir.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-1990 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-1990 h3
{
color: #D2AB68;
left: 59px;
position: absolute;
top: 30px;
width: 327px;
}
#histoire-1990 h4
{
color: #FFFFFF;
font-size: 21px;
left: 55px;
position: absolute;
top: 105px;
}
#histoire-1990 .histoire-more
{
    background-color: #D2AB68;
    bottom: 0;
    color: #FFFFFF;
    left: 327px;
}
#histoire-1990 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-1990.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 169px;
    left: 0;
}
#histoire-1990 .histoire-stories
{
    bottom: 0;
    left: 0;
}
#histoire-1990 .histoire-stories span
{
    margin-left: 20px;
    position: absolute;
    vertical-align: middle;
}

#details-1991
{
    margin-left: 30px;
    padding-right: 35px;
    width: 120px;
    border-right: 1px solid #866e6a;
}
#details-1993
{
    margin-left: 30px;
    border-right: 1px solid #866e6a;
    padding-right: 35px;
    width: 110px;
}
#details-1995
{ 
    padding-bottom: 0;
    border-right: 1px solid #866e6a;
    padding-left: 30px;
    padding-right: 35px;
    padding-top: 0;
    width: 120px;
}
#details-1996
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-1996.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #866E6A;
    margin-left: 30px;
    padding-bottom: 0;
    padding-left: 105px;
    padding-right: 35px;
    padding-top: 0;
    width: 120px;
}
#details-1997
{ 
    padding-left: 30px;
    width: 115px;
}
#histoire-2000
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_degustation_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    border-right: 1px solid #866e6a;
}
#histoire-2000 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-2000 h3
{
color: #34C58D;
position: absolute;
left: 715px;
top: 30px;
width: 327px;
}
#histoire-2000 h4
{
color: #FFFFFF;
font-size: 21px;
position: absolute;
left: 700px;
top: 130px;
width: 327px;
}
#histoire-2000 .histoire-more
{
    background-color: #34C58D;
    bottom: 0;
    color: #FFFFFF;
    left: 327px;
}
#histoire-2000 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-2000.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 169px;
    right: 0;
}
#histoire-2000 .histoire-stories
{
    bottom: 0;
    right: 0;
}
#histoire-2000 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowtop.png") -1px 8px no-repeat;
    margin-left: 20px;
    padding-top: 10px;
    position: absolute;
}

#details-2000
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-2000.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #866E6A;
    margin-left: 50px;
    padding-bottom: 0;
    padding-left: 185px;
    padding-right: 15px;
    padding-top: 0;
    width: 115px;
}
#details-2001
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-2001.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 35px;
    padding-bottom: 0;
    border-right: 1px solid #866e6a;
    padding-left: 140px;
    padding-right: 10px;
    padding-top: 0;
    width: 90px;
}
#details-2001-2
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-2001-2.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 25px;
    padding-left: 135px;
    width: 108px;
}
#histoire-2008
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/anniversaire_125_ans_chocolat_cote_dor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
}
#histoire-2008 div
{
    height: 541px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 981px;
}
#histoire-2008 h3
{
    color: #FFFFFF;
    left: 25px;
    position: absolute;
    top: 200px;
    width: 327px;
}
#histoire-2008 h4
{
    color: #FFFFFF;
    font-size: 21px;
    left: 30px;
    position: absolute;
    top: 288px;
}
#histoire-2008 .histoire-more
{
    background-color: #F3711D;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
}
#histoire-2008 .histoire-pic
{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/pic-2008.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 204px;
}
#histoire-2008 .histoire-stories
{
    right: 0;
    top: 35px;
}
#histoire-2008 .histoire-stories span
{
    background: url("/~/media/Cotedor/be/files/images/histoire/arrowbottom.png") 8px 98px no-repeat;
    line-height: 21px;
    margin-left: 20px;
    margin-top: 50px;
    padding-bottom: 30px;
    position: absolute;
    vertical-align: bottom;
}
.ie7 #histoire-2008 .histoire-stories span
{
    display: block;
    height: 74px;
    padding-top: 64px;
}

#details-2008-2 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/details-2008-2.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 93px;
    width: 230px;
}


div#historie-details {
    float: left;
    margin: 0 auto;
    position: relative;
    top: -153px;
    width: 513px;
	margin-left:60%;
}

#details-2008-2 > p {
    font-size: 13px;
}

/*Chocolat History */
.chocolat #page-title
{
    background: #000000 url('/~/media/Cotedor/be/files/images/histoire/chocolate-history-heading-bg.jpg') center top no-repeat;
    height: 154px;
    width: 100%;
    margin: auto;
    z-index :-2;
}
.chocolat #page-title div.layout
{
    padding-left: 18%;
    padding-top: 50px;
}
.chocolat #page-title h2
{
    color: #FFFFFF;
    font-size: 26px;
}
.chocolat #timeline ul
{
    width: 980px;
    padding-left: 10px;
}
.chocolat #timeline li
{
    display: inline;
    float: left;
    margin-right: 11px;
    width: auto !important;
    font-size: 14px;
    padding-top :18px;
}
#date-SecretsDeCoteDor
{
    margin-left :150px;
}
.chocolat #timeline a
{
    width: auto !important;
}
.chocolat #timeline-block
{
    left: 10px;
    position: relative;
    text-indent: 9em;
    z-index :3; 
    background: url("/~/media/Cotedor/be/files/images/histoire/frisepaquet.png") center top no-repeat;
}
#date-orig
{
    margin-left: -50px;
}
.chocolat .histoire
{
    width: 100%;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -27px !important; 
    /*position: relative;*/
    z-index :2; 
}
#Origines
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_temple.jpg");
    background-position: center bottom;
    background-repeat: no-repeat; 
}
#Origines div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#Origines div p
{
    background-color: #A3B53D;
    height: 110px;
    left: 12px;
    position: absolute;
    top: 134px;
    width: 450px;
}
#Origines .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#Origines h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 33px;
}
#Origines h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
}


/*ArriveeEnEurope */
#ArriveeEnEurope
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/arrivee_chocolat_europe.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 443px;
}
#ArriveeEnEurope div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#ArriveeEnEurope div p
{
    background-color: #C86432;
    height: auto;
    left: 411px;
    position: absolute;
    top: 273px;
    width: 415px;
}
#ArriveeEnEurope .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#ArriveeEnEurope h3
{
    color: #7E3517;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 407px;
    position: absolute;
    top: 50px;
    line-height: 30px;
    text-transform: uppercase;
}
#ArriveeEnEurope h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}


#ArriveeEnEurope div.imageTop
{
    height: 173px;
    width: 521px;
}

#ArriveeEnEurope div.imageTop img
{
    margin-left: 182px;
    margin-top: 97px;
    padding-top: 15px;
}



/*LaCreationDuChocolat */



#LaCreationDuChocolat
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_preparation.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 422px;
}
#LaCreationDuChocolat div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#LaCreationDuChocolat div p
{
    background-color: #A3B53D;
    height: auto;
    left: 12px;
    position: absolute;
    top: 204px;
    width: 408px;
}
#LaCreationDuChocolat .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#LaCreationDuChocolat h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 75px;
    line-height: 38px;
    text-transform: uppercase;
}
#LaCreationDuChocolat h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}

#LaCreationDuChocolat .histoire-slider
{
    width :980px;
    margin :auto;
}

/*SecretsDeCoteDor */

#SecretsDeCoteDor
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/chocolat_cote_dor_secret.ashx");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 424px;
}
#SecretsDeCoteDor div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#SecretsDeCoteDor div p
{
    background-color: #FF8339;
    height: auto;
    left: 407px;
    position: absolute;
    top: 157px;
    width: 398px;
}
#SecretsDeCoteDor .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#SecretsDeCoteDor h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 407px;
    position: absolute;
    top: 56px;
    line-height: 38px;
    text-transform: uppercase;
}
#SecretsDeCoteDor h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}








/*DecouvrezLeVoyage */

#DecouvrezLeVoyage
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/related-category-products-bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 401px;
}
#DecouvrezLeVoyage .section
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#DecouvrezLeVoyage div p
{
    height: 110px;
    left: 120px;
    position: absolute;
    top: 142px;
    width: 70%;
}
#DecouvrezLeVoyage .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#DecouvrezLeVoyage h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 33px;
    width: 100%;
    text-transform: uppercase;
}
#DecouvrezLeVoyage h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
} 

#DecouvrezLeVoyage .chocolat
{
    float: left;
    width: 49%;
}
#DecouvrezLeVoyage .chocolat h3
{
    line-height: 30px;
}

#DecouvrezLeVoyage .chocolat a
{
    left: 165px;
    position: absolute;
    top: 297px;
}
#DecouvrezLeVoyage div.poursit
{
    float: left;
    margin-left: 98px;
    width: 41%;
}
#DecouvrezLeVoyage .poursit p.histoire-more
{
    left: 0px;
    padding-left: 0px;
}
#DecouvrezLeVoyage .poursit h3
{
    line-height: 30px;
}

#DecouvrezLeVoyage .poursit a
{
    left: 65px;
    position: absolute;
    top: 296px;
}

#DecouvrezLeVoyage .poursit p
{
    color: #4c0600;
}


#DecouvrezLeVoyage div.imageLeft
{
    margin: 2px 0 105px 30px;
    width: 151px;
}
#DecouvrezLeVoyage div.imageLeft img
{
    margin-top: 130px;
}


#DecouvrezLeVoyage div.imageRight
{
    margin-left: 225px;
    margin-top: 110px;
}
.chocolat .chocolat-details
{
    background: url("/~/media/Cotedor/be/files/images/histoire/details.png") center center repeat-y;
    color: #000000;
    height: 154px;
}
.chocolat .chocolat-slider
{
    margin: auto;
    width: 980px;
    height :154px;
}
.chocolat .chocolat1-slider
{
    margin: auto;
    width: 930px;
}
.chocolat .chocolat-slider div
{
    float: left;
    height: 134px;
    margin-top: 10px; 
    width: 210px;
    border-right: 1px solid #866e6a;
}
.chocolat-slider p
{
    font-size: 10px;
    margin-top: 5px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
.chocolat-slider h5
{
    height: 7px;
    padding-top: 7px;
}
#page-histoire-du-chocolat .histoire-slider p
{
    font-size: 10px;
    margin-top: 5px;
    padding-bottom: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
#page-histoire-du-chocolat .histoire-slider h5
{
    height: 7px;
    margin-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
#page-histoire-du-chocolat .histoire-slider
{
    margin :Auto;
    width :980px;
}
/* For Temple page css start*/
.temple h3
{
    text-transform: uppercase;
}
.temple #page-title
{
    background: #000000 url('/~/media/Cotedor/be/files/images/Temple/chocolate-temple-page-bg.jpg') center top no-repeat;
    height: 201px;
    width: 100%;
    margin: auto;
}
.temple #page-title div.layout
{
    padding-left: 18%;
    padding-top: 50px;
}
.temple #page-title h2
{
    color: #FFFFFF;
    font-size: 26px;
}
.temple #page-title p
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-style: italic;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 17px; 
    position: absolute;
    top: 140px;
    line-height: 20px;
    margin-left: -24px;
}

.temple .TempleOfChocolates span
{
    display: table-cell;
    padding: 13px 23px;
    text-align: justify;
    vertical-align: middle;
}

.temple #timeline ul
{
    width: 1280px;/*
    width: 980px;*/
    padding-left: 10px;
}
.temple #timeline li
{
    display: inline;
    float: left;
    margin-right: 11px;
    width: auto !important;
    padding-top :20px;
}

.temple #date-Workshop
{
    margin-left :165px;
padding-left: 55px;
}
.temple #timeline a
{
    width: auto !important;
}
.temple #timeline-block
{
    left: 10px;
    position: relative;
    text-indent: 9em;
    background: url("/~/media/Cotedor/be/files/images/histoire/frisepaquet.png") center top no-repeat;
}
.temple #date-Temple
{
	padding-left: 155px;
   /* margin-left: -50px;*/
}
.temple .histoire
{
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px !important;
    /*position: relative;*/
    width: 100%; 
    z-index:-1;
}
.temple .chocolat-slider
{
    width: 960px;
    margin: auto;
}
.histoire-moreDown
{
    display: table;
    font-size: 17px;
    height: 169px;
    letter-spacing: 1px;
    line-height: 24px;
    position: absolute;
    text-align: justify;
    width: 327px;
}
.histoire-moreDown span
{
    display: table-cell;
    padding: 13px 40px;
    text-align: justify;
    vertical-align: middle;
}

.chocolat .slider-left
{
    width: 15px;
}
.chocolat .slider-right
{
    width: 15px;
}
.chocolat .slide-scroller
{
    width: 3200px;
    margin: auto;
    overflow: hidden;
}

.chocolat .slide-content
{
     margin-bottom: auto;
    margin-left: 31px;
    margin-right: auto;
    margin-top: auto;
    overflow: hidden;
    width: 920px;
}
.chocolat #details-1, .chocolat #details-2, .chocolat #details-3, .chocolat #details-4, .chocolat #details-5, .chocolat #details-6, .chocolat #details-7, .chocolat #details-8, .chocolat #details-9, .chocolat #details-10, .chocolat #details-11, .chocolat #details-12, .chocolat #details-13
{
    float: left;
    height: 134px;
    margin-top: 10px; 
    width: 240px;
    border-right: 1px solid #866e6a;
}
/*Temple*/
.chocolat #content
{
    padding-bottom :2px;
}
#Temple
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/Temple/temple_chocolat_histoire.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 276px;
}
#Temple div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#Temple div p
{
    background-color: #C9013F;
    height: auto;
    left: 317px;
    position: absolute;
    top: 154px;
    width: 530px;
}


#Temple div p.histoire-moreDown
{
    background-color: #C9013F;
    height: auto;
    left: 200px;
    position: absolute;
    top: 273px;
    width: 600px;
}

#Temple .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#Temple h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold',Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    left: 10px;
    line-height: 38px;
    position: absolute;
    top: 53px;
}
#Temple h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}









/*Galleon */



#Galleon
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/Temple/chocolat_colons_preparation_cote_dor.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 511px;
}
#Galleon div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#Galleon div p
{
    background-color: #2B87B8;
    height: auto;
    left: 572px;
    position: absolute;
    top: 110px;
    width: 271px;
}


#Galleon div p.histoire-moreDown
{
    background-color: #2B87B8;
    height: auto;
    left: 572px;
    position: absolute;
    top: 317px;
    width: 335px;
}
#Galleon .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#Galleon h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold',Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    left: 572px;
    line-height: 30px;
    position: absolute;
    top: 48px;
}
#Galleon h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}




/*OldFabric */



#OldFabric
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/Temple/chocolat_ancienne_fabrique_cote_dor.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 512px;
}
#OldFabric div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#OldFabric div p
{
    background-color: #FF8339;
    height: auto;
    left: 12px;
    position: absolute;
    top: 196px;
    width: 300px;
}

#OldFabric div p.histoire-moreDown
{
    background-color: #FF8339;
    height: auto;
    left: 12px;
    position: absolute;
    top: 342px;
    width: 345px;
}
#OldFabric .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#OldFabric h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 82px;
    line-height: 30px;
}
#OldFabric h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}


/*Workshop*/



#Workshop
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/Temple/atelier_chocolat_cote_dor.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 512px;
}
#Workshop div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#Workshop div p
{
    background-color: #5D1442;
    height: auto;
    left: 535px;
    position: absolute;
    top: 210px;
    width: 285px;
}

#Workshop div p.histoire-moreDown
{
    background-color: #5D1442;
    height: auto;
    left: 535px;
    position: absolute;
    top: 366px;
    width: 330px;
}
#Workshop .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#Workshop h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    left: 535px;
    position: absolute;
    top: 100px;
    line-height: 34px;
}
#Workshop h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}




/*Factory */



#Factory
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/Temple/usine_chocolat_cote_dor.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 512px;
}
#Factory div
{
    height: 244px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 980px;
}
#Factory div p
{
    background-color: #DA272B;
    height: auto;
    left: 12px;
    position: absolute;
    top: 140px;
    width: 260px;
}



#Factory div p.histoire-moreDown
{
    background-color: #DA272B;
    height: auto;
    left: 12px;
    position: absolute;
    top: 294px;
    width: 310px;
}
#Factory .histoire-more
{
    display: table-cell;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0;
    text-align: justify;
    vertical-align: middle;
}
#Factory h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold',Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    left: 12px;
    line-height: 34px;
    position: absolute;
    top: 60px;
}
#Factory h3 em
{
    font-family: Georgia, 'Times New Roman' ,Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}



.temple .chocolat-details
{
    background: url("/~/media/Cotedor/be/files/images/histoire/details.png") center center repeat-y;
    color: #000000;
    height: 60px;
}
.temple.chocolat-slider
{
    margin: auto;
    width: 980px;
}
.temple .chocolat-slider div
{
    width: 120%;
    float: left;
    padding-right: 12px;
}

.temple .chocolat-slider .DidYoUKnow
{
    float: left;
    margin-left: 80px;
    width: 200px;
    padding-right: 20px;
}

.temple .chocolat-slider .DidYoUKnow h4
{
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    left: -30px;
    position: relative;
    top: 16px;
    width: 126%;
}
.temple .chocolat-slider .Logo
{
    width: 30%;
    float: left;
    padding-right: 30px;
}
.temple .chocolat-slider .Logo img
{
    position: relative;
    top: 10px;
}
.temple .chocolat-slider p
{
    float: left;
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 710px;
}


/*VisitAndDownload*/
#timeline-background ul li#workshop
{
    margin-left: 120px;
}
#VisitAndDownload
{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/~/media/Cotedor/be/files/images/histoire/related-category-products-bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 401px;
}
#VisitAndDownload h3
{
    color: #FFFFFF;
    font-family: 'FuturaStdBold' ,Arial,sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
    padding-top: 70px;
    width: 100%;
}
#VisitAndDownload .vistdiv
{
    width: 980px;
    margin: auto;
}
#VisitAndDownload .vistdiv .Visit
{
    width: 45%;
    float: left;
    /*margin-left: 60px;*/
}
#VisitAndDownload .vistdiv .Download
{
    float: left;
    margin-left: 137px;/*
    margin-left: 77px;*/
    width: 41%;
}
#VisitAndDownload .Download p
{
    color: #4C0600;
    left: 0;
    margin-left: -20px;
    padding-left: 0;
}
#VisitAndDownload .Visit p
{
    /*margin-left: -15px;*/
    margin-top: -32px;
    position: relative;
    width: 100%;
}
#VisitAndDownload .Visit a
{
    margin-left: 2px;
    margin-top: 40px;
}

#VisitAndDownload .Download a
{
    margin-left: 2px;
    margin-top: -20px;
}
#VisitAndDownload .Download .imageRight
{
    margin-left: 325px;
    top: 28px;
}

.histoire div div.slider-left {
background: url(/~/media/Cotedor/be/files/images/histoire/detailsleft.png) no-repeat center;
cursor: pointer;
left: 0;
position: absolute;
top: 0;
width: 12px;
}

.histoire div div.slider-left.disabled {
background-position: -20px center;
}

.histoire div div.slider-right {
background: url(/~/media/Cotedor/be/files/images/histoire/detailsright.png) no-repeat center;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
width: 12px;
}

/* For Temple page css end*/

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/Internet Explorer/Default.css" rel="stylesheet" />