html,BODY
{
margin: 0;
padding: 0;
height: 100%;
background-color: #e8e8e8;
}

img
{
display: block;
}


/* tableau principal */


td.IHM_tit_deg
{
background-color: #e8e8e8;
height: 122px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_titdeg.gif');
}


td.IHM_tit_deg_right
{
background-color: #e8e8e8;
height: 122px;
width: 250px;
background-repeat: no-repeat;
background-position: top right;
background-image: url('images/IHM_sunlite/IHM_sun_right_tit.gif');
}

tr.IHM_tit_left_tr1
{
height: 99px;
}

tr.IHM_tit_left_tr2
{
height: 23px;
}

td.IHM_tit_deg2
{
background-color: #e8e8e8;
width: 680px;
background-repeat: repeat-y;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_front_index_bckg.gif');
}


/*tableau onglet */

td.tab_img
{
width: 5px;
height: 23px;
}

td.tab_blank
{
width: 5px;
height: 23px;
}

td.tab_unchecked_bckg
{
height: 23px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_tab_unchecked.gif');
padding-left:12px;
padding-right:12px;
}

td.tab_checked_bckg
{
height: 23px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_tab_checked.gif');
padding-left:12px;
padding-right:12px;
}
/*tableau map_order*/

td.map_order_corner
{
width: 6px;
height: 27px;
}


td.map_order_step_done
{
height: 27px;
background-repeat: repeat-x;
background-position: middle;
background-image: url('images/IHM_sunlite/IHM_frame_map_middle.png');
font-family: "Trebuchet MS";
font-size: 12px;
line-height: 13px;
font-weight:bold;
color: #5b5b5b;
}

td.map_order_step_notdone
{
height: 27px;
background-repeat: repeat-x;
background-position: middle;
background-image: url('images/IHM_sunlite/IHM_frame_map_2_middle.png');
font-family: "Trebuchet MS";
font-size: 12px;
line-height: 13px;
font-weight:bold;
color: #cccccc;
}

/* title */
td.td_title_img
{
width: 7px;
height: 28px;
}

td.td_title_bckg
{
height: 28px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_title_bckg.gif');
padding-left:3px;
padding-right:3px;
}


/* menu */

td.td_menu_title_img
{
width: 6px;
height: 23px;
}

td.td_menu_title_bckg
{
height: 23px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_menu_title_bckg.gif');
padding-left:2px;
padding-right:12px;
}


td.td_menu_centre_left
{
width: 6px;
background-repeat: repeat-y;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_menu_centre_left_bckg.gif');
}

td.td_menu_centre_bckg
{
background-color: #ffffff;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_menu_centre_bckg.gif');
padding:10px;
}

td.td_menu_centre_right
{
width: 6px;
background-repeat: repeat-y;
background-position: right;
background-image: url('images/IHM_sunlite/IHM_sun_menu_centre_right_bckg.gif');
}

td.td_menu_bas_img
{
width: 6px;
height: 6px;
}

td.td_menu_bas_bckg
{
height: 6px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_menu_bas_bckg.gif');
padding-left:8px;
padding-right:12px;
}

td.td_menu_haut_bckg
{
height: 6px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_menu_haut_bckg.gif');
padding-left:8px;
padding-right:12px;
}

/* td bouton */
td.td_form_button_right
{
width: 21px;
height: 21px;
}

td.td_form_button_left
{
width: 6px;
height: 21px;
}


td.td_form_button_bckg
{
height: 21px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/IHM_sun_formbutton_bckg.gif');
padding-left:4px;
padding-right:4px;
}

/* frame round*/
td.td_frame_round_corners
{
width: 6px;
height: 6px;
}

td.td_frame_round_left_bckg
{
width: 6px;
background-repeat: repeat-y;
background-position: top;
background-image: url('images/IHM_sunlite/frame_round_middle_left.gif');
}

td.td_frame_round_right_bckg
{
width: 6px;
background-repeat: repeat-y;
background-position: top;
background-image: url('images/IHM_sunlite/frame_round_middle_right.gif');
}

td.td_frame_round_top_bckg
{
height: 6px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/frame_round_top_bckg.gif');
}


td.td_frame_round_bottom_bckg
{
height: 6px;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/frame_round_bottom_bckg.gif');
}

td.td_frame_round_center
{
padding: 8px;
background-color: #f9f9f9;
}

td.td_frame_blank_width
{
width: 8px;
}

td.td_frame_blank_height
{
height: 8px;
}

/* question */
.td_question
{
font-family: Arial;
font-size: 14px;
line-height:18px;
color: #0099e9;
font-weight:bold;
text-decoration: none;
text-align: justify;
}

.td_reponse
{
font-family: Arial;
font-size: 12px;
line-height:18px;
color: #5b5b5b;
font-weight:bold;
text-decoration: none;
text-align: justify;
}

td.td_question_num
{
font-family: Arial;
font-size: 24px;
line-height:24px;
font-weight:bold;
color: #5b5b5b;
border-right: 1px solid #dddddd;
}

/* tableau general  */
table.disp_array
{
border-bottom: 1px solid #b4b4b4;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
background-color: #ffffff;
background-repeat: repeat-x;
background-position: top;
background-image: url('images/IHM_sunlite/deg_array_disp.gif');
}

table.disp_array_nobord
{
border-top: 0px;
}

td.disp_array_title
{
font-family: Arial;
font-size: 11px;
line-height:11px;
font-weight:bold;
color: #5b5b5b;
background-color: #e0e0e0;
text-align:center;
border-right: 1px solid #b4b4b4;
}

td.disp_array_line
{
font-family: Arial;
font-size: 11px;
line-height:11px;
font-weight:normal;
color: #5b5b5b;
text-align:justify;
border-top: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
}

/* tableau menu histo */

.array_histo_menu_q
{
font-family: Arial;
font-size: 9px;
line-height:9px;
font-weight:bold;
color: #0098e9;
text-align:justify;
border-right: 1px solid #b4b4b4;
}

.array_histo_menu_r
{
font-family: Arial;
font-size: 9px;
line-height:9px;
font-weight:bold;
color: #5b5b5b;
padding-left: 12px;
text-align:justify;
border-right: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
}

/*------------------------------*/

a.histo_menu
{
font-family: Arial;
font-size: 9px;
line-height:11px;
font-weight:bold;
color: #0098e9;
text-decoration: none;
}

a.histo_menu:hover
{
font-family: Arial;
font-size: 9px;
line-height:11px;
font-weight:bold;
color: #ff831b;
text-decoration: none;
}



.onglet_checked
{
font-family: Arial;
font-size: 12px;
line-height:12px;
font-weight:bold;
color: #5b5b5b;
text-decoration: none;
outline: 0;
}

.titlemenu
{
font-family: Arial;
font-size: 11px;
line-height:12px;
color: #888888;
font-weight:bold;
text-decoration: none;
padding-left:5px;
outline: 0;
}


.title
{
font-family: Arial;
font-size: 13px;
line-height:14px;
color: #5b5b5b;
font-weight:bold;
text-decoration: none;
outline: 0;
}


.title_price
{
font-size: 20px;
line-height:22px;
color: #ff831b;
}


.bout
{
font-family: Arial;
font-size: 11px;
line-height:12px;
color: #0099e9;
font-weight:bold;
text-decoration: none;
}


.big_size
{
font-size: 18px;
line-height:20px;
}


.medium_size
{
font-size: 14px;
line-height:16px;
}





.txt
{
font-family: Arial;
font-size: 12px;
line-height:18px;
color: #4b4b4b;
font-weight:normal;
text-decoration: none;
}


.txtsml
{
font-family: Arial;
font-size: 11px;
line-height:12px;
color: #5b5b5b;
font-weight:normal;
text-decoration: none;
}

.txtlang
{
font-family: Arial;
font-size: 11px;
line-height:12px;
color: #919191;
font-weight:normal;
text-decoration: none;
}

.select_lang
{
font-family: Arial;
font-size: 11px;
line-height:12px;
color: #eeeeee;
border:1px solid #919191;
background-color:#403f40;
font-weight:normal;
text-decoration: none;
}


.calage
{

font-family: Arial;
font-size: 6px;
line-height:6px;
color: #5b5b5b;
font-weight:bold;
text-decoration: none;
outline: 0;
}



a.prod
{
font-family: Arial;
font-size: 12px;
line-height:12px;
color: #4b4b4b;
font-weight:bold;
text-decoration: none;
outline: 0;
}


a.prod:hover
{
font-family: Arial;
font-size: 12px;
line-height:12px;
font-weight:bold;
color: #ff831b;
text-decoration: none;
outline: 0;
}


a.onglet
{
font-family: Arial;
font-size: 12px;
line-height:12px;
font-weight:bold;
color: #7b7b7b;
text-decoration: none;
outline: 0;
}


a.onglet:hover
{
font-family: Arial;
font-size: 12px;
line-height:12px;
font-weight:bold;
color: #ff831b;
text-decoration: none;
outline: 0;
}


a.menu_lk
{
font-family: Arial;
font-size: 12px;
line-height:18px;
font-weight:normal;
color: #ff831b;
text-decoration: none;
outline: 0;
}


a.menu_lk:hover
{
font-family: Arial;
font-size: 12px;
line-height:18px;
font-weight:normal;
color: #0099e9;
text-decoration: none;
outline: 0;
}


a.link_dep
{
font-family: Arial;
font-size: 14px;
line-height:18px;
color: #0099e9;
font-weight:bold;
text-decoration: none;
text-align: justify;
}

a.link_dep:hover
{
font-family: Arial;
font-size: 14px;
line-height:18px;
color: #ff831b;
font-weight:bold;
text-decoration: none;
text-align: justify;
}

/*input*/


input.txt
{
font-family: Arial;
font-size: 12px;
line-height:13px;
color: #3b3b3b;
background-color: #eeeeee;
border: 1px solid #b4b4b4;
}


select.txt
{
font-family: Arial;
font-size: 12px;
line-height:13px;
color: #3b3b3b;
background-color: #eeeeee;
border: 1px solid #b4b4b4;
}

.newsticker
{
padding:0px;
margin:0px;
}

.title_frontoff
{
font-family: Arial;
font-size: 13px;
line-height:13px;
color: #999999;
margin-top:55px;
margin-right:25px;
float:right;
}


.title_frontoff2
{
font-family: Arial;
font-size: 13px;
line-height:13px;
color: #999999;
}



/*text style
.title1sml
{
font-family: Trebuchet Ms;
font-size: 15px;
line-height:17px;
font-weight:bold;
color: #3c3c3c;
}

.title2
{
font-family: Trebuchet Ms;
font-size: 16px;
line-height:20px;
font-weight:normal;
color: #626262;
}

.txt
{
font-family: Trebuchet Ms;
font-size: 12px;
line-height:14px;
font-weight:normal;
color: #3c3c3c;
}


.txtinfo
{
font-family: Arial;
font-size: 12px;
line-height:16px;
font-weight:normal;
color: #3c3c3c;
text-align: justify;
}

.txtsml
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:12px;
font-weight:normal;
color: #3c3c3c;
}


.txtsml2
{
font-family: arial;
font-size: 9px;
line-height:9px;
font-weight:normal;
color: #76746c;

}

.txtssml
{
font-family: arial;
font-size: 8px;
line-height:8px;
font-weight:normal;
color: #000000;
text-align: center;
}

.txtcpr
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:12px;
font-weight:normal;
color: #b2a596;
}

a.title1_hlink:hover
{
font-family: Trebuchet Ms;
font-size: 16px;
line-height:26px;
font-weight:bold;
color: #6c6c6c;
text-decoration: none;
outline: 0;
}


a.title1_hlink
{
font-family: Trebuchet Ms;
font-size: 16px;
line-height:26px;
font-weight:bold;
color: #3c3c3c;
text-decoration: none;
outline: 0;
}



a.dl_hlink:hover
{
font-family: Trebuchet Ms;
font-size: 13px;
line-height:16px;
font-weight:bold;
color: #6c6c6c;
text-decoration: underline;
outline: 0;
}


a.dl_hlink
{
font-family: Trebuchet Ms;
font-size: 13px;
line-height:16px;
font-weight:bold;
color: #3c3c3c;
text-decoration: underline;
outline: 0;
}


a:hover
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:13px;
font-weight:normal;
color: #4589b7;
text-decoration: none;
outline: 0;
}





a.load
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:30px;
font-weight:normal;
color: #e0ddd4;
text-decoration: none;
outline: 0;
}


a.load2:hover
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:14px;
font-weight:normal;
color: #ffffff;
text-decoration: underline;
outline: 0;
}


a.load2
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:14px;
font-weight:normal;
color: #e0ddd4;
text-decoration: underline;
outline: 0;
}

a.load3:hover
{
font-family: Trebuchet Ms;
font-size: 10px;
line-height:10px;
font-weight:none;
color: #4589b7;
text-decoration: none;
outline: 0;
}


a.load3
{
font-family: Trebuchet Ms;
font-size: 10px;
line-height:10px;
font-weight:none;
color: #366f92;
text-decoration: none;
outline: 0;
}


.saved_conf
{
font-family: Trebuchet Ms;
font-size: 13px;
line-height:13px;
color: #e3e3e3;
}

.saved_conf_sml
{
font-family: Trebuchet Ms;
font-size: 11px;
line-height:15px;
color: #c0c0c0;
}
            */