/*Customisation de la feuille */


.space{
  margin-left:3em;
}

.bgwhite{
  background-color: #fff!important;
}

.bgblue{
  background-color: #81BEF7;

}

.underline{
text-decoration: underline;
}

.lettrine{
  font-size: 2em;
}
.container-fluid{
   background-color: #E0F2F7;
  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
    
}


.blockcenter{
width:80%!important;
margin:0 auto!important;
}

.cadre {
  border:2px solid red;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;

}

.bordure{
background-color:#FAFAFA;
border:1px solid #ccc;
margin:5px;
border-radius:10px;
padding:10px;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}

.bordure_Bottom{

/*background-color:#FAFAFA;*/
border-bottom:1px solid #ccc;
border-right: 1px solid #ccc;
margin:5px;
border-radius: 0 0 10px 0;
padding:10px;
-moz-box-shadow: 10px 10px 5px #656565;
-webkit-box-shadow: 10px 10px 5px #656565;
-o-box-shadow: 10px 10px 5px #656565;
box-shadow: 10px 10px 5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
}

.beau{
  background: url(../images/Background_Beau.jpg) no-repeat;
  background-size: 100%;
}

.pluie{
  background: url(../images/Expression_Tempo/Background_pluie.jpg) no-repeat;
  background-size: 100%;
}
.trait{
  border-right: 1px solid #ccc;
}

.tampon {
    position: absolute;
    top: 45px;
    left: 40px;
}

.nobackground{
  background: url() repeat fixed;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.navbar-default {
    margin-top: 20px;
    background-color: #27b5f0;
    border-color: #E7E7E7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    border-radius: 10px;
    vertical-align: middle;
    color: #555;
    /*background-color: #FFF;*/
}

.navbar-nav > li {
    background-color: #27b5f0;
}

li .dropdown {
  background-color: #27b5f0;
}

ul .dropdown-menu {
  background-color: #27b5f0;
}

ul .dropdown-menu li {
  background-color: #27b5f0;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

}

.dropdown-menu > li > a {
    display: block;
    background-color: #27b5f0;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

.thumbnailtheme {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.picture {
  margin-right: 3px;
  vertical-align:middle;
}

/*GESTION DES DRAPEAUX FR EN JP ROMAJI */

.FR::before {
  
  content: url(../images/Flag_FR.jpg);
  vertical-align:middle;
  display: inline-block;
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);

}

.EN::before {
  
  content: url(../images/Flag_EN.png);
  vertical-align:middle;
  display: inline-block;
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
}

.JP::before {
  
  content: url(../images/Flag_JP.jpg);
  vertical-align:middle;
  display: inline-block;
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
}

.JPK::before {
  
  content: url(../images/Flag_JPK.jpg);
  vertical-align:middle;
  display: inline-block;
  -ms-transform: rotate(-7deg); /* IE 9 */
  -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
}

.ROMAJI::before {
  
  content: url(../images/Flag_ROMAJI.png);
  vertical-align:middle;
  display: inline-block;

}



.navbar-default 
.navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus 

{
 
  vertical-align: middle;
  color: #555;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  behavior: url(PIE.htc);
 
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
}


.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

h1{

  padding:5px;
  margin-bottom: 20px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  behavior: url(PIE.htc);
  background-color:#27B5F0;
  display:inline;
  /* moz-box-shadow: 10px 10px 5px 2px #656565; */
  -webkit-box-shadow: 10px 10px 5px 2px #656565;
  -o-box-shadow: 10px 10px 5px 2px #656565;
  box-shadow: 10px 10px 5px 2px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
}

h2{
  text-decoration: underline;
}

h3{
color:#27B5F0;
border-bottom: 1px solid #27B5F0;
display: inline-block;

}

.border{

  border-bottom:1px solid #27B5F0;
  margin:20px;
  

}

.xp {
    border: 2px solid #00F;
    border-radius: 10px;
    background-color: #27B5F0;
    margin: 5px;
    padding: 10px;
    margin-left:50px;
}

.puce_japan {
background: url(../images/icone_JP.gif) no-repeat;
background-position: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
padding-left: 30px;

}

.hr{
  border-bottom: 2px solid #27b5f0;
  text-align: left;
  width:30%;
}

/* ----------------- */
/* Gestion du footer */
/* ----------------- */

footer .copyright{
  text-align: center;
  width: 200px;
  margin:auto 0;
  font-size: .8em;
  font-size: italic;
  margin: 0;
  color: #585858;
  text-shadow: 1px 2px 2px white;
}

footer .copyright a{
  color:000;
}

footer .copyright a:hover{
  color:fff;
}

.marge{

  margin:15px;
  padding: 15px;
}

.underline {
    text-decoration: underline;
    color: black;
    background-color: #27b5f0;
    margin: 5px;
    padding: 5px;
    padding-bottom: 5px;
    display: inline-block;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: #130FF7 0 0 2px;
    -moz-box-shadow: #130FF7 0 0 2px;
    box-shadow: #130FF7 0 0 2px;
    border: 1px solid #000;
}

.Dialogue {
    margin-top: 20px;
    padding: 20px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: #130FF7 0 0 2px;
    -moz-box-shadow: #130FF7 0 0 2px;
    box-shadow: #130FF7 0 0 2px;
    border: 1px solid #000;
}

.red {
  color:#FF0000;
  text-shadow: 2px 2px #DF0101;
}

.redc{
   color:#FF0000;
}

.tipleft{

    border-right: 2px solid #ccc;

}

.top{
  margin-top: 20px;
}

.mgr{
margin-right: 10px;
}

.mgl{
margin-left: 5px;
}

.strong{
  font-weight: bold;
  color:blue;
  font-size: 1.2em;
}

.kanji{
  padding:3px;
  margin: 5px;
  font-size: 2em;
  color:#FFF;
  background-color: #2E9AFE;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -o-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: #130FF7 0 0 2px;
  -moz-box-shadow: #130FF7 0 0 2px;
  box-shadow: #130FF7 0 0 2px;
  border: 1px solid #000;
  }

  .toto {
    background-color: #ccc;
    border:3px solid #000;
    width:100%;
  }