/* CSS Document - japvoc */

p {
font-size: 16px;
text-align:justify;
color: #000000;
border: 0px;
}

.small {
font-size: 8px;
}

.big {
font-size: 50px;
}

.huge {
font-size: 72px;
}

p.porco {
font-size: 22px;
text-align:left;
color: #000000;
border: 0px;
}

.porco_furi {
position:relative;
font-size: 12px;
text-align:left;
color: #000000;
border: 0px;

}

ul {
font-size: 14px;
list-style-type: square ;
text-align:left;
color: #000000;
/*padding: 10px 0 15px 20px;
margin:0;*/
}

li {
margin-bottom:5px;
}

a:link {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a.menu:link {
color: #FFFFFF;
font-size: 14px;
text-decoration:none;
}

a:visited {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a.menu:visited {
color: #FFFFFF;
font-size: 14px;
text-decoration:none;
}

a:active {
color: #000000;
font-size: 14px;
text-decoration:none;
}

a:hover {
color: #0071BC;
font-size: 14px;
text-decoration: none;
}

a.menu:hover {
color: #000000;
font-size: 14px;
text-decoration: none;
}

div.page {width: 700px;}

div.col1 {float: left; width: 176px; height: 90px; background-color: #FFECE1;}

div.col2 {margin-left: 180px;margin-right: 6px; height: 90px; background-color: #FFDDCC ;}

div.spacer{
clear:both;
}

body {
border: 0px;

}





#cadre {
width:950px;
margin:auto;
padding:14px;
/*background-image: url("images/bg_murail2.jpg");*/
border:1px solid #000000; /* couleur du cadre */
font-family: Geneva, sans-serif;
font-size: small;
}

#logpanel {
float:right;
position: relative;


}

.tableau_item {
float:left;
position: relative;
text-align:center;
font-style: bold;
width:30px;
height:10px;
padding-top:0px;
padding-left:0px;
padding-right:10px;
padding-bottom:20px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
background-color:#05a00d;
border:1px solid #000000;
color:#000000;
}


.tableau_item_link_1 {
position: absolute; top: 13px; left: 2px;
text-align:center;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}

.tableau_item_link_2 {
position: absolute; top: 13px; left: 13px;
text-align:center;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}


.tableau_item_link_3 {
position: absolute; top: 13px; left: 22px;
text-align:center;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}


.tableau100_item {
float:left;
position: relative;
text-align:center;
/*font-style: bold;*/
width:130px;
height:110px;
padding-top:0px;
padding-left:10px;
padding-right:0px;
padding-bottom:20px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
}

.tableau100_item_sub {
float:left;
position: relative;
text-align:center;
/*font-style: bold;*/
font-size: 10px;
width:53px;
height:60px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:20px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
}


.tableau100_item_link_1 {
position: absolute; top: 25px; left: 3px;
text-align:left;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}


.tableau100_item_link_2 {
position: absolute; top: 38px; left: 3px;
text-align:left;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}

.tableau100_item_link_3 {
position: absolute; top: 51px; left: 3px;
text-align:left;
font-style: bold;
padding:0px;
margin:0px;
color:#000000;
}


.tableau100_item_link_4 {
position: absolute; top: 65px; left: 3px;
text-align:left;
font-style:bold;
padding:0px;
margin:0px;
color:#000000;
}

.tableau100_item_date {
position: absolute; top: 80px; left: 0px;
text-align:left;
font-style:bold;
padding:0px;
margin:0px;
color:#000000;
}

.tableau100_item_barre_fj {
position: absolute; bottom: -13px; left: -12px;
text-align:left;
font-style:bold;
padding:0px;
margin:0px;
color:#000000;
}

.tableau100_item_barre_jf {
position: absolute; bottom: -13px; right:-13px;
text-align:left;
font-style:bold;
padding:0px;
margin:0px;
color:#000000;
}

.home2_option {
position: absolute; top: 300px; left: 50px;
text-align:center;
font-style: bold;
width:30px;
height:10px;
padding-top:10px;
padding-left:2px;
padding-right:2px;
padding-bottom:10px;
margin:2px;
background-color:#05a00d;
border:0px solid #000000;
color:#000000;
}









#furi {
font-size: 40px;
text-align: center;
padding:25px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#kanji {
font-size: 60px;
text-align: center;
padding:25px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#trad {
font-size: 40px;
text-align: center;
padding:25px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#test_header {
font-size: 20px;
text-align: left;
padding:25px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#test_page {
width:960px;
margin:auto;
padding:0px;
/*background-image: url("images/bg_murail2.jpg");*/
border:1px solid #000000; /* couleur du cadre */

}

.test_item {
width:950px;
margin:auto;
padding:5px;
height:75px;
/*background-image: url("images/bg_murail2.jpg");*/
border:0px solid #000000; /* couleur du cadre */

}


.test_trad {
/*position: relative; top: 0px; left: 0px;*/
/*display:inline;*/
float:left;
text-align:left;
width:230px;
height:50px;
font-size: 15px;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #000000;
}


.test_trad_jf {
/*position: relative; top: 0px; left: 0px;*/
/*display:inline;*/
float:left;
text-align:center;
width:230px;
height:50px;
font-size: 25px;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #000000;
}


a.test{
float:left;
/*position:relative;*/
z-index:24;
height:70px;
width:250px;
font-size: 20px;
text-align: center;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

border:1px solid #000000;
}

a.test:hover{
z-index:25;
background-color:#FFF
}

a.test span{
display:none;
}

a.test:hover span{
display:block;
float:left;
height:49px;
width:230px;
font-size: 25px;
border:0px solid #000;
background-color:#FFF;
color:#000;
text-align: center;
font-weight:none;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;

}


a.test_jf{
float:left;
/*position:relative;*/
z-index:24;
height:70px;
width:250px;
font-size: 25px;
text-align: center;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

border:1px solid #000000;
}

a.test_jf:hover{
z-index:25;
background-color:#FFF
}

a.test_jf span{
display:none;
}

a.test_jf:hover span{
display:block;
float:left;
height:49px;
width:230px;
font-size: 15px;
border:0px solid #000;
background-color:#FFF;
color:#000;
text-align: left;
font-weight:none;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;

}





.test_radio {
/*position: relative; top: 0px; left: 0px;*/
/*display:inline;*/
float:left;
text-align:center;
width:70px;
height:50px;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #000000;
}


.test_signal {
/*position: relative; top: 0px; left: 0px;*/
/*display:inline;*/
float:left;
text-align:right;
width:50px;
height:40px;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:30px;
padding-bottom:0px;
border:1px solid #000000;
}


a.porcotxt{
position:relative;
z-index:24;
font-size: 22px;
text-align: left;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

color:#000;
text-decoration:none
}

a.porcotxt:hover{
z-index:25;
background-color:#FFF
}

a.porcotxt span{
display: none
}

a.porcotxt:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;

}






.item_show {
float:left;
position: relative;
text-align:center;

}

.furi_show {
font-size: 20px;
text-align: center;
padding-left:25px;
padding-right:25px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:0px;
/*border:1px solid #000000;*/
}

.kanji_show {
font-size: 30px;
text-align: center;
padding-left:25px;
padding-right:25px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
/*border:1px solid #000000;*/
}

.kanji_show_inc {
font-size: 30px;
}

.trad_show {
font-size: 20px;
text-align: center;
padding-left:25px;
padding-right:25px;
padding-top:0px;
padding-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
/*border:1px solid #000000;*/
}


#menu_tableau {

height:20px;
overflow:auto;
}


#show_tableau {
position: relative; top: 20px; left: 20px;
height:50px;
}

#show_state {
position: absolute; top: 20px; left: 20px;
/*afloat:right;*/
text-align:left;
font-style: bold;
color:#000000;
}

#show_return {
position: absolute; top: 100px; left: 20px;
/*afloat:right;*/
text-align:center;
font-style: bold;
color:#000000;
}

#show_prev {
position: absolute; top: 130px; left: 20px;
/*afloat:right;*/
text-align:center;
font-style: bold;
color:#000000;
}

#show_next {
position: absolute; top: 160px; left: 20px;
/*afloat:right;*/
text-align:center;
font-style: bold;
color:#000000;
}


.gramm_fr {
text-align:left;
font-size: 25px;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-top:50px;
padding-bottom:0px;
border:0px solid #000000;
}

.gramm_j1 {
text-align:left;
font-size: 25px;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:0px;
border:0px solid #000000;
}

.gramm_j2 {
text-align:left;
font-size: 25px;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:10px;
border:0px solid #000000;
}

.gramm_voc {
text-align:left;
font-size: 20px;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:5px;
border:0px solid #000000;
}


.gramm_notes {
text-align:left;
font-size: 20px;
margin:10px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:5px;
border:0px solid #000000;
}


/* menu */
#menu {
position: relative; top: 20px; left: 20px;
height:500px;
width:150px;
/*background-color:#324DFE;*/
background-color:#1B1C20;
padding:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:50px;
}

/* -- les éléments du menu -- */
.menu_item {
position: relative; top: 20px; left: 20px;
/*afloat:right;*/
text-align:center;
font-style: bold;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
/*background-color:#05a00d;*/
/*border:1px solid #000000; 05b80d*/
color:#000000;
}

/* pareil mais version pour IE */
.menu_item_IE {
float:left;
text-align:center;
font-style: bold;
width:116px;
height:10px;
padding-top:54px;
padding-left:10px;
padding-right:10px;
padding-bottom:0px;
background-color:#0071BC;
/*border:1px solid #000000; */
color:#000000;
}


.italic {
   font-style: italic ;
  }

.smallcaps {
    font-variant: small-caps ;
    }


/* cadres des activités page home */


#cadre_bas {
position: relative; top: 150px; left: 50px;
border: 0px;
margin:0px;
padding:0px;
}

.bouton_bas {
/*position: relative;*/
border: 0px;
margin:0px;
padding:0px;
}

#bandeau {
/*position: relative; top: -550px; left: 150px;*/
position: absolute; top:-14px; left:150px;
text-align:left;
width:620px;
padding:0px;
margin:25px;
background-color:#FFFFFF;
border:1px solid #D0D0D0;
color:#666666;
}

#cadre_page {
/*position: relative; top: -550px; left: 150px;*/
/*position: absolute; top:90px; left:150px;*/
text-align:left;
width:620px;
padding:0px;
margin:25px;
background-color:#FFFFFF;
border:1px solid #D0D0D0;
color:#666666;
}


/* logos sur la gauche  */
.logos_activ {
text-align:left;
width:100px;
padding-bottom:0px;
padding-left:60px;
padding-top:30px;
margin:0px;
background-color:#FFFFFF;
color:#666666;
}


/* textes dans les cadres des activités */

.cadre_texte_bandeau {
position: relative; top: 10px; left: 60px;
text-align:left;
width:475px;
padding:0px;
margin:0px;
margin-bottom:30px;
}

.cadre_texte {
position: relative; top: 15px; left: 60px;
text-align:left;
width:475px;
padding:0px;
margin:0px;
margin-bottom:30px;
}


#retour_home2 {
position: relative; top: 150px; left: 50px;
border: 0px;
margin:0px;
padding:0px;
}

#plan {
position: relative; top: 0px; left: -50px;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

.liens_autres_sites {
  position: relative; top: 0px; left: 350px;
  }


#captcha {
text-align:right;
margin-top:5px;
margin-bottom:5px;
}

#copyright {
text-align:right;
margin-top:5px;
margin-bottom:5px;
font-size: x-small;
}