/* Navigation CSS */
#topnav{
    display:block;
    float:right;
    width:630px;
    margin:0;
    padding:5px 0 5px 14px;
}

#topnav ul{
    margin:0;
    padding:0;
    list-style:none;
}

#topnav ul li ul{display:none;}

#topnav ul li.active ul{
    display:block;
    width:100%;
    float:left;
    margin-top:18px;
    padding-top:18px;
    border-top:1px dotted #F7F0D6;
}

#topnav ul li{display:inline; margin-right:35px;}
#topnav ul ul li{margin-right:25px;}
#topnav li.last{margin-right:0;}

#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:hover{
    color:#F7F0D6;
    background-color:#A1680D;
    font-size:14px;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

#topnav ul ul li a:link, #topnav ul ul li a:visited, #topnav ul ul li a:hover{
    color:#FFFFFF;
    background-color:#A1680D;
    font-size:12px;
    font-weight:normal;
}

#topnav ul li.active a, #topnav ul li.active li.active a{
    color:#F5B741;
    background-color:#A1680D;
}

#topnav ul li a:hover, #topnav ul li.active a:hover, #topnav ul li.active li.active a:hover{
    color:#FF6600;
    background-color:#A1680D;
}

/* Forms CSS */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}

/* ----------------------------------------------Search Form-------------------------------------*/

#topbar input{
    display:block;
    float:left;
    width:229px;
    margin:0 5px 0 0;
    padding:5px;
    color:#E4DFCA;
    background-color:#A1680D;
    border:1px solid #F7F0D6;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

#topbar input#go{
    width:auto;
    height:auto;
    margin:0;
    padding:4px;
}

/* ----------------------------------------------Forms in Content Area-------------------------------------*/

#container #respond{display: block; width:100%;}

#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}

#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}

#container #respond p{margin:5px 0;}

#container #respond #submit, #container #respond #reset, #action {
    margin:0;
    padding:5px;
    color:#666666;
    background-color:#F7F7F7;
    border:1px solid #CCCCCC;
}

/* ----------------------------------------------Newsletter-------------------------------------*/


#footer form{
    display:block;
    width:300px;
    margin:0;
    padding:0;
    border:none;
}

#footer input{
    display:block;
    float:left;
    width:245px;
    margin:0 5px 0 0;
    padding:5px;
    color:#666666;
    background-color:#FFFFFF;
    border:1px solid #D4D4D4;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

#footer input#news_go{
    width:auto;
    height:auto;
    margin:0;
    padding:4px;
}

/* Tables CSS */
table{
    width:100%;
    border-collapse:collapse;
    table-layout:auto;
    vertical-align:top;
    margin-bottom:15px;
    border:1px solid #CCCCCC;
}

table thead th{
    color:#FFFFFF;
    background-color:#666666;
    border:1px solid #CCCCCC;
    border-collapse:collapse;
    text-align:center;
    table-layout:auto;
    vertical-align:middle;
}

table tbody td{
    vertical-align:top;
    border-collapse:collapse;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
}

table thead th, table tbody td{
    padding:5px;
    border-collapse:collapse;
}

table tbody tr.r1{
    color:#666666;
    background-color:#F7F7F7;
}

table tbody tr.r0{
    color:#666666;
    background-color:#E8E8E8;
}

/* File: Layout CSS */
body{
    margin:0;
    padding:0;
    font-size:13px;
    font-family:verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    background-color:#000000;
}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
    position:relative;
    float:left;
    width:100%;
    margin:0;
    text-align:left;
}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
    margin:0 0 20px 0;
    padding:0;
    font-size:22px;
    font-weight:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-transform : capitalize;
}

.col1{color:#F7F0D6; background-color:#2A2720;}
.col2{color:#FFFFFF; background-color:#A1680D;}
.col3, .col3 a{color:#A1680D; background-color:#E4DFCA;}
.col4{color:#666666; background-color:#F3F0E2;}
.col4 a{color:#A1680D; background-color:#F3F0E2; border-bottom:1px dotted #A1680D;}
.col5{color:#111; background-color:#A1680D;}
.col5 a {color:#222;}
.col6, .col6 a{color:#CCCCCC; background-color:#000000;}

/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #header, #breadcrumb, #container, #footer, #copyright{
    position:relative;
    margin:0 auto 0;
    display:block;
    width:960px;
}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
    padding:10px 0;
}

#search{
    display:block;
    float:right;
    width:285px;
    margin:0;
    padding:0;
}

#quickcont{
    display:block;
    float:left;
    margin-top:6px;
}

#quickcont ul{
    margin:0;
    padding:0;
    list-style:none;
}

#quickcont li{
    display:inline;
}

/* ----------------------------------------------Head-------------------------------------*/

#header{
    padding:15px 0;
}

#header h1, #header p, #header ul, #header a{
    margin:0;
    padding:0;
    list-style:none;
    line-height:normal;
    border:none;
    font-family:Georgia, "Times New Roman", Times, serif;
}

#logo{
    display:block;
    position:relative;
    float:left;
    width:310px;
    height:78px;
    margin:0;
    padding:2px 0 0 0;
    font-size:16px;
    border-right:1px solid #FFFFFF;
}

#logo h1 a{
    font-size:36px;
    color:#2B1B15;
    background-color:#A1680D;
}

#logo p{
    margin-top:12px;
}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
    padding:15px 0;
}

#breadcrumb ul{
    margin:0;
    padding:0;
    list-style:none;
}

#breadcrumb ul li{display:inline;text-transform : capitalize;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/

#container{
    padding:30px 0;
    min-height: 500px;
    _height: 500px;
}

#container h2{padding-bottom:8px; border-bottom:1px dotted #666666;}

/* ----Homepage Services----*/

#container #services{
    display:block;
    width:100%;
    margin:0 0 25px 0;
    padding:0 0 30px 0;
    border-bottom:1px solid #BBBBBB;
}

/* Homepage Block */

#services a{
    color:#A1680D;
    background-color:#E4DFCA;
    border:none;
}

#services ul, #services h2, #services p{
    margin:0;
    padding:0;
    list-style:none;
}

#services li{
    display:block;
    float:left;
    width:250px;
    height: 435px;
    margin:0 30px 0 0;
    padding:20px 25px;
    color:#2E271D;
    background-color:#E4DFCA;
}

#services li.last{
    margin-right:0;
}

#services li p{
    line-height:1.6em;
}

#services li div.imgholder{
    display:block;
    width:240px;
    margin:15px 0;
    padding:4px;
    color:#A1680D;
    background-color:#FFFFFF;
    border:1px solid #A1680D;
}

#services li div.imgholder img{
    width:240px;
    border:none;
    margin:0;
    padding:0;
}

#services li h2{
    padding-bottom:8px;
    border-bottom:1px dotted #666666;
    color:#666666;
    background-color:#E4DFCA;
}

#services p.more{
    display:block;
    width:100%;
    margin-top:15px;
    font-weight:bold;
    text-align:right;
    line-height:normal;
}

/* Content */

#content{
    display:block;
    float:left;
    width:600px;
}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
    display:block;
    float:right;
    width:300px;
}

#column .flickrbox, #column .holder{
    display:block;
    width:300px;
    margin-bottom:20px;
}

.flickrbox ul{
    margin:0;
    padding:0;
    list-style:none;
}

.flickrbox li{
    display:block;
    float:left;
    width:80px;
    height:80px;
    margin:0 15px 15px 0;
    padding:4px;
    color:#A1680D;
    background-color:#FFFFFF;
    border:1px solid #A1680D;
}

.flickrbox li.last{margin-right:0;}

#column .holder p{
    line-height:1.6em;
}

#column h2{
    font-size:20px;
}

#column .holder h2.title{
    display:block;
    width:100%;
    height:65px;
    margin:0;
    padding:15px 0 0 0;
    font-size:20px;
    line-height:normal;
    border-bottom:1px dashed #666666;
}

#column .holder h2.title img{
    float:left;
    margin:-15px 8px 0 0;
    padding:5px;
    color:#A1680D;
    background-color:#FFFFFF;
    border:1px solid #A1680D;
}

#column .holder p.readmore{
    display:block;
    width:100%;
    font-weight:bold;
    text-align:right;
    line-height:normal;
}

#column div.imgholder{
    display:block;
    width:290px;
    margin:0 0 10px 0;
    padding:4px;
    color:#A1680D;
    background-color:#FFFFFF;
    border:1px solid #A1680D;
}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
    padding:20px 0;
}

#footer .footbox{
    display:block;
    float:left;
    width:300px;
    margin:0 30px 0 0;
    padding:0;
}

#footer h2{
    color:#FFFFFF;
    font-size:18px;
    font-weight:normal;
    padding-bottom:8px;
    border-bottom:1px dashed #999999;
}

#footer ul{
    margin:0;
    padding:0;
    font-weight:normal;
    list-style:none;
    line-height:normal;
}

#footer a{
    color:#A6924D;
}

#footer p.readmore{
    display:block;
    width:100%;
    font-weight:bold;
    text-align:right;
}

#footer li{
    margin-bottom:10px;
}

#footer .last{
    margin-right:0;
}

.marques img {float: left;}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
    padding:15px 0;
    text-align:right;
}

#copyright ul{
    margin:0;
    padding:0;
    list-style:none;
}

#copyright li{
    display:inline;
    margin-right:8px;
    padding-right:10px;
    border-right:1px solid #CCCCCC;
}

#copyright li.last{
    margin-right:0;
    padding-right:0;
    border-right:none;
}

/* ALIGNEMENT */
.AC { text-align: center; }
.AG { text-align: left; }
.AD { text-align: right; }
.AJ { text-align: justify; }


/**
 * KW_Msg
*/
.KW_Msg {list-style-type:none;margin:1em 0;padding:0;}
.KW_Msg_Error, .KW_Msg_Notice, .KW_Msg_Success, .KW_Msg_Info, .KW_Msg_Neutre {padding:.8em;margin-bottom:1em;border:1px solid #ddd;}
.KW_Msg_Error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.KW_Msg_Notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.KW_Msg_Success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.KW_Msg_Info {border-color:#009ADF; background:#BDE5F8;color:#00529B;}
.KW_Msg_Neutre {border-color:#ccc; background:#eee;color:#222;}
.KW_Msg_Error a {color:#8a1f11;}
.KW_Msg_Notice a {color:#514721;}
.KW_Msg_Success a {color:#264409;}
.KW_Msg_Info a {color:#00529B;}
.KW_Msg_Neutre a {color:#222;}

/**
 * FORMULAIRE
*/
.KW_Form fieldset > div {
    clear:left;
    position: relative;
    width:100%
}
.KW_Form label {
    font-weight:bold;
    cursor:pointer;
    float:left;
    padding:0 1%;
    text-align:right;
    width:18%;
    color:#555;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 18px */
    margin: 0 0 1.5em 0;
}
.KW_Form input[type=text], .KW_Form input[type=password], .KW_Form input[type=file], .KW_Form textarea, .KW_Form select {
    background-color:#fff;
    border:1px solid #bbb;
    float: left;
    margin: 0 0 1.5em 0;
    max-width: 79%;
}
.KW_Form input[type=text], .KW_Form input[type=password], .KW_Form textarea {width: 79%;}
.KW_Form input[type=text]:focus, .KW_Form input[type=password]:focus, .KW_Form input[type=file]:focus, .KW_Form textarea:focus, .KW_Form select:focus {border-color:#666;}

#cat-liste, #art-liste {
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0;
    text-transform : capitalize;
}
#cat-liste a {
    border: 1px solid #A1680D;
    background-color: #fff;
    display: block;
    text-decoration: none;
    padding: 5px;
    margin-bottom: .5em;
}
#cat-liste a:hover {background-color: #F7F0D6;}

#art-liste li {
    display: block;
    width: 150px;
    height: 200px;
    float: left;
}
#art-liste img {
    width:145px;
    height: 145px;
    display: block;
    margin: 2px auto;
}
#art-liste p {text-align: center;}

#art-liste a {border-bottom: none;}

#art-prix {
    font-size: 1.2em;
    font-weight: bold;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}