body{
 font-family: "Century Gothic", Verdana,Arial,sans-serif;
 line-height:normal;
 font-size:11px;
 background-color: #fff;
 padding: 0;
 margin-top: 6px;
 color: #6a6578;
 text-align:left;
}

.clearfix {overflow: hidden;}

a{ border: 0; color: #6a6578; text-decoration: none;}
img{ border: 0;}

#wrapper{width:900px; margin: 0 auto;}
.topline{border: none; height:10px; background:url(/images/line_top.jpg) no-repeat; margin: 4px 0;}
.middleline{border: none; height:10px; background:url(/images/line_middle.jpg) no-repeat; margin: 2px 0;}

#logo {float: left;}
.top_banner {display: block; height: 81px;}

#top_menu {position: relative; width: 602px; float: left;}
#top_menu ul {margin: 0;margin-top: 35px; font-weight: bold; list-style-type: none;padding: 0;position: absolute; right: 0; top: 25px; width: auto; }
#top_menu li {margin: 0;float: left; background-image:url(/images/menu_line.jpg); background-repeat: no-repeat; padding-left: 2px;}
#top_menu a {padding-left: 6px; padding-right:6px; height:20px; font-size:10px; font-family: verdana; }
#top_menu .mod_menu a {line-height: 20px;}

.big_menu {width:892px;height:245px;margin-left:5px;margin-right:3px;margin-top:4px;}
.big_menu * {float: left;}
.big_menu a {margin-left: 4px; width:170px; height:165px; background-repeat: no-repeat; padding-top:80px; text-align:center;}
.big_menu img { width:370px; height:245px;}

#boutique{background-image:url(/images/boutique.jpg);}
#cours{ background-image:url(/images/cours.jpg);}
#actu{ background-image:url(/images/actu.jpg);}

.bottom{ width:892px; margin: 5px 3px 0 5px;}

.sm_menu ul {margin:0; padding:0; text-align:left; width:370px; height:170px; float:left; background-image:url(/images/box_left.jpg); background-repeat: no-repeat;padding-top: 4px;}
.sm_menu li {margin-top:10px; background-repeat:no-repeat; padding-left: 58px; margin-left:9px; height:30px; padding-top:10px;list-style-type: none;font-size: 15px;}

.rose{ background-image:url(/images/fleur_f.jpg);}
.bleu{ background-image:url(/images/fleur_l.jpg);}
.gris{ background-image:url(/images/fleur_c.jpg);}

.box {width:498px;float: left; height:150px; margin-left:4px; background-repeat:no-repeat;position: relative;padding: 10px;}

.box span.title { margin-top:10px; margin-left:13px; font-size: 13px;  font-weight: bold;}

.box span.text { margin: 10px 15px 0 15px;}

.box .button { position: absolute; bottom: 10px; left: 15px; width:100px; height:25px; background-image:url(/images/click_p.jpg); background-repeat: no-repeat; text-align:center; color:#fff; line-height: 25px;}

.bottomline{
 height:10px;
 margin-top:4px;
 background-image:url(/images/line_bottom.jpg);
 background-repeat: no-repeat;
 border: none;
 margin: 10px 0;
}

#footer{
 margin-top:4px;
 font-size:10px;
 text-align:center;
}

.bottom .menu {width: 200px; float: left; }
.bottom .main {float: left;margin-left: 10px;width: 680px;}

.menu li {color: #fff;padding: 3px 10px;}
.menu a {color: #fff;font-family: "Century Gothic"; display: block;padding: 2px 3px;}

.menu .box0 ul {background: #686556 url(/images/menu0_head.jpg) no-repeat; padding-top: 45px; overflow: auto;}
.menu .box0 {background: url(/images/menu3_foot.jpg) no-repeat bottom;padding-bottom: 20px;margin-bottom: 10px;}
.menu .box0 a {font-weight: normal;font-size: 11px;  padding-left:7px;display: block;}
.menu .box0 a:hover {background-color: #999;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }


.menu .box1 ul.mod_art_category {background: #A94E7A url(/images/menu1_head.jpg) no-repeat; padding-top: 45px;overflow: auto;}
.menu .box1 {background: url(/images/menu1_foot.jpg) no-repeat bottom;padding-bottom: 20px;margin-bottom: 10px;}
.menu .box1 ul.mod_art_category li {text-align: center;font-weight: bold; background: url(/images/pink_flower.gif) no-repeat 10px 5px; padding: 0px;overflow: auto; margin: 0 2px;}
.menu .box1 ul.mod_art_category h2 {color: #fff;font-size: 12px; padding: 0px 20px;margin: 5px 0;}

.menu .box1 ul.mod_art_category li a {font-weight: bold; font-size: 11px;}
.menu .box1 ul.mod_art_category li li {text-align: left; font-weight: normal;font-size: 11px; background: none;padding: 0 7px;}
.menu .box1 ul.mod_art_category li li a {font-weight: normal;font-size: 11px;  padding-left:7px;display: block;}
.menu .box1 ul.mod_art_category ul {background: url(/images/menu1_sep.jpg) no-repeat bottom; padding-bottom: 5px; padding-bottom: 5px; width: 100%;}
.menu .box1 a:hover {background-color: #B16E91;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.menu .box2 ul {background: #54537B url(/images/menu2_head.jpg) no-repeat; padding: 45px 0 1px 0;}
.menu .box2 {background: url(/images/menu2_foot.jpg) no-repeat bottom;padding-bottom: 20px;margin-bottom: 10px;}
.menu .box2 a {font-weight: normal;font-size: 11px;  padding-left:7px;display: block;}
.menu .box2 a:hover {background-color: #81819E;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.menu .box2 ul.mod_art_category li {text-align: center;font-weight: bold;  padding: 0 7px;overflow: auto; margin: 0 2px;}

.menu .box3 div {background: #686556 url(/images/menu3_head.jpg) no-repeat; padding: 45px 0 1px 0;}
.menu .box3 {background: url(/images/menu3_foot.jpg) no-repeat bottom;padding-bottom: 20px;margin-bottom: 10px; clear:both;}
.menu .box3 p {margin:0 10px;border-bottom:1px solid #6F6D61;padding:5px 2px;color:#FFFFFF; overflow:auto; clear: both;}
.menu .box3 p.total {border:none;text-align:right;font-weight:bold;}
.menu .box3 .qty {padding-right:10px;color:#FFFFFF;font-weight:bold;float:left;}
.menu .box3 .text {float:left; width:140px; color:#fff;} 
.menu .box3 a.show_basket {background: url(/images/btn_show.jpg) no-repeat; line-height:23px; width:88px;margin:10px auto 0 auto;}
.menu .box3 a.del_items{color:#000000;font-weight:bold;font-size:15px; line-height:12px; padding:0; width:15px; float:left; text-align:center;}

.article_item {width: 679px; height: 152px; position: relative; background: url(/images/art_background.jpg); margin-bottom: 10px; }
.article_item .button {position: absolute; right: 10px; bottom: 10px;}
.article_item .price {position: absolute; right: 10px; top: 0px; background: url(/images/back_price.jpg) repeat-y; width: 90px; height: 40px; font-size: 20px; font-family: "Century Gothic"; color: #FF8533; text-align: right; padding-right: 10px;line-height: 40px;}
.article_item .price span a {color:#FF8533; line-height:15px; text-align:center; display:block; padding:10px 0 0 15px; font-size:12px;}
.article_item h1 {color: #9D4974; font-weight: bold; font-size: 15px; font-family: "Century Gothic"; position: absolute; top: 10px; left: 150px;}
.article_item .text {position: absolute; top: 40px; left: 150px;font-family: "Century Gothic"; width: 400px; height: 70px;}
.article_item .img {width: 120px; height: 120px; overflow: hidden;position:absolute; left: 15px; top: 15px; border: solid #cfcfcf 1px;}
.article_item .img img {width: 120px; }
.article_item ul {margin-top: 5px;}
.article_item ul li {display: inline;padding: 0 5px; border-left: solid 1px #9D4974;}
.article_item ul a {color: #9D4974;}
.article_item ul a:hover {text-decoration: underline;}

.cours_item {background: url(/images/bbs.jpg) no-repeat; width: 679px; margin-bottom: 20px;}
.cours_item .head {background: url(/images/bte.jpg); height: 7px;}
.cours_item .foot {background: url(/images/bfe.jpg); height: 7px;}
.cours_item .body {background: url(/images/bbe.jpg) repeat bottom;padding: 0 10px 10px 10px; position: relative;padding-bottom: 40px; padding-top: 30px;}
.cours_item h1 {color: #9D4974; font-weight: bold; font-size: 15px; font-family: "Century Gothic"; position: absolute; top: 5px; left: 10px;}
.cours_item .button {position: absolute; right: 10px; bottom: 10px;}
.cours_item h4 {font-weight: bold;margin: 5px 0;}
.cours_item p {margin-left: 180px;}
.cours_item .price {position: absolute; right: 10px; top: 0px; background: url(/images/back_price.jpg) repeat-y; width: 90px; height: 40px; font-size: 20px; font-family: "Century Gothic"; color: #FF8533; text-align: right; padding-right: 10px;line-height: 40px;}
.cours_item ul {margin-top: 5px; padding-left: 10px;}
.cours_item ul li {padding: 0 5px 0 15px; background: url(/images/bullet.jpg) no-repeat left center;}
.cours_item ul a {color: #9D4974;}
.cours_item ul a:hover {text-decoration: underline;}


form#login {position: absolute; top: 0px; right: 0px;  padding: 5px; background:url(/images/bkg_login.jpg) no-repeat;width:410px;height:60px;}
div#login {position: absolute; top: 0px; right: -7px;  padding: 5px; background:url(/images/login_back.jpg) no-repeat;width:420px;height:27px;}

#login input {color:#999999; font-size: 11px;}
#login #log {border:none; background:transparent;position:absolute;top:10px; left:16px; width: 93px;}
#login #pwd {border:none; background:transparent;position:absolute;top:10px; left:125px; width: 94px;}
#login #btn {border:none; background:transparent;position:absolute;top:6px; left:232px; background:url(/images/btn_login.jpg) no-repeat; width:39px; height:24px;}
#login #pwd_reminder {position:absolute; top:5px; right:5px; font-size:10px; color:#A94E7A;  font-weight:normal; font-family:arial; height:13px;}
#login #pwd_reminder:hover {color:#B16E91}
#login #lbl_credential {position:absolute; top:20px; left:302px;font-size:10px; color:#A94E7A;  font-weight:normal; font-family:arial;}
#login #credential {position:absolute; top:15px; left:280px;}
#login .error {font-weight: normal; position: absolute; top: 37px; text-align: left; width: 100%; left: 12px; font-size: 9px;}
#login span {color: #000; position: absolute; top: 9px; left: 5px; padding: 2px 5px; width: 240px; overflow: hidden;}
#login a {color: #000; position: absolute; right: 5px; top: 11px; font-weight: bold; font-size: 9px;}

#login #pwd_change {position:absolute; top:12px; right:10px; font-size:10px; color:#A94E7A;  font-weight:normal; font-family:arial; height:13px;}
#login #pwd_change:hover {color:#B16E91}
#login #pwd_profil {position:absolute; top:22px; right:10px; font-size:10px; color:#A94E7A;  font-weight:normal; font-family:arial; height:13px;}
#login #pwd_profil:hover {color:#B16E91}
#login .logoff {position:absolute; top:2px; right:10px; font-size:10px; color:#A94E7A;  font-weight:normal; font-family:arial; height:13px;}
#login .logoff:hover {color:#B16E91}


.mod_news {margin-top: 30px;}
.mod_news .item {position: relative; margin-left: 15px; padding: 10px 0; border-bottom: solid 1px #ccc;}
.main .body .mod_news h1 {font-weight: bold; margin-bottom: 5px; font-size: 13px;}
.main .body .mod_news h1 a {color: #A94E7A; font-size: 13px;}
.main .body .mod_news .date {position: absolute; right: 0; top: 5px; font-size: 0.7em;}
.main .body .mod_news .head {height: auto; background: none; padding-left: 15px;}
.main .body .mod_news .read_more {text-align: right;}
.main .body .mod_news .read_more a {color: #f60; font-weight: bold; text-decoration: underline; letter-spacing: 0.05em;}

div.error {color: #c00; font-weight: bold;padding: 0; margin: 0; text-align: center;}

table.order_list {width: 100%; border-collapse: collapse;}
table.order_list th {background-color: #ccc;}
table.order_list tr {border-bottom: solid 2px #eaeaea;}
table.order_list td,
table.order_list th {padding: 4px 2px; color: inherit;}
table.order_list td.col1 {width: 70px;font-weight: bold;padding-left: 20px;}
table.order_list td.col2 {width: auto;}
table.order_list td.col3 {width: 50px; text-align: right:}
table.order_list td.col4 {width: 50px; text-align: right:}
table.order_list td.col5 {width: 110px;}
table.order_list td.col6 {width: 50px;}
table.order_list td.col7 {width: 110px;}

table.order_list tr.status_v,
table.order_list tr.status_c,
table.order_list tr.status_p {background: url(/images/green_bullet.jpg) no-repeat left center;}

table.order_list tr.status_V,
table.order_list tr.status_C {background: url(/images/orange_bullet.jpg) no-repeat left center;}


table.cours_list {width: 100%; border-collapse: collapse;}
table.cours_list th {background-color: #ccc;}
table.cours_list tr {border-bottom: solid 2px #eaeaea;}
table.cours_list td,
table.cours_list th {padding: 4px 2px; color: inherit;}
table.cours_list td.col1 {width: auto;}
table.cours_list td.col2 {width: 70px;}

.hide {display:none;}
a.btn_details {color:#FFF; background-color: #F60;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-size: 9px; padding: 0 5px; }

.les_cours h5 {font-size: 13px;}
.les_cours h3 {font-size: 15px; border-bottom: solid 3px #54537B; padding: 5px; margin-bottom: 10px; background-color: #AAA9BD; color: #fff; color: #54537B;}
.les_cours dl {margin-left: 0px;margin-top: 10px;overflow: auto;margin-bottom: 10px; padding-bottom: 10px; margin-right: 20px;}
.les_cours a:hover {text-decoration: underline;}
.les_cours .files {margin-left: 20px;}
.les_cours dt {background: url(/images/bullet.jpg) no-repeat 5px center; padding: 3px 0 3px 20px; float: left; width: 164px; margin-left: 20px; border-left: solid 2px #eaeaea;}

.classic_form label {padding-right: 10px; width: 150px; float: left;}
.classic_form .buttons {margin-top: 10px; text-align: right;margin-right: 180px;}
.classic_form label.error {clear: both; display: block; width: auto; margin-left: 160px; color: #c00; line-height: 1.5em; float: none;}
.classic_form p {margin-bottom:3px;}

.tip { cursor: help; }
.tooltip { position: absolute; top: 0; left: 0; z-index: 99999; display: none; background: #fffbb3; border: 1px solid #b2b2b2; padding: 5px 10px; width: 220px; font-size: 9px; line-height: 11px; color: #4b4b4b; text-align: left; }