/* reset elements */
img {border: 0;}
em, strong {font-style:normal; font-weight:normal; }
ol, ul {list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size:100%; padding:0; margin:0;}
html, body { font:normal 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; color:#1376c2;}
a:hover { text-decoration:none;}
p       { line-height:18px; }
em      { color:#f42d94;}
.cls {line-height:0; font-size:0; display:block; clear:both; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {}
/* \*/* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* layout */
#wrap {width:930px; text-align:left; margin:0 auto;}

/* header */
#head {padding:30px 0 0 0;}
.f_right  { float:right; }
.f_left   { float:left; }
.t_left   { text-align:left; }
.t_right  { text-align:right; }
.t_center { text-align:center; }

.logo   { height:51px; width:200px; }
.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:transparent; width:583px; height:50px; }

/* content */
#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 p           { 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; }

.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 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;}

.tab_content ol   { padding-left:15px; margin:0; margin-top:30px;}
.tab_content li   { display:block; float:left; width:60px; height:53px; margin-right:2px; }
.tab_content li a { display:block; width:60px; height:53px;}
.tab_content li a:hover, 
.tab_content li.current a { background-position:left top;}
.tab_content li a span { display:none;}
.tab_content li.ico1 a { background:url(images/ico1_small.gif) no-repeat left bottom;}
.tab_content li.ico2 a { background:url(images/ico2_small.gif) no-repeat left bottom;}
.tab_content li.ico3 a { background:url(images/ico3_small.gif) no-repeat left bottom;}
.tab_content li.ico4 a { background:url(images/ico4_small.gif) no-repeat left bottom;}
.tab_content li.ico5 a { background:url(images/ico5_small.gif) no-repeat left bottom;}
.tab_content li.ico6 a { background:url(images/ico6_small.gif) no-repeat left bottom;}
.tab_content h3 { margin:0; padding-bottom:10px;}
.tab_content p  { margin:0; padding-bottom:10px; font-size:12px; line-height:16px;}
.tab_content p.right_link  { margin-top:34px;}
.tab_content_inner         { height:140px; background:url(images/bg_round.gif) no-repeat left top; padding:20px 20px 10px 20px;}
.tab_content_inner *       { margin:0; }
.tab_content_inner a       { color:#fff; }
.tab_content_inner a:hover { text-decoration:none; }

/* connexion */
#stages    { margin-top:7px; padding:0; }
#stages ul { padding:0; margin:0;}
#stages li { float:left; width:228px; height:90px; padding-left:15px; background:url(images/stages_bg.gif) no-repeat left top; color:white; }
#stages a  { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#f42d94; color:#fff; width:160px; height:20px; padding:10px; font-size:18px; text-align:center; text-decoration:none; }

/* footer */
.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;}
