/* reset elements */

#infoContainer { position:absolute; top:50px; left:0; width:100%; padding:10px; background:transparent; }
.transON  { filter:alpha(opacity=50);-moz-opacity:.2;opacity:.2; }
.transOFF { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }

table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none; }
#div_errors ul { list-style: square; padding-left:15px; }
#div_errors li {padding:5px 7px; }
caption, th {text-align: left; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; padding:0; margin:0;}
html, body {font: 14px Arial, Helvetica, sans-serif; padding:0; margin:0; text-align:center;}
body {background: #fff url(images/bg.jpg) repeat-x top;}
a {outline:none;}
button, input, textarea, select {font: 14px Arial, Helvetica, sans-serif;}
input, textarea {border: 1px solid #A5ACB2;}
form {padding:0; margin:0;}
button {padding:0 4px;cursor:pointer; cursor:hand; width:auto;overflow:visible; font-size:11px; font-weight:bold;}
.cls {line-height:0px; font-size:0px; display:block; clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {}
/* \*/* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* . */
a { color:#1376c2;}
a:hover {text-decoration:none;}

input.checkbox {border:none; margin:0 4px 0 0; padding:0;}	
legend {display:none;}

/* text */
p {line-height:18px;}
.logo {height:51px; width:200px;}
input:hover, input:focus, textarea:hover, textarea:focus {background-color:#FFFF99;}
em, acronym {color:#f42d94;}
acronym {cursor:help;}
.image_button {border:none; background:none; padding:0; margin:0;}

.small {font-size:11px;}

/* layout */
.wrap {width:930px; text-align:left; margin:0 auto;}
#head {padding:30px 0 0 0;}
#steps {background-image:url(images/bg_in.jpg);}

.f_right {float:right;}
.f_left {float:left;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

.footer {font-size:12px; padding:10px 0 0 0; margin-top:20px; border-top:3px solid #e5f0f7; color:#7b7b7b; margin-bottom:20px;}
.footer span {float:right;}
.footer a {color:#60a0ce;}

.right_head {width:583px; float:right;}

.top_right_menu {text-align:right; height:43px; _height:52px;}
.top_right_menu li {display:inline; text-align:right; border-right:1px solid #e8e8e8; padding:5px 7px; font-size:11px;}
.top_right_menu li.contact_ico { background:url(images/contact_ico.gif) no-repeat 7px center; padding-left:27px; }
.top_right_menu li a {color:black;}
.top_right_menu li a:hover {text-decoration:none;}

.loginform {background:url(images/bg_login.gif) no-repeat right top; width:583px; height:50px; _padding-top:15px;}
.loginform li {font-size:11px; float:left;}
.loginform input {width:100px; _width:110px; margin-right:10px;  font-size:11px;}

.loginform label {margin-right:5px;}

.user_ico {background:url(images/user_ico.gif) no-repeat left center; padding-left:15px;}
.pass_ico {background:url(images/password_ico.gif) no-repeat left center; padding-left:15px;}
.plus_ico {background:url(images/plus_ico.gif) no-repeat left center; padding-left:12px;}
.back_ico {background:url(images/back_ico.gif) no-repeat left center; padding-left:12px;}

#content_area {}
#content_area h2 {font-size:24px; font-weight:normal; color:white; padding-top:34px;}
#content_area h3 {font-size:14px; font-weight:bold; color:white;}
#content_area .blue_bg h2 {padding:20px 0 0 20px;}
#content_area .f_left {height:456px; width:364px;}
#content_area .f_right {background:url(images/bg_gradient.jpg) no-repeat left top; height:456px; width:520px; padding-left:24px; }
#content_area p {color:white;}

.position_height {height:228px;}

.blue_bg { width:364px; height:229px; background:url(images/bg_blue.gif); padding:0; }

.numbers    { margin-left:0; margin-top:2em; padding-left:.5em; }
.numbers li {color:white; padding:0; margin:0; line-height:30px;}
.numbers li span {background:url(images/num_bg.gif) no-repeat center center; font-size:14px; font-weight:bold; padding:10px;}

.right_link {text-align:right;position:absolute; font-size:12px; text-align:right; width:520px; _width:500px;margin-top:34px; }
.right_link a {color:white;}
.right_link a:hover {text-decoration:none;}

.big_icons ol {padding:40px 0 0 0; margin:0;}
.big_icons ol li {float:left; text-align:center; width:33%; height:170px; _height:150px;}
.big_icons ol a {color:white; text-decoration:none; display:block;}
.big_icons ol a:hover {color:#6cbff6;}

#stages {margin-top:7px; _margin-top:6px;}
#stages ul {padding:0; margin:0;}
#stages li {float:left; width:228px; height:90px;}
#stages h2 {color:#f42d94; font-size:30px; font-weight:normal; margin:0; padding:10px 30px 0 20px;}
#stages p {padding:0 30px 0 20px; margin:0; font-size:12px;}
#stages #active_stage {background:url(images/stages_bg.gif) no-repeat left top;}
#stages #active_stage * {color:white;}
#stages .finished_step {background:url(images/stages_bg.gif) no-repeat left bottom;}
#stages .finished_step h2 {padding-left:50px;}

#stages h2 a {text-decoration:none; color:#f42d94; display:block;}
#stages p a {text-decoration:none; color:#000; display:block;}
#stages a:hover { background-color:#f42d48; }
#stages a:hover {-moz-opacity: 0.7;	opacity:.70; filter: alpha(opacity=70);}

.ajax_loader {width:520px; text-align:center; padding-top:300px; position:absolute; background:url(images/ajax-loader.gif) no-repeat center 200px;}


.tab_content ol {padding-left:15px; margin:0; margin-top:30px;}
.tab_content p {font-size:12px; line-height:16px;}

.tab_content ol li {display:block; float:left; width:60px; height:53px; margin-right:2px; }
.tab_content ol li a {display:block; width:60px; height:53px;}
.tab_content ol li a:hover, .tab_content ol li.current a {background-position:left top;}
.tab_content ol li a span {display:none;}
.tab_content .ico1 a {background:url(images/ico1_small.gif) no-repeat left bottom;}
.tab_content .ico2 a {background:url(images/ico2_small.gif) no-repeat left bottom;}
.tab_content .ico3 a {background:url(images/ico3_small.gif) no-repeat left bottom;}
.tab_content .ico4 a {background:url(images/ico4_small.gif) no-repeat left bottom;}
.tab_content .ico5 a {background:url(images/ico5_small.gif) no-repeat left bottom;}
.tab_content .ico6 a {background:url(images/ico6_small.gif) no-repeat left bottom;}

.tab_content h3 {margin:0px; padding-bottom:10px;}
.tab_content p {margin:0px;  padding-bottom:10px;}
.tab_content p.right_link {margin-top:34px;}

.tab_content_inner {height:140px;}

.tab_content_inner {background:url(images/bg_round.gif) no-repeat left top; padding:20px 20px 10px 20px;}
.tab_content .tab_content_inner * {margin:0;}


.tab_content_inner a {color:white;}
.tab_content_inner a:hover {text-decoration:none;}


.step_content { background:url(images/930px_blue_white_bg_middle.gif) repeat-y; margin:20px 0; width:930px;}
.step_content_inner {margin:0 20px; background:white; border:1px solid #e0e5e7; padding:20px;}
.blue_top {background:url(images/930px_blue_white_bg_top.gif) no-repeat; height:20px;}
.blue_bottom {background:url(images/930px_blue_white_bg_bottom.gif) no-repeat left bottom; height:20px;}

.step_content ul { padding:0; margin:0;}

.step_content ul ul { padding:0; margin-left:10px; margin-top:5px;}
.step_content input {font-size:14px; color:#0f5383; padding:3px; height:18px; line-height:18px; overflow:visible;}
.step_content label {padding:3px 10px 3px 3px; line-height:18px; height:18px; font-size:14px;}
.step_content .border {padding:0; margin:0; border-top:1px solid #e3ebf0; padding-top:10px; margin-top:10px;}
.step1_left li {padding:3px 0;}


#steps #content_area {height:78px; line-height:79px;}
#steps #content_area h1 {font-size:30px; color:white; font-weight:normal; letter-spacing:-1px; padding:0; margin:0;}

.col_1 {margin-right:0; float:left; display:inline; width:390px; _width:435px;}
.col_r {float:right; width:40%; display:inline; width:390px; _width:435px;} 


.login, .register, .help {background:url(images/step2_ico1.gif) no-repeat left top; height:80px; padding-left:70px;}
.register {background-image:url(images/step2_ico2.gif);}
.help {background-image:url(images/help_ico.gif); height:60px;}

.floated_label {display:block; float:left; text-align:right;}

.pink_button {background:url(images/button_empty.gif) no-repeat center top; line-height:39px; width:240px; text-align:center; font-size:16px; font:bold; color:white; border:none; height:39px; margin-top:20px; text-decoration:none;}
.smaller_pink {width:155px; background-image:url(images/button_empty_smaller.gif); margin-right:3px; text-decoration:none;}
.grey_button {background:url(images/grey_button.gif) no-repeat center; width:168px; height:32px; line-height:32px; color:black; font-size:16px; font-weight:bold; text-align:center; border:none; margin-top:20px; text-decoration:none; display:-moz-inline-block; margin:20px auto 0 auto;}

.yellow_back {background:#ffffe6; border-color:#e6e6ac; margin-top:20px;}

.padd_15 {padding:0; margin:0;}
.padd_15 li {padding:15px; margin:0;}
.padd_15 li.border {padding-left:15px; padding-top:15px;}

.font_18 {font-size:18px; font-weight:normal;}
.v_space {background:none; border:none; padding:inherit 0 0 0; height:0px; line-height:0; font-size:0px; padding-top:0;}
h3 small {font-weight:normal; font-size:inherit;}
.textarea {height:250px; width:90%; font-size:.8em; }
.error {background:url(images/error.gif) no-repeat left top; padding-left:140px; height:120px;}

h5 {font-size:48px; text-align:center; margin:20px 0; font-weight:bold;}
h5 em {font-weight:bold;}

.welcome {width:337px; background-image:url(images/bg_welcome.gif); text-align:center; margin-left:246px; padding:0; padding-top:15px; vertical-align:middle; height:35px; _height:50px;}
.welcome span { font-size:14px;}

.pop_head {background:url(images/pop_1.gif) no-repeat center top; width:614px; margin:0 auto;}
.pop_body {background:#fff url(images/pop_2.gif) no-repeat center bottom; width:614px; margin:0 auto;}
.pop_wrapper {padding:20px; text-align:left;}
.pop_head p, .pop_head h3  {color:white; text-align:left;}
.pop_head button {margin-bottom:20px;}
h3.tel {font-size:30px; color:#f42d94;}

.faq_content h1 {font-size:24px; font-weight:normal; color:#f42d94; margin:30px 0 5px 0;}
.faq_content h2 {font-size:18px; font-weight:normal; margin:10px 0 5px 0;}
.faq_content h3 {font-size:14px; font-weight:bold; margin:10px 0 5px 0;}
.faq_content strong, .faq_content b {font-weight:bold;}

.normal_table td, .normal_table th {font-size:14px; padding:10px; border:1px solid #ccc;}
.normal_table th {background:#f2f3f4; border-bottom-width:3px;}
.table_pink {background:#ffd5eb;}


/**/
#overlay{position:fixed; _position:absolute; top:0;  _top:expression(eval(document.body.scrollTop)); left:0; margin:0; padding:0; background:#000;
	-moz-opacity: 0.9;	opacity:.90; filter: alpha(opacity=90); width:100%; height:100%; display:block;}
#pop {position: absolute; z-index:9999; top:0; left:0; text-align:center; width:100%;}


	.over_help {margin-right:5px; cursor:help;}
	.tooltip_body { 	-moz-opacity: 0.9;	opacity:.90; filter: alpha(opacity=90); background:#ffffff; font-size:11px; color:black; padding:5px 10px; border:1px solid #e4e0ba; text-align:left; width:200px;}
	.tooltip_header { 	-moz-opacity: 0.9;	opacity:.90; filter: alpha(opacity=90); background:#fffbd6; padding:5px 10px; font-size:11px; text-align:left; border:1px solid #e4e0ba; border-bottom:none; width:200px; }

	.ok_man {background:url(images/ok.gif) no-repeat left center; padding:6px 0 6px 65px;}

#infoContainer {
position : absolute;
top : 50px; left : 0px;
width : 100%; padding : 10;
background:transparent;
}

#infoBox {
background:transparent;
}

a.info{ position:relative;  z-index:24; background-color:#ccc; color:#000;   text-decoration:none}
.info:hover { z-index:25; background-color:#ff0}
a.info span { display: none}
a.info:hover span{  display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #0cf;   background-color:#cff; color:#000; text-align: center}

.pop_head2 {background:url(images/pop_1.gif) no-repeat center top; width:614px; margin:0 auto;}
.pop_head2 p, .pop_head2 h3  {color:white; text-align:left;}
.pop_head2 button {margin-bottom:20px;}
.pop_body2 {background:url(images/pop_2.gif) no-repeat center bottom; width:614px; margin:0 auto;}

 /* gestion des erreurs */
#div_errors     { margin:.5em; padding:.3em; border:1px solid #eee; -moz-border-radius:8px; background:#ffc; color:#000; }
#div_errors h2 { margin:0; padding:0 .3em; background:transparent; color:#f00; }
