/* -*- mode: css; -*-  */

body
{
    background-color: #ffffff;
    text-align: center;
    font-family: FreeSans,Nimbus Sans L,helvetica,arial,sans-serif;
    font-size: 12px; 
}

a
{
  color: #00368A;
  text-decoration: none;
}
a:hover
{
  color: #000;
}

table
{
    width: 800px;
    margin: 6px auto 16px auto;
    border-collapse: collapse;
    table-layout: fixed;
    background-color:#ffffff;
}

td
{
    vertical-align: top;
}

td h1, td h3, td h4,
td p, td ul
{
    margin-top: 19px;
    margin-left: 19px;
    margin-right: 19px;
}

th
{
    word-spacing: 5px;
    font-weight: normal;
    padding-bottom: 5px;
}

.webversion
{
    word-spacing: 1px;
    color: #cdcdcd;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 16px;
}

th h1, th address
{
    float: right;
    clear: right;
}

h1, h1 a
{
    height: 64px;
    line-height: 100%;
    font-size: 64px;
    font-weight: lighter;
}
h1 img
{
    margin: 0;
}

p{
    color:black;
}

address
{
    display: block;
    width: 213px;
    text-align: right;
    font-style: normal;
    font-size: 10px;
    padding-bottom: 3px;
    margin-right: 2px;
}

td address
{
    margin-left: 19px;
    word-spacing: 5px;
}

p
{
    text-align: justify;
}
th h2
{
    margin-top: 40px;
    font-size: 20px;
}
th p
{
    margin-top: 2px;
    font-size: 13px;
}
th strong
{
    font-weight: normal;
    word-spacing:normal;
}

tbody td
{
    overflow: hidden;
    border-bottom: 8px solid #f2f2f2;
    border-top: 8px solid #f2f2f2;
}

tbody td.header{
    border-left: 8px solid #f2f2f2;
    border-right: 8px solid #f2f2f2;
}

tbody td.big
{
    /*
    width: 513px;  
    max-width: 513px;
    */
}

tbody td.empty
{
    width: 0;  
    max-width: 0;
}


td h3,
td h4
{
    margin-right: 0;
}

td.big h3,
td.big h4
{
   max-width: 490px;
}
td.small h3,
td.small h4
{
   max-width: 264px;
}

.big .english,
.big .french,
{
    width: 509px;  
}
.small .english,
.small .french,
{
    width: 283px;
}

ul.index{
    height:52px;
}

.index li
{
    float: left;
    font-size: 13px;
    margin-right: 8px;
}

h3
{
    font-size: 65px;
}

h4
{
    font-size: 20px;
    font-weight: bold;
    color:black;
}

.english,
.french
{
    clear: both;
   
}
.english p
{
    color: #9E9E9E;
   
}

.english b{
    color:black;
}

.english h4
{
    color: #9E9E9E;
}


.credits
{
    float:right;
    clear:both;
}

.twocol{
    float:left;
    clear:none;
    width:390px;
}

.image
{
    width: 245px;
    margin-top: 19px;
}
.right .image
{
    margin-right: 19px;
}
.left .image
{
    margin-left: 19px;
}

td.left{
    border-left: 8px solid #f2f2f2;
}

td.right{
    border-right: 8px solid #f2f2f2;
}

.image p
{
    background-color: #f2f2f2;
    color: #afafaf;
    line-height: 18px;
    font-size: 13px;
    margin-top: 0;
    margin-right: 0px;
    margin-left: 0px;
    padding: 2px 0 0 0;
    width: 245px;
    text-align: left;
}
.image p a
{
    background-color: #f2f2f2;
    color: #afafaf;
    vertical-align: -3px;
    margin: 2px 6px 0 6px;
}

.image p :hover
{
    color: #000;
}

.jump
{   
    float: right;
    clear: right;
    margin-top: 5px;
    margin-bottom: 19px;
    margin-right: 19px;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    padding: 0 12px 0 12px;
}

span.jump
{
    display:inline;
    float:none;
    padding: 0 12px 0 12px;
    margin-right: 0;
}
p.plus
{
    padding: 0 0 0 12px;
}


.bookmark
{
    float: right;
    clear: right;
    margin-top: 19px;
    margin-bottom: 19px;
    margin-right: 0;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    padding: 0 12px 0 12px;
    background: #999999 url(/themes/colette/images/bookmark_left.png) no-repeat;
}

.left .bookmark
{
    float: left;
    clear: left;
    margin-left: 0;
    background: #999999 url(/themes/colette/images/bookmark_right.png) no-repeat;
    background-position: top right;
}

.bookmark a
{
    color: #ffffff;
}
.bookmark a:hover
{
    color: #ffffff;
}


.women a, .women a:hover,
.men a, .men a:hover,
.street a, .street a:hover,
.music a, .music a:hover,
.culture a, .culture a:hover,
.beauty a, .beauty a:hover,
.design a, .design a:hover,
.food a, .food a:hover,
.best a, .best a:hover,
.special a, .special a:hover,
.gift a, .gift a:hover,
.discount a, .discount a:hover,
.soon a, .soon a:hover,
.style a, .style a:hover,
.favorite a, .favorite a:hover
{
    color: #ffffff;
}

.new
{
    background-color: #ED1C24;
}
.best
{
    background-color: #0067B1;
}
.women
{
    background-color: #EC008C;
}
.style
{
    background-color: #EC008C;
}
.music
{
    background-color: #7c3dbc;
}
.men
{
    background-color: #F7931E;
}
.street
{
    background-color: #FFC20E;
}
.culture
{
    background-color: #91278F;
}
.design
{
    background-color: #00A651;
}
.beauty
{
    background-color: #F17DB1;
}
.soon
{
    background-color: #B9E5FB;
}
.food
{
    background-color: #FFF200;
}
.gift
{
    background-color: #4bb1f2;
}
.discount
{
    background-color: #6dcff6;
}
.favorite
{
    background-color: #00AEEF;
}
.special
{
    background-color: #6dcff6;
}
.float_l{
    float:left;
    width:90%;
}
p.links a{
    float:left;
}
p.links a img{
    border:transparent;
}
p.links{
    clear:both;
    padding-top:20px;
    margin-bottom:30px;
}
p.links b{
    float:left;
    margin-top:4px;
    margin-right:10px;
}