/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em;font-weight:normal;font-style:normal;}
ul,ol { list-style: none; }

/* LAYOUT */

#phare:before{
  content:"";
  display:block;
  position:relative;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/day_test02.jpg) center no-repeat;
  background-size:cover;
}

#radio:before{
  content:"";
  display:block;
  position:relative;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/night_test.jpg) center no-repeat;
  background-size:cover;
}

#musee:before{
  content:"";
  display:block;
  position:relative;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/coming_soon.jpg) center no-repeat;
  background-size:cover;
}

.news {
    position: absolute;
    top: 100px;
    left: 30px;
    }

.video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    }

.credit{
    position: fixed;
    bottom: 0px;
    right: 15px;
    }

.credit_b{
    position: absolute;
    bottom: 0px;
    right: 15px;
    }

.audio {
    position: absolute;
    top: 80px;
    left: 30px;
    }

.livre{width:900px;
    top: 120px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align:center;
    position:relative;}

.livre_caption{width:700px;
    top: 120px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align:left;
    position:relative;}

.apropos{width:700px;
    top: 0px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    text-align:center;
    position:relative;}

.pagetop{float:right;
    width:420px;
    height:75px;
    margin-left:0px;
    margin-right:10px;
    padding:0;
    text-align:right;
    position:relative;}


#container{width:100%;top: 100px;margin-left:auto;margin-right:auto;padding:0;text-align:center;position:relative;}
#header{width:960px;
    padding:0;
    text-align:left;
    position: absolute;
    top: 20px;
    left: 15px;}
.menu_img{margin-top:0px;margin-bottom:0px;margin-left:10px;margin-right:10px;}
#logo{width:940px;height:95px;margin-left:auto;margin-right:auto;margin-top:0px;padding:0;text-align:left;position:relative;}

#contents{width:960px;margin-left:auto;margin-right:auto;padding:0;position:relative;}
#contents_inner{width:940px;margin-left:10px;margin-right:10px;padding:0;position:relative;}
#footer{width:960px;height:95px;margin-left:auto;margin-right:auto;padding:0;position:relative;}
#copyrights{width:940px;margin-left:10px;margin-right:10px;padding:0;text-align:right;position:relative;}

/*grids.css*/
.col-140_first{float:left;width:140px;margin-left:0px;margin-right:20px;margin-top:0px;margin-bottom:0px;}
.col-140{float:left;width:140px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-140_last{float:right;width:140px;margin-left:20px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-170_first{float:left;width:170px;margin-left:0px;margin-right:20px;margin-top:0px;margin-bottom:0px;}
.col-170{float:left;width:170px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-170_last{float:right;width:170px;margin-left:20px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-250{float:left;width:250px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-300_first{float:left;width:300px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-300{float:left;width:300px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-300_last{float:right;width:300px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-460_first{float:left;width:460px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-460{float:left;width:460px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-460_last{float:right;width:460px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-540_first{float:left;width:540px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-540{float:left;width:540px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-540_last{float:right;width:540px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-620_first{float:left;width:620px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-620{float:left;width:620px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-620_last{float:right;width:620px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-720_first{float:left;width:720px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-720{float:left;width:720px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-720_last{float:right;width:720px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}
.col-900_first{float:left;width:900px;margin-left:0px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-900{float:left;width:900px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:0px;}
.col-900_last{float:right;width:900px;margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;}

.clear {clear:both;visibility:hidden;display:block;height:0px;}
.clear5 {clear:both;visibility:hidden;display:block;height:5px;}
.clear10 {clear:both;visibility:hidden;display:block;height:10px;}
.clear20 {clear:both;visibility:hidden;display:block;height:20px;}
.clear30 {clear:both;visibility:hidden;display:block;height:30px;}
.clear50 {clear:both;visibility:hidden;display:block;height:50px;}
.clear80 {clear:both;visibility:hidden;display:block;height:80px;}

h1 {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:17px;line-height:30px;font-weight:bold;color:#888888;padding-top:0px;padding-bottom:5px;text-align:left;}
h2 {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:15px;line-height:24px;font-weight:normal;color:#333333;padding-top:0px;padding-bottom:5px;text-align:left;}
h3 {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:16px;line-height:28px;font-weight:normal;color:#cccccc;padding-top:0px;padding-bottom:8px;text-align:left;}
h4 {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:12px;line-height:20px;font-weight:normal;color:#fff6C5;padding-top:0px;padding-bottom:5px;text-align:left;}
h5 {font-family:"AXIS Std","ＭＳ ゴシック","osaka",sans-serif;font-size:16px;line-height:28px;font-weight:normal;color:#111111;padding-top:0px;padding-bottom:8px;text-align:left;}
p {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:16px;line-height:28px;font-weight:normal;color:#000000;padding-top:0px;padding-bottom:8px;text-align:left;}
.caption {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:12px;line-height:18px;font-weight:normal;text-align:left;}
.title {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:20px;line-height:30px;font-weight:normal;text-align:left;}
.subtitle {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:17px;line-height:30px;font-weight:normal;text-align:left;}
.name {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:15px;line-height:28px;font-weight:bold;text-align:left;}
.small {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:14px;line-height:15px;font-weight:normal;text-align:left;}
a:link {color: #111111; text-decoration: underline}
a:visited { color: #54AF91; text-decoration: none}
a:hover {color: #49F8BE; text-decoration: underline}
a:active{color: #49F8BE; text-decoration: underline}

.small a:link {color: #111111; text-decoration: none}
.small a:visited { color: #54AF91; text-decoration: none}
.small a:hover {color: #49F8BE; text-decoration: underline}
.small a:active{color: #49F8BE; text-decoration: underline}