body {font-size:12px;font-family:"돋움",Dotum,Arial,AppleGothic,Sans-serif;color:#333;height:100%;}
img, div.element_item_a1
, div.element_item_a1j
, div.element_item_a2
, div.element_item_a2j
, div.element_item_b1
, div.element_item_b1j
, div.element_item_b2
, div.element_item_b2j,a
{ behavior:url(http://www.cyberdelf.co.kr/iepngfix.htc); }

a:link, a:visited, a:active, a:hover {text-decoration: none;color: #686868;}
body{font-family:"돋움",Dotum,Arial,AppleGothic,Sans-serif;border:0;padding:0;margin:0;width:100%;height:100%;background:url(../images/body_bg.gif) repeat-x 0 -25px; line-height:1.5em}

body#logonbox{background:#fff;}

#topmenu{width:270px; float:right; position:relative; top:30px;height:0px;right:20px; overflow:visible}
#topmenu a{color:#07284e; padding-right:10px;font-size:12px;font-family:"돋움",Arial}
#topmenu a:hover{text-decoration:underline}

#content{float:left;position:relative;padding:0;display:block;width:920px;background:url(../images/content_bg.jpg) no-repeat;}

#wrapp{position:relative;padding:0;height:110%;display:block;width:920px;margin-left:auto;margin-right:auto;}

#menu h1{position:relative;top:-38px;display:block;float:left;left:3px;margin:0;padding:0;}
#menu h1 a{display:block;height:125px;width:128px;background:url(../images/logo.gif) no-repeat 0px 12px;text-decoration:none;}
#menu h1 a span{visibility:hidden;}

#menu{position:relative;top:53px;width:865px;height:80px;background:url(../images/menu_bg.png) 125px 0 no-repeat;}

#header{position:relative;float:left;top:0px;margin: 0 35px 0px 0px; left:30px;;width:850px;height:270px;background: url(../images/world.jpg) no-repeat 5px 100px;}
#header ul{position:relative;display:block;list-style-type:none;left:0px;padding-right:0px;}
#header ul li{display:inline-block;height:11px;color:#FFFFFF;font-size:12px;font-weight:bold;float:left;text-align:center;margin: 0px;padding:0}
#header ul li.left a{height:11px;color:#FFFFFF;font-size:12px;font-weight:bold;float:left;text-align:center;width:178px; margin:0px 1px 0 1px; padding:15px 0px}
#header ul li a.current, #header ul li a:hover{background: url(../images/menu_bg_over.gif) repeat-x 0 5px }
#header ul li.left a{color:#FFFFFF;font-size:12px;font-weight:bold;text-decoration:none;}

#main{position:relative;width:850px;float:left; height:auto;margin: 0 35px 40px 0px; left:35px;}
#main h1{position:relative;display:block;width:850px; padding:0 0 10px 0;color:#07284e; margin:0 0 40px 0;; border-bottom:#07284e 3px solid; font-size:18px;}
#main p, #main ul, #main ol, #main h3,#main div.cyber,#main div.cyber p { margin:0 20px 1em 20px; }
#main img.float{float:left;padding: 0 20px 0 0}
#main div.cyber{display:block;width:820px;height:200px}

#main ul li{ list-style:disc inside; }
#main ul ol{ padding-left:25px; }

#login{display:block;float:left;position:relative;top:70px;left:160px;display:block;width:185px;height:140px;padding:15px;background:url(../images/login_bg.png);}
#login h5{display:block;color:#004493;margin:0;padding:0;letter-spacing:-2px;}
#login input{width:177px;height:19px;border:1px solid #bbb;margin-top:5px;padding:3px;}
#login button{display:block;}

strong{color:#07284e;}

#subscribe{background:url(../images/submit_btn.gif);border:0px;width:58px;height:20px;float:right;}
#retrieve{background:url(../images/id_retrieve.gif);border:0px;width:111px;height:20px;}

#vertical_slide{height:70px; width:825px; padding:0px;  position:relative; left:150px; top:0px; margin-bottom:20px; margin-top:40px;visibility:hidden;}
#vertical_slide img{position:relative;top:5px;}

table{border:0px solid #efefef; width:720px; border-collapse: collapse;margin-left:20px; }

table.main td { border: 0px solid #efefef; padding:10px; }

table td.header{ background:#aec1d5; color:#fff; border: 1px solid #efefef;  }
table tr.head td.first{ background:#86a7c9;}

table td.header strong {color:#fff}
td.center{ text-align:center; border: 1px solid #efefef; }
td{ border: 1px solid #efefef; }
table.main{float:left; width:520px; border:0px;left:90px; position:relative}

#index #header{position:relative; top:0px; width:850px; height:315px; background:url(../images/banner.jpg) no-repeat 5px 70px;}

#index strong{color:#ff7200;}


/* tabs */
h2{display:block;position:relative;left:5px;font-size:16px;color:#07284e;font-weight:bold; margin:0 0 20px 0; padding:0}

h2 small{font-weight:normal; font-size:12px; color:#999; padding-left:15px}
#index #maintabs .tabs_panel
{background:url(../images/tab_bg.png) no-repeat; position:relative; display:block; width:580px; height:257px;left:3px; padding:15px;overflow:hidden }

#index #maintabs #panel1{display:none}

#index .tabs_panel p {margin-left:5px;}
#index .tabs_panel ul li strong {color:#aaa; font-size:12px;display:block;position:relative;top:-40px}
#index .tabs_panel img.floatright {position:relative; top:-10px;}
#index .tabs_panel ul {display:block;padding:0;margin:0;}
#index .tabs_panel ul li {display:block;padding:0;margin:5px 0 0 0;list-style:none;float:left;width:145px;text-align:center}

#index #maintabs h3{position:relative;color: #07284e;font-size:12px;font-weight:normal; border-bottom:2px solid #07284e;
 display:block; margin:0;left:5px; padding:0 0 0px 0; margin:0 0 5px 0; width:607px;height:29px;}

#tab1{ background:url(../images/tab_bg.gif) 0px 0px; display:block;float:left; width:153px; height:29px;padding:0; margin:0 }
#tab2{ background:url(../images/tab_bg.gif) 207px -32px; width:207px;float:left; height:29px;padding:0; margin:0 0 0 2px }

#tab1.active{ background:url(../images/tab_bg.gif) 0px -32px; display:block;float:left; width:153px; height:29px;padding:0; margin:0 }
#tab2.active{ background:url(../images/tab_bg.gif) 207px 0px; width:207px;float:left; height:29px;padding:0; margin:0 0 0 2px }

#index a.mainpoduct1{display:block;width:145px;height:163px;background:url(../images/sample_test.png);}
#index a.mainpoduct2{display:block;width:145px;height:163px;background:url(../images/sample_test2.png);}
#index a.mainpoduct3{display:block;width:145px;height:163px;background:url(../images/sample_test3.png);}
#index a.mainpoduct4{display:block;width:145px;height:163px;background:url(../images/sample_test4.png);}

#index a.mainpoduct1_ju{display:block;width:145px;height:163px;background:url(../images/sample_test_ju.png);}
#index a.mainpoduct2_ju{display:block;width:145px;height:163px;background:url(../images/sample_test2_ju.png);}
#index a.mainpoduct3_ju{display:block;width:145px;height:163px;background:url(../images/sample_test3_ju.png);}
#index a.mainpoduct4_ju{display:block;width:145px;height:163px;background:url(../images/sample_test4_ju.png);}

#index #movie{position:absolute;background:url(../images/demo.jpg) 50% 5px no-repeat;
border:1px solid #e3e3e3;width:210px;height:242px;float:left;left:625px;top:34px;right:50px;}

#index #movie img{border:0; position:absolute; top:190px; left:30px}

#index #more_tab{position:absolute;top:12px;left:495px;}

#exams #panel2{display:none;padding:0; margin:0}
#exams #panel1{padding:0; margin:0}

#exams h3{display:block;position:relative;color: #07284e;font-size:12px;font-weight:normal; height:29px;border-bottom:2px solid #07284e; width:820px; margin:0 0 0 5px}

#exams .niveau { float:left;width:560px; border-bottom:1px solid #ddd; padding:15px 0 30px 0;position:relative; }
#exams .niveau label{font-size:32px; font-weight:bold; text-decoration:none; border:0; font-family:"Times New Roman";}
#exams .niveau label abbr{font-size:32px; font-weight:bold; text-decoration:none; border:0; font-family:"Times New Roman";}


#exams label strong, #exams #a1j label strong {font-size:38px; font-weight:bold; text-decoration:none; border:0; color:#e16000}
#exams label em, #exams label em {color:#07284e; font-style:normal;font-size:12px;font-family:Dotum}

#exams #a2 label strong, #exams #a2j label strong {color:#add005; font-style:normal}
#exams #b1 label strong, #exams #b1j label strong {color:#db60ae; font-style:normal}
#exams #b2 label strong, #exams #b2j label strong {color:#775fda; font-style:normal}
#exams #a2j label strong, #exams #a2j label strong {color:#add005; font-style:normal}
#exams #b1j label strong, #exams #b1j label strong {color:#db60ae; font-style:normal}
#exams #b2j label strong, #exams #b2j label strong {color:#775fda; font-style:normal}

#exams #panel1, #exams #panel2{position:relative; left:20px;top:0px;position:relative;}
#exams ol {margin:0; padding:0}
#exams ol li{display:block; list-style:none; padding:10px 0 15px 30px;background:#f1f6fc url(../images/puce_yellow.gif) no-repeat 22px 27px; width:320px; margin:0 0 20px 20px;border:1px solid #d7e5f2; color:#305682; font-weight:bold}

#exams ul.product{padding:0; margin:0;position:relative;}
#exams ul.product li.item{margin-right: 40px; list-style:none;width:150px; float:left;position:relative; text-align:center; top:8px;}
#exams ul.item_desc{position:relative;}
#exams ul.item_desc li{list-style:none;width:150px; float:left;position:relative;}

#exams span.price{color:#666; position:relative;top:122px;}

#exams #clone_exam_a1_1 span.price{color:#666; position:relative;top:122px;z-index:1000000; display:block}

#exams ul.item_desc li.item_class{display:none;}
#exams ul.item_desc li.item_id{display:none;}

#exams div.element_item_a1{width:145px;height:163px;background:url(../images/exams/exam_a1.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_a2{width:145px;height:163px;background:url(../images/exams/exam_a2.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_b1{width:145px;height:163px;background:url(../images/exams/exam_b1.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_b2{width:145px;height:163px;background:url(../images/exams/exam_b2.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_a1j{width:145px;height:163px;background:url(../images/exams/exam_a1j.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_a2j{width:145px;height:163px;background:url(../images/exams/exam_a2j.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_b1j{width:145px;height:163px;background:url(../images/exams/exam_b1j.png);position:relative; text-align:center; cursor:move}
#exams div.element_item_b2j{width:145px;height:163px;background:url(../images/exams/exam_b2j.png);position:relative; text-align:center; cursor:move}

#exams img.delete{display:none}
#exams img.add{margin-top:5px}

#exams #panier{display:block; float:right; width:163px;overflow:hidden; position:absolute; top:100px; left:630px;  border:1px solid #ddd;}
#exams #panier h3{display:block;background:url(../images/exams/panier.gif);width:118px;height:23px; padding:0; margin:0; color:#fff; padding:7px 0 0 45px;font-weight:bold; font-size:11px}

#exams #panier div.element_item_a1clone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a2clone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test2_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b1clone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test3_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b2clone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test4_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a1jclone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a2jclone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test2_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b1jclone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test3_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b2jclone{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test4_ju_mini.gif) no-repeat;float:left;margin-right:10px;}

#exams #panier div.element_item_a1{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a2{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test2_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b1{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test3_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b2{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test4_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a1j{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_a2j{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test2_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b1j{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test3_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier div.element_item_b2j{position:relative; top:4px;width:60px;height:67px;background:url(../images/exams/sample_test4_ju_mini.gif) no-repeat;float:left;margin-right:10px;}
#exams #panier img.delete{display:block; position:relative;top:18px;}
#exams #panier div.exam{display:block; width:140px;height:75px; padding:10px 0 8px 0; margin:0 0 0 0;position:relative; left:10px; border-bottom:1px dotted #ddd;}
#exams #panier img.add{display:none}
#exams #panier #card{position:relative; top:0px}
#exams #panier .price{position:relative; top:28px; left:69px; width:150px;display:block; text-align:left; color:#5682b6; font-weight:bold}
#exams #panier #gotomypage{text-align:center; margin-top:15px; margin-bottom:10px; color:#ff0000}
#exams #panier .item_class{display:block;}


#loginpage #loginbox{float:left; width:370px;border:5px solid #dadada; padding:10px;position:relative;left:15px;}
#loginpage #registrationform{float:left; width:370px;border:5px solid #dadada; padding:10px;position:relative; left:35px;}
#loginpage h3 strong{color:#004393; font-size:18px;font-weight:normal}

#loginpage h3{font-size:12px; color:#777; padding:0 0 10px 0; margin:10px 0 20px 10px; border-bottom:2px solid #dadada; width:350px;}

#loginpage label{display:block;float:left;background:url(../images/mypage/puce.gif) no-repeat 6px 4px;width:85px;height:20px;margin-top:5px;padding-left:15px;border:0;cursor:pointer;font-size:12px;}

#loginpage p{margin: 0 0 7px 10px;}

#loginpage input{height:16px;width:150px;border:1px solid #ccc;padding:3px;}
#loginpage input.checkbox{height:12px;width:12px;}
#loginpage .logon{height:55px;width:70px;border:0px; background:url(../images/login_btn.gif); float:right;margin-right:25px;}
#loginpage #register{height:31px;width:70px;border:0px; background:url(../images/mypage/register_btn.gif); float:left;position:relative; top:3px; left:5px;}
#overlaybx{display:none; left:0; z-index:150;position:absolute; text-align:center; margin:0 auto;padding:0;margin-top:150px; width:100%; height:100%;overflow:hidden}
#logonframebx{  height:186px;  width:415px;  border:0; padding:0;}
#logonoverlay{display:none;background-color:#000000;left:0;position:absolute;top:0;z-index:100;height:100%;opacity:0.5;filter: alpha(opacity = 50); width: 100%;/* stupid IE */}
#logonbox #loginbox{float:left; width:370px;padding:10px;position:relative;left:15px;background-color:#fff;opacity:1;z-index:1000;}
#logonbox #registrationform{float:left; width:370px;border:5px solid #dadada; padding:10px;position:relative; left:35px;}
#logonbox h3 strong{color:#004393; font-size:18px;font-weight:normal}
#logonbox h3{font-size:12px; color:#777; padding:0 0 10px 0; margin:10px 0 20px 10px; border-bottom:2px solid #dadada; width:350px;}
#logonbox label{display:block;float:left;background:url(../images/mypage/puce.gif) no-repeat 6px 4px;width:85px;height:20px;margin-top:5px;padding-left:15px;border:0;cursor:pointer;font-size:12px;}
#logonbox p{margin: 0 0 7px 10px;}
#logonbox input{height:16px;width:150px;border:1px solid #ccc;padding:3px;}
#logonbox .logon{height:55px;width:70px;border:0px; background:url(../images/login_btn.gif); float:right;margin-right:25px;}
#logonbox .retrieve{position:relative; top:-2px;height:28px;width:63px;border:0px;background:url(../images/retrieve_btn.gif);float:right;margin-right:25px;}
#logonbox #register{height:31px;width:70px;border:0px; background:url(../images/mypage/register_btn.gif); float:left;position:relative; top:3px; left:5px;}
#logonbox a#close{  display:block;  height:24px;  width:24px;  background:url(../images/mypage/close_login.gif);left:385px;top:5px;  position:absolute;  z-index:2000;}
#logonbox a#close span{display:none}
#myspace {color:#777;}
#myspace #mytabs{display:block;position:relative;padding-bottom:50px;top:0px;}
#myspace h3.tabtitle{display:block;position:relative;left:40px;font-size:16px;color:#004493;font-weight:bold;}
#myspace h3.tabtitle strong{color:#ff7200;}
#myspace .morphtabs_title {border-bottom:2px solid #07284e;position:relative;left:0px;list-style-image: none;list-style-type: none;margin: 0px;padding: 0px;height: 35px;font-size:11px;font-family:Verdana;color: #07284e;display:block;width: 835px;background:url(../images/mypage/tab_top.gif) 0px 21px no-repeat;}
#myspace .morphtabs_title li {position:relative;top:5px;float:left;background:url(../images/mypage/tab_top_disable.gif) no-repeat;padding: 8px 14px 5px 14px;margin-right:2px;cursor: pointer;height: 16px;width:145px;overflow:hidden;text-align:center;display:block;}
#myspace .morphtabs_title li.over{overflow:hidden;}
#myspace .morphtabs_title li.active{position:relative;top:5px;background:url(../images/mypage/tab_top.gif) no-repeat 0 0px;font-weight: bold;color:#fff;overflow:hidden;height: 16px;width:147px;}
#myspace .morphtabs_panelwrap {position: relative;clear: both;overflow: visible;}
#myspace .morphtabs_panel {background:url(../images/mypage/tab_bg.gif);position:relative;width:820px;top:0px;left:0px;clear:both;overflow:hidden;font-size:10px;font-family:Verdana;height:14px;padding-right:10px;padding-left:10px;padding-top:4px;padding-bottom:4px;}
#myspace .morphtabs_panel p {margin-left:5px;overflow:hidden;}
#myspace .morphtabs_archive {display: none;}
#myspace #tab_top{position: relative;height:20px;left:20px;width: 820px;}
#myspace #tab_head{position: relative;height:20px;left:20px;width: 820px;background:url(../images/mypage/tab_bottom.gif);}
#myspace #tab_foot{position: relative;height:20px;left:0;width: 840px;background:url(../images/mypage/tab_bottom.gif) -1px 0px;}
#myspace .morphtabs_panel ul.product{padding:0;margin:0;}
#myspace h5{	display:block;	width:100%;	padding:7px 0;	margin:0 0 10px 0;	font-size:12px;	font-family:Dotum;	text-align:center;}
#myspace #nouveau_test{  position:relative;  left:645px;  top:10px;}
#myspace div.inprogress ul, div.tostart ul, div.completed ul{position:relative; top:20px;}
#myspace h5.welcome {float:right; width:300px; text-align:right; height:20px; padding:0; margin:0 50px 0 0}
#myspace div.inprogress, div.tostart, div.completed{position:relative;left:30px;display:block;width:670px;padding:0 40px;height:150px;font-size:12px;margin-top:20px;border-bottom:1px solid #FFFFFF;}
#myspace div.inprogress strong{color:#ff8d06;}
#myspace div.inprogress {background:#f4f4f4 url(../images/mypage/inprogress.gif) no-repeat 100% 0; border:1px solid #dcdcdc}
#myspace div.tostart {background:#f4fbf1; border:1px solid #d2eac8}
#myspace div.inprogress h5, div.tostart h5, div.completed h5{width:400px;padding:0px;margin:0px;}
#myspace div.inprogress img, div.tostart img, div.completed img{float:left;position:relative;top:25px;}
#myspace div.inprogress img.button, div.tostart img.button, div.completed img.button{position:relative;left:80px;top:55px;}
#myspace div.inprogress ul, div.tostart ul, div.completed ul{float:left;display:block;height:120px;width:290px;list-style:none;padding:0;}
#myspace div.inprogress ul li, div.tostart ul li, div.completed ul li{border-bottom:#999 1px dotted;padding:3px 0;height:16px;font-size:11px;}
#myspace div.tostart ul li{border-bottom:#999 1px dotted;}
#myspace div.completed ul li{border-bottom:#999 1px dotted;}
#myspace div.inprogress ul li strong, div.tostart ul li strong, div.completed ul li strong{color:#777;}
#myspace div.inprogress ul li em, div.tostart ul li em, div.completed ul li em{font-style:normal;font-weight:bold;}
#myspace div.tostart ul li em{}
#myspace ul li {list-style:none;}
#myspace div.completed ul li em{}
#myspace div.inprogress ul li label, div.tostart ul li label, div.completed ul li label{  display:block;  float:left;    width:50px;	height:9px;  text-align:left;  color:#5682b6;	padding:0; font-weight:bold;	margin:0 10px 0 0;}

#myspace #registrationform{height:330px;position:relative;left:60px;}
#myspace #registrationform button{  background:url(../images/submit_btn.gif);  width:58px;  height:20px;  border:0;  cursor:pointer;}
#myspace #registrationform button{  background:url(../images/submit_btn.gif);  width:70px;  height:30px;  border:0;  cursor:pointer;}
#myspace #registrationform label{display:block;float:left;background:url(../images/mypage/puce.gif) no-repeat 6px 4px;width:78px;height:20px;margin-top:5px;padding-left:15px;border:0;cursor:pointer;font-size:12px;}
#myspace #registrationform p{display:block;width:800px;height:30px;}
#myspace #registrationform p input{float:left;height:18px;width:200px;border:1px solid #ccc;padding:3px;}
#myspace #registrationform p span{font-size:12px;float:left;display:block;height:19px;width:auto;padding: 7px 20px 0 20px;background:#f3f3f3 url(../images/mypage/form_label_bg.gif);border-right:1px solid #ccc;color:#777777;visibility:hidden;}
#myspace table{  border-collapse:collapse;  border:0px;  font-family:Arial;  margin:15px 0 0 35px;  color:#004493;  font-size:12px;}
#myspace table tr.head{	background:#bbb;	color:#fff;	font-weight:bold;}
#myspace table tr.white{	background:#fff;}
#myspace table tr td{  border-collapse:collapse;  border:1px solid #ccc;  text-align:center;  padding:10px;}
#myspace table tr td.left{  text-align:left;}
#myspace table tr td strong{	font-weight:normal;}

#faq h2{margin:20px 15px 15px 0}

#faq #all_faq p{margin:0px; display:block; border-bottom:1px dotted #aaa; padding:15px 30px; background:#f7f7f7}
#faq #all_faq strong{color:#666;display:block; border-bottom:1px dotted #aaa;font-weight:bold;  background:#fff;padding:15px 0px;}

#faq #all_faq span.question{float:left; display:block;color:#eca21c; font-weight:bold; border-right:1px solid #f6f6f6; margin:15px 10px 0 20px; padding: 0 3px; }
#faq #all_faq span.reponse{float:left; display:block;color:#eca21c; font-weight:bold; border-right:1px solid #f6f6f6; margin:15px 10px 0 40px; padding: 0; }


#contact p{margin:6px 0 24px 40px;}

#contact div.halfcol{float:left; width:420px;}
#contact div.halfcol h3{background:#5682b6 url(../images/h3_bg.gif) no-repeat 100% 0px; display:block; width:370px;padding:4px 0 4px 10px; font-size:13px;color:#fff}
#contact div.halfcol h3 strong{color:#fff}

#contact div.fullcol{float:left; width:840px;}
#contact div.fullcol h3{background:#5682b6 url(../images/h3_bg.gif) no-repeat 100% 0px; display:block; width:790px;padding:4px 0 4px 10px; font-size:13px;color:#fff; margin-top:20px}
#contact div.fullcol h3 strong{color:#fff}


#contact div.fullcol div.halfcol{float:left; width:420px; }

#contact div.halfcol strong{display: block; background:url(../images/puce_arrow_yellow.gif) no-repeat 0 4px; padding-left:10px;color:#555; font-weight:bold}

#foot{width:100%;float:left;position:relative; border-top:2px solid #e6e6e6; background:#fff;font-size:12px;}
#footer{margin:10px auto;position:relative;left:35px;width:920px;height:101px;}
#footer #logos{float:right; margin-right:60px; position:relative; top:0px; }
#footer address{float:left;display:block;width:400px; position:relative; top:0px; font-style:normal }
#footer strong{color: #686868;}
#footer a.pdf{ display:inline-block; background:url("/images/pdf_logo.gif") no-repeat; height:25px; padding-left:30px;padding-top:5px;text-decoration:underline; }
/*reset for exams*/


#tests td{padding:12px;}
#main a:link, #main a:visited, #main a:active, #main a:hover {text-decoration:underline;color: #686868;}
#loginpage #main{height:400px;}

#faq a.faq_btn{position:relative;left:20px;display:inline-block; height:22px; background:url(../images/middle2_btn.gif); width:auto; text-decoration:none;}

#faq a.faq_btn:visited,#faq a.faq_btn:over{text-decoration:none;}

#faq a.faq_btn span.left_btn{display:inline-block;float:left;height:22px;width:5px; background:url(../images/border_left2_btn.gif); margin:0; padding:0}
#faq a.faq_btn span.right_btn{display:inline-block;float:left;height:22px;width:5px; background:url(../images/border_right2_btn.gif); margin:0; padding:0;}
#faq a.faq_btn span.label{display:inline-block;float:left;height:22px; margin:0; padding:0}

#faq a.faq_btn_over{position:relative;left:20px; display:inline-block; height:22px; background:url(../images/middle_btn.gif); width:auto; text-decoration:none;color:#fff}

#faq a.faq_btn_over:visited,#faq a.faq_btn_over:over{text-decoration:none;}

#faq a.faq_btn_over span.left_btn{display:inline-block;float:left;height:22px;width:5px; background:url(../images/border_left_btn.gif); margin:0; padding:0}
#faq a.faq_btn_over span.right_btn{display:inline-block;float:left;height:22px;width:5px; background:url(../images/border_right_btn.gif); margin:0; padding:0;}
#faq a.faq_btn_over span.label{display:inline-block;float:left;height:22px; margin:0; padding:0}

#faq #all_faq{line-height:1em; border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:100px; position:relative;left:20px; top:20px; width:800px; }

#faq #faq2,#faq #faq3,#faq #faq4{ display:none; }

#cyberfrance h3, #tests h3{background:#5682b6 url(../images/h3_bg.gif) no-repeat 100% 0px; display:block; width:270px;padding:4px 0 4px 10px; font-size:13px;color:#fff}
#cyberfrance div.cyber{display:block;width:780px;height:170px; padding:20px; border:1px solid #d0ddea}
#cyberfrance div.cyber a {color:#5682b6}

#cyberfrance #main ul li{background:url(../images/puce_yellow.gif) no-repeat 2px 7px; margin:0;list-style:none; padding:0 0 0 10px  }

#cyberfrance div.cyber h3 {background:url(../images/puce_arrow.gif) no-repeat 4px 2px; font-size:13px; color:#555; display:block; float:left; width:450px; height:25px; padding:0 0 0 25px; margin:0 0 15px 0; border-bottom:1px solid #eee}

#tests #main div.para1{background:#f1f6fc; width:390px; padding:20px;margin:20px;border:1px solid #d7e5f2}
#tests #main div.para2{background:#f1f6fc; width:390px; padding:5px 20px;margin:20px;border:1px solid #d7e5f2}
#tests #main ul{margin:0;padding:0 }
#tests #main ul li{background:url(../images/puce_yellow.gif) no-repeat 2px 7px; list-style:none; padding:0 0 0 10px; line-height:1.8em  }
#tests #main ul.float li{display:inline; font-weight:bold; color:#305682; margin-left:20px}
#tests #main strong.orange{ display:block; float:left;background:url(../images/orange_label.gif)0 2px no-repeat; padding:0px 0 2px 3px; height:14px; width:24px; font-size:10px; color:#fff }

#activate{ border: 4px solid #d6e5f3; width:450px; height:120px; margin: 0 auto; background:url(../images/envelope.gif) no-repeat 40px 30px;  }
#activatesuccess{ border: 4px solid #d6e5f3; width:450px; height:180px; margin: 0 auto; background:url(../images/activate.gif) no-repeat 30px 30px;  }
#activate span{ display:block;position:relative; padding-left:20px; top:30px;left:130px; background:url(../images/puce_orange.gif) no-repeat 10px 8px;   }
#activate span.bottom{ display:block;position:relative; padding-left:20px; top:45px;left:130px }

#activatesuccess span{ display:block;position:relative; padding-left:20px; top:30px;left:130px; background:url(../images/puce_orange.gif) no-repeat 10px 8px;   }
#activatesuccess span.bottom{ display:block;position:relative; padding-left:20px; top:45px;left:130px }

#activatesuccess span.bottom a{ background:url(../images/puce_arrow.gif) no-repeat; padding-left:20px; color:#5682b6;position:relative; top:20px;}