/* common */
html{height:100%;width:100%}
body { margin:0 auto; width:100%; height:100%; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#103b68; background-color:#ffffff; }
a {color:#ff9c00; font-size:16px; line-height:16px; font-weight:bold; text-decoration:none; }
a:hover {color:#cccccc; font-size:16px; line-height:16px; font-weight:bold; text-decoration:none; }
img {border:0;}
h1 { }
h2 { }
td {height:20px; padding:0 0 12px 10px;}
form {margin:0; padding:0; }
input.text_field {width:240px; height:16px; border:1px solid #7c7c7c; padding-left:2px; }
input.smaller {width:16px;  height:14px; }
input.small {width:20px;  height:14px; font-size:10px; }
select {font-size:11px; margin-right:4px; }

.clearboth {clear:both; height:0; }
.fltleft {display:block; float:left; text-align:left; }
.fltright {display:block; float:right; }

.white {color:#767676; }
.font11 {font-size:11px; color:#767676; }
.font13 {font-size:13px; color:#767676;}
.font13_bold {font-size:13px; font-weight:bold; color:#767676;}
.font16_bold {font-size:16px; font-weight:bold; color:#767676;}
.button_step {padding-top:10px; color:#767676;}
.error {margin-right:3px; color:#ff0000; }
/* .error {margin-right:3px; padding:2px; background-color:#ffe3e3; color:#ff0000; border:2px solid #ffb9b9; } */

/* main */
div.main_blue, div.main_white {width:772px; height:437px; margin:120px auto 100px auto; z-index:2; position:relative;}
div.main_blue {background-image:url(../images/bg_blue.jpg); }
div.main_white {background-image:url(../images/bg_white.jpg); }
div.block_left {display:block; float:left; width:453px; text-align:left;  }
div.block_left_content {display:block; float:left; height:350px; padding:20px 15px 10px 15px; }
div.block_next {height:25px; padding-left:10px;}
div.block_right {display:block; float:left; width:319px; }

div.block_options {width:405px; max-height:300px; padding:8px; border:1px solid #d2dae3; background-color:#ffffff; overflow:auto; }
div.block_radio {display:block; float:left; width:17px; margin:0 8px 0 0; padding:4px 0 8px 0; }
div.block_option_text {display:block; float:left; width:321px; margin:0 4px 8px 0; padding:8px; background-color:#f8f0e6; }
div.block_camera {display:block; float:left; width:20px; padding:8px 0; }

div.block_radio_smaller {display:block; float:left; width:18px; margin:0 8px 0 0; }
div.block_option_text_smaller {display:block; float:left; width:328px; margin:0 4px 4px 0; padding:4px; background-color:#f8f0e6; }
div.block_camera_smaller {display:block; float:left; width:20px; padding:4px 0 0 0; }

div.block_half {display:block; float:left; width:194px; }
div.block_option_text_half {display:block; float:left; width:130px; margin:0 4px 4px 0; padding:4px; background-color:#f8f0e6; }

/* steps */
div.intro_link {margin-left:-25px}
div.step_01, div.step_02, div.step_03, div.step_04, div.step_05, div.step_06, div.step_07, div.step_08, div.step_09 {height:32px; background-repeat:no-repeat; }
div.step_01 {background-image:url(../images/etapes_01.jpg); }
div.step_02 {background-image:url(../images/etapes_02.jpg); }
div.step_03 {background-image:url(../images/etapes_03.jpg); }
div.step_04 {background-image:url(../images/etapes_04.jpg); }
div.step_05 {background-image:url(../images/etapes_05.jpg); }
div.step_06 {background-image:url(../images/etapes_06.jpg); }
div.step_07 {background-image:url(../images/etapes_07.jpg); }
div.step_08 {background-image:url(../images/etapes_08.jpg); }
div.step_09 {background-image:url(../images/etapes_09.jpg); }
a.step, a.step:hover, a.step_slct, a.step_slct:hover {display:block; float:left; width:48px; height:21px; padding-top:9px; text-align:center; }
a.step_slct, a.step_slct:hover {color:#cccccc; }

div#background {
    position : fixed;
    height   : 100%;
	width    : 100%;
	overflow : hidden;
	z-index  : 1;
	top      : 0;
	left:0;
}

div#background div {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 8;
    opacity  : 0.0;
    background-color: transparent;
}

div#background div.active {
    z-index : 10;
    opacity : 1.0;
}

div#background div.last-active {
    z-index : 9;
}

div#background div img {
    display : block;
    border  : 0;
}