/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

html{height: 100.1%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body { margin: 0 auto; background: #0F3157 url(../img/bg.jpg) repeat-x top left ; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333;}
h1{font-size: 75%; background: transparent url(../img/bg_h1.gif) no-repeat top left; width: 399px; height: 35px; color: #FFB900; text-transform: uppercase; text-align: left; padding: 6px 0 0 30px; }
h2{font-size: 105%; color: #FFB900; text-align: left; padding-top: 10px;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}
a{color: #578BBE; text-decoration: underline;}
a:hover{color: #32608D; text-decoration: none;}

/* =Links-----------------------------------------------------------------------------*/

#content a{}
#content a:hover{}
#footer a{}
#footer a:hover{}

/* =Main Nav-----------------------------------------------------------------------------*/

#menu01{width: 215px; top: 4px; right: 0; color:#CAA884; padding: 0; font-size: 6.5pt; font-weight: bold; position: absolute; font-family: Arial, Helvetica, sans-serif; }
#menu01 ul{ list-style: none; margin: 0; padding: 0; }
#menu01 ul li{ float: right; position: relative; }
#menu01 ul li a{ display: block; margin-left: 6px; margin-right: 6px; }
#menu01 ul li a:link, #menu01 ul li a:visited, #menu01 ul li a:active, #menu01 ul li a:hover{ color: #BCD5F2; text-decoration: none;}
#menu01 ul li a:hover{ color: #A9B9CB;}

#menu02{width: 241px; color:#333; font-weight: bold; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu02 ul{ list-style: none; margin: 0; padding: 0; position: relative; padding-top: 36px;}
#menu02 ul li { margin: 0; padding: 4px 0 9px 0;}
#menu02 ul li a{ padding-left: 24px;}
#menu02 ul li a:link, #menu02 ul li a:visited, #menu02 ul li a:active, #menu02 ul li a:hover{ color: #FFB900; text-decoration: none;}
#menu02 ul li a:hover{ color: #E09E00;}

.btPlus a{ float: right; display: block; height: 17px; padding: 0 8px 0 8px; background: transparent url(../img/bt_plus.gif) repeat-x  center left; color: #08213E; text-align: center; font-size: 85%;font-weight: bold; text-transform: capitalize;text-decoration: none;}
.btPlus a:hover{ background: transparent url(../img/bt_plus_roll.gif) repeat-x  center left; text-decoration: none;}

#infoBox{width: 609px; height: 66px; padding: 0; margin: 0;  }
#infoBox ul{ list-style: none; margin:0; padding: 10px 0 0 0; }
#infoBox ul li{ float: left; position: relative; width:150px; height:45px; }
#infoBox ul li a{ display: block; height:6px; padding: 30px 0 0 60px; font-size: 50%; }
#infoBox ul li a:link, #infoBox ul li a:visited, #infoBox ul li a:active, #infoBox ul li a:hover{ color: #fff; text-decoration: none;}
#infoBox ul li a:hover{ color: #fff;}

#infoBox_en{width: 609px; height: 66px; padding: 0; margin: 0;  }
#infoBox_en ul{ list-style: none; margin:0; padding: 10px 0 0 0; }
#infoBox_en ul li{ float: left; position: relative; width:150px; height:45px; }
#infoBox_en ul li a{ display: block; height:6px; padding: 30px 0 0 60px; font-size: 50%; }
#infoBox_en ul li a:link, #infoBox_en ul li a:visited, #infoBox_en ul li a:active, #infoBox_en ul li a:hover{ color: #fff; text-decoration: none;}
#infoBox_en ul li a:hover{ color: #fff;}

#noinfoBox{width: 609px; height: 5px; font-size: 70%; padding: 0; margin: 0; text-align:right; }
#setDate{
	background-color: transparent;
	border: none;
	font-size: 100%;
	color: #333;
}
#setDateIndex{
	background-color: transparent;
	border: none;
	font-size: 75%;
	color: #D8E7F8;
}
/* =Class-----------------------------------------------------------------------------*/

.left { float: left; padding: 0 5px;}
.right { float: right; padding:15px 30px 0 0;}
.hBr { text-transform: none; color: #D8E7F8;}
.bt01 a{background: transparent url(../img/bt_content_01.jpg) no-repeat top left;}
.bt01 a:hover{background: transparent url(../img/bt_content_01_roll.jpg) no-repeat top left;}
.bt02 a{background: transparent url(../img/bt_content_02.jpg) no-repeat top left;}
.bt02 a:hover{background: transparent url(../img/bt_content_02_roll.jpg) no-repeat top left;}
.bt03 a{background: transparent url(../img/bt_content_03.jpg) no-repeat top left;}
.bt03 a:hover{background: transparent url(../img/bt_content_03_roll.jpg) no-repeat top left;}
.bt04 a{background: transparent url(../img/bt_content_04.jpg) no-repeat top left;}
.bt04 a:hover{background: transparent url(../img/bt_content_04_roll.jpg) no-repeat top left;}

.bte01 a{background: transparent url(../img/bt_content_01_en.jpg) no-repeat top left;}
.bte01 a:hover{background: transparent url(../img/bt_content_01_en.jpg) no-repeat top left;}
.bte02 a{background: transparent url(../img/bt_content_02_en.jpg) no-repeat top left;}
.bte02 a:hover{background: transparent url(../img/bt_content_02_en.jpg) no-repeat top left;}
.bte03 a{background: transparent url(../img/bt_content_03_en.jpg) no-repeat top left;}
.bte03 a:hover{background: transparent url(../img/bt_content_03_en.jpg) no-repeat top left;}
.bte04 a{background: transparent url(../img/bt_content_04_en.jpg) no-repeat top left;}
.bte04 a:hover{background: transparent url(../img/bt_content_04_en.jpg) no-repeat top left;}

/* =Main Content-----------------------------------------------------------------------------*/

#wrap{width: 850px;margin: 8px auto; padding: 0; position: relative; background: #fff url(../img/bg_header_01.jpg) no-repeat top right; }

#contentWrap{width: 609px; margin: 0; padding: 212px 0 0 241px; background: transparent url(../img/bg_header.jpg) no-repeat top left; position:relative; }
#content {width: 609px; text-align:left; padding: 0px 0 0 0px; }
#content p{ color: #333; margin: 6px 22px 12px 12px; font-size: 85%; line-height: 14px; text-align: justify;}
#content td{width: 600px; color: #333; margin: 6px 22px 12px 12px; font-size: 78%; line-height: 14px; text-align: justify;}
#contentIntern {width: 609px; padding: 0 0 25px 0;}
#contentIntern p{ color: #333; margin: 6px 22px 12px 12px; font-size: 85%; line-height: 14px; text-align: justify;}
#logoTop { position: absolute; width: 200px; padding-left: 41px; left:0;top: 0;}
#contentGauche{ position: absolute; left:0; top: 112px; width: 241px; height: 373px; padding: 0; background: transparent url(../img/bg_menu_01.jpg) no-repeat top left;}
#anime { position:absolute; right: 30px; top: 278px; padding: 15px 0; background: transparent url(../img/animation_gif.gif) no-repeat top right; width: 182px; height: 193px;}
#date {position: absolute; right:228px; top: 285px; color: #D8E7F8; }
#datex {position: absolute; right:228px; top: 275px; color: #D8E7F8; }
#date p{ color: #D8E7F8; text-align:right;}

/* =Footer-----------------------------------------------------------------------------*/

#footer{width: 850px; margin: 0 auto; background: #061E3B url(../img/bg_footer.jpg) repeat-x top left; color: #c0c0b0; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; position:relative;}
#footer p{padding: 45px 0 20px 0;font-size: 100%; text-align: center; color: #5D6D7E;}
#footerMenu{width: 810px; color:#46688A; padding: 0; font-size: 105%; position: absolute; top: 20px; left: 40px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footerMenu ul{ list-style: none; margin: 0; padding: 0; }
#footerMenu ul li{ float: left; position: relative; }
#footerMenu ul li a{ display: block; margin-left: 8px; margin-right: 8px; }
#footerMenu ul li a:link, #footerMenu ul li a:visited, #footerMenu ul li a:active, #footerMenu ul li a:hover{ color: #46688A; text-decoration: none;}
#footerMenu ul li a:hover{ border-bottom: 1px #46688A solid;}

/* =Misc 1-----------------------------------------------------------------------------*/

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display: inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; }