/***********************/
/** STYLES GENERIQUES **/
/***********************/
html,
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #2D2D2D;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	height: 100%;
}

body.body_light {
    background: #000000 url(../images/bg_content_viewer.jpg) top left repeat-x;
	text-align: left;
}

.content_viewer_light {
    width: 320px;
    padding: 0px;
    margin: 0px;
}

form,
applet,
script {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

img, a img {
    border-width: 0px;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}

table {
    empty-cells: show;
    border-collapse: collapse;
}

.div_clear {
    clear: both;
    height: 1px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

/* mise en forme */
h1 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

h2 {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
}

p.viewer_tip {
    margin: 0px 5px 0px 5px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
}

td_c {
    text-align: center;
}

.img_thumb {
    width: 80px;
    height: 60px;
}

/* structure */
#conteneur,
#banner,
#scroller,
footer {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#conteneur {
    text-align: left;
    width: 800px;
}

.block_left {
    width: 370px;
    float: left;
}

.block_right {
    width: 430px;
    float: left;
}

/************/
/** BANNER **/
/************/
.bar {
    height: 15px;
    margin: 0px 0px 0px 0px;
    background: url(../images/bg_banner_top.jpg) top left repeat-x;
}

#banner table.header {
    width: 800px;
    height: 58px;
    margin: 0px 0px 0px 0px;
}

#banner table.header tr {
    vertical-align: middle;
}

#banner table.header td.header_l {
    width: 246px;
    height: 58px;
    background: url(../images/bg_banner_left.jpg) top left no-repeat;
}

#banner table.header td.header_r {
    width: 246px;
    height: 58px;
    background: url(../images/bg_banner_right.jpg) top left no-repeat;
}

#banner table.header td.header_sep {
    width: 3px;
    height: 58px;
    background: url(../images/bg_banner_sep.jpg) top left no-repeat;
}

#banner table.header td.logo {
    width: 160px;
    text-align: center;
}

#banner table.header td.agent {
    width: 145px;
}

#banner table.header td.agent p {
    margin: 0px 5px 0px 5px;
    font-size: 10px;
}

#banner .sub_menu {
    height: 22px;
    margin: 2px 0px 0px 0px;
    background: url(../images/bg_menu.jpg) top left repeat-x;
}

#banner .selection {
    height: 36px;
    margin: 1px 0px 0px 0px;
    background: url(../images/bg_banner_selection.jpg) top left repeat-x;
}

.selection .block_left,
.selection .block_right {
    height: 36px;
    color: #FFFFFF;
    font-size: 16px;
}

.selection .block_left div,
.selection .block_right div {
    height: 20px;
    line-height: 20px;
    margin: 8px 10px 8px 35px;
}

.selection select {
    height: 20px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}

a.a_services,
a.a_services:visited {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    background: #666666;
    padding: 0px 4px;
}

a.a_services:hover {
    text-decoration: none;
    color: #B4191D;
    font-size: 16px;
    background: #666666;
    padding: 0px 4px;
}


/**************/
/** CONTENTS **/
/**************/
#contents {
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 5px 0px;
    height: 333px;
}

#contents .block_left,
#contents .block_right {
    height: 333px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#contents .block_left .block_table,
#contents .block_right .block_table {
    height: 333px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

td#cell_viewer {
    width: 330px;
    padding: 10px 0px 0px 0px;
    height: 323px;
    background: url(../images/bg_content_viewer.jpg) top left repeat-x;
    vertical-align: top;
    text-align: center;
}

td#cell_photos {
    width: 430px;
    height: 269px;
    background: url(../images/bg_content_right.jpg) top left no-repeat;
}

td#cell_photos .cell_photos_contents {
    width: 400px;
    height: 250px;
    padding: 0px 0px 0px 0px;
    margin: 17px 15px 2px 15px;
    overflow: auto;
}

.block_table td.tip {
    height: 19px;
    text-align: center;
    background: url(../images/bg_content_right_tip.jpg) top left no-repeat;
}

.block_table tr.tabs {
    height: 45px;
    text-align: center;
}

tr.tabs .cell_l {
    width: 215px;
    background: url(../images/bg_content_right_tab_l.jpg) top left no-repeat;
}
tr.tabs .cell_r {
    width: 215px;
    background: url(../images/bg_content_right_tab_r.jpg) top left no-repeat;
}

.block_table tr.tabs td {
    width: 215px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    padding: 10px 0px 0px 0px;
}

a.a_tab,
a.a_tab:visited {
    text-decoration: none;
    color: #000000;
}

a.a_tab:hover {
    text-decoration: none;
    color: #666666;
}

/*********/
/** PAD **/
/*********/
table.pad_table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    background: url(../images/pad_bg.gif) top left no-repeat;
    border-collapse: collapse;
}

td a.pad_26{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 26px;
    height: 26px;
    text-decoration: none;
}

td a.pad_button_x2:link,
td a.pad_button_x2:visited {
    background: url(../images/pad_x2.jpg) no-repeat 0 0;
}
td a.pad_button_x2:hover{
    background: url(../images/pad_x2.jpg) no-repeat 0 -26px;
}
td a.pad_left:link,
td a.pad_left:visited {
    background: url(../images/pad_left.jpg) no-repeat 0 0;
}
td a.pad_left_on,
td a.pad_left:hover{
    background: url(../images/pad_left.jpg) no-repeat 0 -26px;
}
td a.pad_left_on{
    background: url(../images/pad_left.jpg) no-repeat 0 -26px;
}
td a.pad_right:link,
td a.pad_right:visited {
    background: url(../images/pad_right.jpg) no-repeat 0 0;
}
td a.pad_right_on,
td a.pad_right:hover{
    background: url(../images/pad_right.jpg) no-repeat 0 -26px;
}
td a.pad_pause:link,
td a.pad_pause:visited {
    background: url(../images/pad_pause.jpg) no-repeat 0 0;
}
td a.pad_pause_on,
td a.pad_pause:hover{
    background: url(../images/pad_pause.jpg) no-repeat 0 -26px;
}
td a.pad_right_on {
    background: url(../images/pad_right.jpg) no-repeat 0 -26px;
}


/**************/
/** SCROLLER **/
/**************/
#scroller {
    width: 800px;
    height: 110px;
    margin: 0px 0px 5px 0px;
}

#scroller .cell_scroll {
    width: 660px;
    height: 110px;
    background: url(../images/bg_scroller.jpg) top left no-repeat;
}

#scroller .content_scroll {
    position: relative;
    overflow: hidden;
    width: 660px;
    height: 75px;
}

#scroller .content_scroll .div_scroll {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 90px;
}


/************/
/** FOOTER **/
/************/
#footer {
    width: 800px;
    text-align: right;
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 0px;
    height:54px;
    background: url(/partners/seloger/images/logo_seloger.jpg) no-repeat right center;
}


a.legend,
a.legend:visited,
.div_scroll a,
.div_scroll a:visited {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

a.legend:hover,
.div_scroll a:hover {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.div_scroll img {
    width: 80px;
    height: 60px;
}