/**Font******/
@font-face {
    font-family: Amaranth-Regular;
    src: url(font/Amaranth-Regular.ttf);
}

/***************** 1 Reset ************************/
body{
    min-width:340px;background:url(../img/background/bk.gif) bottom fixed no-repeat;background-size: 100%;background-color: #89befa;
    margin: 0;
    padding: 0;
    border: 0;
    font-size:20px; font-family: Amaranth-Regular,"New York", serif;
    vertical-align: baseline;
    text-decoration: none;
}
h1{font-size:30px;margin-bottom: 20px;}
h2{font-size:26px;margin-bottom: 15px;}
h3{font-size:24px;margin-bottom: 10px;}
h4{font-size:20px;margin-bottom: 5px;}
h5{font-size:18px;margin-bottom: 3px;}
h6{font-size:14px;margin-bottom: 2px;}
a{color:#ff263c;text-decoration: underline;}

html {
height: 100%;

}

/****************** 2 nav ************************/
#nav{height:80px;width:100%;position: fixed;top:0;left:0;padding: 0;margin: 0;background: url(../img/bar/bar04.png) left repeat-x;z-index:800;  }
    #nav a{text-decoration: none;font-size:18px;}
    #nav #tools {display: inline-block;width: 150px;height: 30px;position: absolute;margin-left:50px;}
    #nav ul{list-style: none;text-align: center;}
    #nav #menu{width:1044px;margin: auto;height: 100%;background: url(../img/bar/bar01.png) left no-repeat;}
        #nav #menu .menu-item,#nav #menu .menu-link{line-height:50px;display:inline;padding:16px 0px 16px 0px;margin:0;margin-left: -1px;color:#eee;background: rgba(255,255,255,0.1);} 
        .sub-menu{display:inline-block;transition:1s;visibility: hidden;line-height:normal;position:absolute;z-index:3;top:53px;background:url(../img/background/wood2.jpg);
                    border-radius: 0px 0px 5px 5px;
                    padding:3px;margin-left:-1px;border: solid #000 1px; border-top: solid 1px #000;padding-right:12px;}
            .sub-menu li{color:#eee; list-style: disc; margin-left: 20px;padding-left:5px;padding-right:5px;text-align: left; }
                .sub-menu li:hover{text-decoration: underline;color:#000;transition:color 1s;}
                    .sub-menu a{color:#eee;padding:  0;}
                    .sub-menu a:hover{color:#000;transition:color 1s; }
            .menu-item, .menu-link{border-right: #000 solid 1px;border-left:#000 solid 1px;}
            .menu-item .title{color:#eee;}
            .menu-item a{color:#eee;padding:10px 17px 10px 17px;}
            .menu-item:hover .title{color:#000;transition:color 1s;}
            .menu-item:hover .sub-menu{visibility: visible;}
                .menu-item_nv2{padding-right: 10px;margin: 0;clear: both;width: 90%;background: url(../img/arrow.png) no-repeat right; background-size:20%;
                                background-origin: content-box;margin-left:30px;}
                .sub-menu a{color:#eee;padding:  0;}
                .menu-item .menu-item_nv2:hover .sub-menu2{visibility: visible;}
                .menu-item .menu-item_nv2 .sub-menu2{display: inline-block;position: absolute;margin: 0;padding: 5px 0 5px 0;left:100%;visibility: hidden;
                                                    background:url(../img/background/wood2.jpg);z-index:3;border: solid #000 1px;margin-top:-6px;
                                                    border-radius: 5px;white-space:nowrap;}                               
                .menu-item .menu-item_nv2 .sub-menu2 li{list-style: none;margin: 0;margin-bottom: 10px;}
        .menu-link a{color:#eee;padding:16px 17px 15px 17px;}
        .menu-link:hover a{color:#000;transition:color 1s; }
        .menu-link:active{color:#000;} 

/***body 3***/

#body {margin-top:54px; background: none;}
@media screen and (min-width: 1330px) {
  #body {background-image: url(../img/background/title.png); background-repeat: no-repeat;  background-position: top left; background-attachment: fixed;background-position-y:70px;background-position-x:20px;}  
}
/***************** 4 footer *********************/
#footer{ height:54px;width:100%;background: url(../img/bar/bar03.png) top repeat-x;min-width:1060px;}

@media screen and (max-width: 1060px) {
   #footer {display:none;}
   body{background: #89befa;min-width:1060px;}
}

/*************************admin party****************/
#b_admin{position: fixed; top:5px; right: 5px; width: 15px; height: 15px;display:block;background:url(../img/admin/setting.png) center no-repeat;background-size: 100%;}
#admin{ z-index: 5000; width: 0px; height: 0px;border: hidden;border: 0;margin:0;overflow: hidden;position: fixed;top:0;right:0;}
#admin:target{width:100%;height:100%;background:rgba(0,0,0,0.7);top:0; right:0;overflow-y: auto;}
#admin #bac{width:0px;height:0px;position: absolute;right:5px;top:5px;color:#fff;text-decoration: overline;font-size: 0px;z-index: 5001;}
#admin:target #bac{width:15px;height:15px;font-size: inherit; transition-delay: 0.1s;}

#admin_body { width:100%; height: 100%;opacity:0;color: #fff; font-size: 18px;position: absolute;top: 0;left: 0;}
#admin:target #admin_body{transition-delay: 0.1s;opacity:1;}

#admin_body:only-child{display: none;}
#admin:target #admin_body:only-child{display: block;}

#admin_body a{color:#fff;text-decoration: none; }
#login { width: 250px; margin: 0 auto;text-align: center;margin-top: 10%;background: rgba(0,0,0,0.5); padding: 10px;border-radius:10px;position: relative;}
#error_log { width: 200px; position: absolute;left: 270px;top:0;background:rgba(200,0,0,0.5);padding: 10px;border-radius:10px;}
#admin_nav{position: absolute;top:5px;left:5px;display: block;}
#admin_content{width: 600px;margin: 0 auto;margin-top: 80px;padding: 10px;border-radius:10px;background: rgba(0,0,0,0.5);position: relative;}
/*pour IE*/
#admin legend{color:#fff;}
/*responsive*/
@media screen and (max-width: 1060px) {
#b_admin{ width: 35px; height: 35px;}
#admin:target #bac{width:35px;height:35px;right:5px;font-size:32px;}
#admin_nav{font-size:32px;}
#admin:target{width:100%;height:100%;background:rgba(0,0,0,0.7);top:0; right:0; }
}