/* chapotis.com css v6, 03.2005 */
body
        {
        margin:0;
        padding:0;
        border:0 none;
        background:#fcfcfc;
        color:#667;
        text-align:center;
        }
body, input, select, textarea, input, form, p, em.chapotis
        {
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        font-family:tahoma, Geneva, "Trebuchet MS", charcoal, helvetica, verdana ,arial, sans-serif;
        font-size:11px;
        line-height:1.6em;
        }
em
        {
        font-family:'Book Antiqua', 'Palatino Linotype', Palatino, serif;
        font-style:italic;
        letter-spacing:0.14em;
        font-size:1.2em;
        }
em.chapotis
        {
        text-transform:uppercase;
        }
label,
input#submit
        {
        letter-spacing:0.2em;
        font-family:georgia, 'times new roman', times, serif;
        text-transform:uppercase;
        color:#5c5c5c;
        }
img,
a img
        {
        border:0;
        }
p
        {
        text-align:justify;
        margin:0 0 1.4em 0;
        }
#thankyoubox
        {
        border:3px solid #710101;
        padding:0.6em 0.5em 0 0.5em;
        background:#fff;
        text-align:center;
        }
#thankyoubox p
        {
        text-align:center;
        }
p.last-para
        {
        margin-bottom:0.5em;
        }
/* styles for IE 5 Mac, it fails to vertically center */
#horizon
        {
        background-color: transparent;
        position: absolute;
        top:60px;
        left:0;
        width: 100%;
        text-align: center;
        }

/* following rules are invisible to IE 5 \*/
#horizon
        {
        top: 50%;
        margin-top: -260px;
        min-width: 600px;
        }
/* end IE 5 hack */

#contentbox
        {
        position: relative;
        width:600px;
        height:520px;
        margin:0 auto;
        padding:0;
        text-align:left;
        }
#inform #contentbox
        {
        height:auto !important;
        }
#inform #lofiphoto
        {
        width:600px;
        height:236px;
        }
/* hifi version: flash object */
object
        {
        display:block;
        padding:0;
        margin:0;
        width:600px;
        height:450px;
        border:0px none !important;
        }
/* lofi version: photograph with css dropshadow */
#lofiphotocntr
        {
        position:relative;
        width:600px;
        height:450px;
        text-align:center;
        overflow:hidden;
        }
body#inform #lofiphotocntr
        {
        height:236px;
        /* change to auto when random image script in place */
        /*heigt:auto;*/
        }
#lofiphotocntr img
        {
        border:0 none;
        }
#lofiphoto
        {
        margin:0 auto;
        padding:0;
        background:transparent url(../images/generic/barr.gif) repeat-y 100% 0;
        text-align:center;
        }
#lofitop,
#lofibot
        {
        width:100%;
        height:23px;
        text-align:left;
        overflow:hidden;
        }
#lofitop
        {
        background:transparent url(../images/generic/bart.gif) repeat-x 0 0;
        }
#lofibot
        {
        background:transparent url(../images/generic/barb.gif) repeat-x 0 0;
        }
#lofimid
        {
        width:100%;
        background:transparent url(../images/generic/barl.gif) repeat-y 0 0;
        }
#lofimid img
        {
        display:inline;
        border:0 none;
        }
#lct,
#lcb,
#rct,
#rcb
        {
        width:24px;
        height:23px;
        }
#rct,
#rcb
        {
        float:right;
        }
#lct { background:transparent url(../images/generic/cnrtl.gif) no-repeat; }
#lcb { background:transparent url(../images/generic/cnrbl.gif) no-repeat; }
#rct { background:transparent url(../images/generic/cnrtr.gif) no-repeat; }
#rcb { background:transparent url(../images/generic/cnrbr.gif) no-repeat; }
ul#lofinav
        {
        display:block;
        text-align:center;
        list-style:none;
        margin:0;
        padding:0;
        width:100%;
        height:1.6em;
        position:absolute;
        bottom:0;
        left:0;
        font-family:georgia, serif;
        }
ul#lofinav li
        {
        display: inline;
        list-style: none;
        padding:0;
        margin:0;
        border-left:1px dotted #ccc;
        text-align:center;
        }
ul#lofinav li.firstin
        {
        border-left:0px;
        }
ul#lofinav li a
        {
        text-transform:lowercase;
        font-weight:normal;
        padding:0 2px 0 5px;
        color:#696979;
        }
ul#lofinav li a.gotcha
        {
        color:#710101;
        font-weight:bold;
        }
a#flashon,
a#flashoff,
a#englishv,
a#frenchv
        {
        z-index:20;
        display:block;
        float:right;
        text-indent:-9999px;
        height:8px;
        font:6px/6px sans-serif;
        background-repeat:no-repeat;
        }
a#flashon,
a#flashoff
        {
        width:49px;
        margin:24px 46px 0 0;
        }
a#englishv,
a#frenchv
        {
        width:89px;
        margin:24px 20px 0 0;
        }
a#englishv,
a#frenchv
        {
        /*background-image:url(../images/generic/languagev.gif);*/
        }
a#flashon,
a#flashoff
        {
        background-image:url(../images/generic/flashonoff.gif);
        }
a#englishv,
a#flashon
        {
        background-position:0 0;
        }
a#flashon:hover,
a#englishv:hover
        {
        background-position:0 -10px;
        }
a#frenchv,
a#flashoff
        {
        background-position:0 -20px;
        }
a#frenchv:hover,
a#flashoff:hover
        {
        background-position:0 -30px;
        }
h2
        {
        font:300 normal 16px "JIMMY1","Helvetica Light",helvLight,Arial,Helvetica,sans-serif;
        line-height:16px;
        letter-spacing:0.1em;
        text-transform: uppercase;
        color: #AB6666;
        margin:9px 0 0.4em 0;
        padding:36px 0 0 0;
        text-indent:-9999px;
        overflow:hidden;
        background-image:url(../images/generic/headers_jimmy1.gif);
        background-repeat:no-repeat !important;
        height:0px !important;
        height /**/:36px; /* IE5.x win box model hack */
        }
h3
        {
        font:300 12px/13px georgia, times, serif;
        letter-spacing:0.2em;
        text-transform:uppercase;
        text-align:center;
        margin:0 auto 1.4em auto;
        color:#333;
        }
h2#t_intro
        {
        background-position:-4px -10px;
        }
h2#t_pour
        {
        background-position:-3px -154px;
        margin-top:29px;
        }
h2#t_introeng
        {
        background-position:0 -174px;
        }
h2#t_poureng
        {
        background-position:-3px -154px;
        margin-top:29px;
        }
h2#t_diff
        {
        background-position:-3px -82px;
        }
h2#t_arch
        {
        background-position:0 -226px;
        margin-top:21px;
        }
h1#linked
        {
        display:block;
        height:63px;
        width:400px;
        text-indent: -9999px;
        margin:0;
        padding:0;
        z-index:10;
        }
h1#linked a
        {
        display:block;
        margin: 0;
        padding: 0;
        border:0;
        width: 400px;
        height: 63px;
        text-decoration: none;
        background:url(../images/generic/chapotis-logo-r.gif) no-repeat 6px -6px;
        }
h1#linked a:hover
        {
        background-position:6px -93px;
        }
div#frontpage
        {
        margin:0;
        border:0;
        text-align:left;
        padding-left:15px;
        padding-top:4px;
        }
div#frontpage a:hover
        {
        text-decoration:underline;
        }
div#leftcol
        {
        margin:0;
        border:0;
        text-align:left;
        z-index:2;
        background:transparent url(../images/generic/frontpageshadowtop.gif) no-repeat 100% 0;
        width: 326px;
        float:left;
        }
div.lcp
        {
        padding-right:30px;
        }
div.rcp
        {
        padding-left:3px;
        }
div#lastblurb
        {
        width:100%;
        background:transparent url(../images/generic/frontpageshadowbot1.gif) no-repeat 100% 100%;
        }
div#lastblurb p
        {
        margin:0;
        }
div#rightcol
        {
        margin:0;
        border:0;
        text-align:left;
        z-index:1;
        width: 245px;
        color:#696979;
        float:left;
        }
#rightcol ul
        {
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
        list-style: none;
        }
#rightcol ul li
        {
        padding-left: 20px;
        background-image: url(../images/generic/bullet.gif);
        background-repeat: no-repeat;
        background-position: 0 0.6em;
        }
div#photobg
        {
        width:100%;
        height:230px;
        background:transparent url(../images/generic/photobg.gif) no-repeat 0px 0;
        padding:0;
        margin:0;
        border:0;
        text-align:left;
        }
div#photobg img
        {
        border:0;
        margin:20px 0 0 16px;
        }
div#footer
        {
        clear:both;
        font-size:0.85em;
        color:#777;
        text-align:left;
        padding-top:40px;
        padding-bottom:20px;
        }
div#footer a
        {
        font-weight:normal;
        }
div#footer a:hover
        {
        text-decoration:none;
        }
#navlist
        {
        display:block;
        float:right;
        width:68px;
        height:52px;
        padding:0;
        margin:10px 6px 0 0;
        border:0 none;
        z-index:30;
        }
#navlist li
        {
        list-style: none;
        display:block;
        float:left;
        width:16px;
        height:52px;
        margin:0;
        padding:0;
        }
#navlist li a
        {
        display:block;
        width:16px;
        height:52px;
        margin:0;
        text-decoration:none;
        text-indent:-1000em;
        border:0 none;
        background-image:url(../images/generic/navsprite.gif);
        background-repeat:no-repeat;
        }
#fem
        {
        background-position: 0 0;
        }
#fem:hover,
body#ladies #fem
        {
        background-position: 0 -52px;
        }
#men
        {
        background-position:-17px 0;
        }
#men:hover,
body#mens #men
        {
        background-position:-17px -52px;
        }
#ctc
        {
        background-position:-34px 0;
        }
#ctc:hover,
body#contact #ctc
        {
        background-position:-34px -52px;
        }
#inf
        {
        background-position:-51px 0;
        }
#inf:hover,
body#inform #inf
        {
        background-position:-51px -52px;
        }
a:link,
a:visited
        {
        font-weight:bold;
        color: #710101;
        text-decoration: none;
        }
a:hover
        {
        color: #000;
        text-decoration: none;
        }
a:focus
        {
        outline: none;
        color: #000;
        text-decoration: none;
        }
a:active
        {
        color: #000;
        text-decoration: none;
        }
div.clear
        {
        clear: both;
        }
label span
        {
        color:#ff0000;
        }
form
        {
        display:block;
        width:300px;
        margin:0 0 0 46px;
        padding:0;
        }
form.inlined
        {
        width:200px;
        margin:0 0 0 0;
        }
form p
        {
        text-align:center;
        margin:0 0 5px 0;
        }
form p em
        {
        color:#ab7676;
        font-size:1.2em;
        letter-spacing:0px;
        line-height:2.0em;
        }
#contactu,
#contacted
        {
        width:600px;
        padding-top:50px;
        }
#contactu
        {
        background:transparent url("../images/generic/formbg2.gif") no-repeat 3px 0;
        }
#contacted
        {
        background:transparent url("../images/generic/formbg3.gif") no-repeat 3px 0;
        height:316px !important;
        height /**/:366px;/* */
        }
address,
#thankyou
        {
        display:block;
        height:1px;
        text-indent:-9999px;
        overflow:hidden;
        margin-top:-1px;
        }
#formbot
        {
        width:600px;
        height:50px;
        background:transparent url("../images/generic/formbottom1.gif") no-repeat 3px 0;
        }
form div
        {
        padding:0;
        margin-bottom:8px;
        width:300px;
        text-align:left;
        }
div.bot
        {
        margin:0;
        }
input
        {
        border:1px solid #eee;
        background:#fff;
        width:296px;
        margin:0;
        padding:0;
        }
textarea
        {
        border:1px solid #eee;
        height:207px;
        width:296px;
        margin:0;
        padding:0;
        }
input,
textarea
        {
        color:#777;
        }
input#submit
        {
        border:3px double #eee;
        color:#334;
        width:298px;
        line-height:14px;
        }
input:hover,
input:focus,
textarea:hover,
textarea:focus
        {
        border-color:#ccc;
        }
input:focus,
textarea:focus
        {
        color:#334;
        }
input#submit:hover
        {
        border-color:#ccc;
        color:#ab7676;
        }
input#submit:focus
        {
        outline:none;
        }
input.err,
textarea.err
        {
        border-color:#cdbbbb;
        }
input.err:hover,

textarea.err:hover
        {
        border-color:#cdbbbb;
        }
input.err:focus,
textarea.err:focus
        {
        border-color:#cdbbbb;
        }

/* All IE browsers */
* html .subjectlinkdiv a {
        color: #fff;
        /* IEwin browsers only \*/
        color: #000;
        /* */
}

/* Commented backslash hack v2 \*/
#navlist li a
        {
        overflow: hidden;
        }
* html body input
        {
        border-color:#ccc;
        color:#334;
        }
* html body textarea
        {
        border-color:#ccc;
        color:#334;
        }
* html body input#submit
        {
        border-color:#ccc;
        color:#334;
        }
/* end hack */