/*---------------------------------
1. Basic elements
----------------------------------*/

body {
     margin:0;
     padding:0;
     height:100%;
     background-color:#FFFFFF;
     text-align: center;
     font-family: Helvetica, "Helvetica Neue", Arial, "century gothic", Futura, sans-serif;
     color: #777;
   	 line-height: 1.2;
     border-style:none;
     text-decoration: none;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*---------------------------------
5. Main
----------------------------------*/

#wrap-all  {
  position:relative;
  width:100%;
  max-width:600px;
  height:300px;
  margin:0 auto;
  text-align:center;
  background:#fff;
}

.container   {
  position:absolute;
  top:50%;
  left:50%;
  width:90%;
  margin:-1.5em 0 0 -45%;
}

#langue img {
  border: 1px solid #c0c0c0;
}

.logo_titre {
  margin-top:-30px;
}

.fr {
  margin: 40px 30px 50px 20px;
}

.jp  {
  margin: 40px 20px 50px 30px;
}

/*---------------------------------
5. Main
----------------------------------*/




/*---------------------------------
7. Footer
----------------------------------*/
footer  {
      clear: left;
      height:80px;
      text-align: center;
      background-color: #fff;
      overflow: hidden;
      bottom:0;
      border-style:none;
      text-decoration: none;
      line-height: 1.2;
}

#footer-nav {
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
   padding-top: 10px;
   font-size: 12px;
   text-align: center;
 }

#footer-nav a {
   color: #777;
   text-decoration: none;
}

#footer-nav a:hover {
   color: #00ccff;
}

#copyright  {
  font-size: 11px;
}

/*---------------------------------
7. Text
----------------------------------*/
a {
   text-decoration: none;
}

a:hover { color: #00ccff; }

h1 {
  color: #4682b4;
  font-size: 150%;
  font-weight: normal;
  font-family: Futura, "century gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
  color: #9370db;
  font-size: 130%;
  font-weight: normal;
}

h3 {
  color: #363636;
  font-size: 116%;
  font-weight: normal;
}

h4  {
color: #363636;
font-size: 100%;
font-weight: normal;
}

h5  {
color: #363636;
font-size: 90%;
font-weight: normal;
}

h6 {
color: #363636;
font-size: 80%;
font-weight: normal;
}

p {
  color: #777;
  font-size: 90%;
  font-weight: normal;
  text-align: left;
  }

p a {
    color: #4682b4;
}

.tex80 {
  font-size: 80%;
  margin-top: -5px;
  color: #c0c0c0;
}


.hr_bleu {
     width:100%;
     border-bottom: 4px solid #4682b4;
}

.hr_gris_fin {
  width:100%;
  border-bottom: 1px solid #777;
}