body {
100%;

}
a {
  list-style-type: none;
  text-decoration: none;
  outline:none;
}


#bandeau0 {
  right: 10%;
  width: 80%;
  top:  4.5vw;*50px;*40px;
 position: fixed;
  height: 9vw;*140pt;

background-color: RGBa(245,168,4,50);
}
#container {
  position: fixed;
  top: 13.5vw;*180px;
  margin-top: 0px;

  left: 10%;
  background-color: #33ffff;
  width: 76%;
  height: 62%;

}
#bas_page {
  background-color: #006600;
  position: relative;*fixed;
top:-0.5vw;
  height: 2.8vw;*50px;
  right: 0%;
  left: 2%;
 * font-size: 3vw;*18px;
  width: 100%;*auto;
  *padding-top: 0.3vw;
  padding-bottom: 0.2vw;


}

#bas_page a {
color: #f5a804; *RGBa(245,168,4,50);
list-style-type: none;
text-decoration: none;
  font-size: 1vw;*18px;
line-height: 2.5vw;


}

#bas_page  a:hover {
font-size: 1.5vw;
}

#menu {
  position: fixed;
  margin-top: 0px;

  width: 100%;
  top: -1vw;*-20px;
  z-index: 10000;

}
#container iframe {
  width: 105%;
  height: 100%;
  background-color: silver;
  overflow-y: hidden;
}

h1 {
  font-size: 2vw;*24px;
  width: auto;
  color: #c71525;*RGBa(199,21,37,50); *#993300;*rouge fonce
}
h1 span {
  background-color: #f5a804;*RGBa(245,168,4,50);* #ff6600;
}
h2 {
  color: #0076ae;*RGBa(0,118,174,255); * bleu
  font-size: 2vw;*24px;
  font-family: Arial;
  font-style: oblique;
}
h3 {
text-align: right;
color:  #006600;*RGBa(0,102,0,50);
}
#actu  {
position: relative;
width: 8.5%;*120px;
height:auto;*120px;
*margin-top:45px;
 top: -8vw;*130px;
  left: 88%;
  background-color: #f5a804; *RGBa(245,168,4,50);
padding-top: 0px;
}
#actu span{
color: yellow;*RGBa(237,0,2,50);
  font-size: 1vw;*15px;
  font-family: Arial;
  font-style: oblique;
position: absolute;
}
#texte {
  font-size: 1.6vw;*16px;
  font-family: 'Yeon Sung',cursive;
  *font-style: italic;
  padding-left: 2vw;*20px;
  background-color: silver;
  width: 90%;
  position: relative;
  text-align: justify;
  padding-right: 2vw;*20px;
  margin-right: 2vw;*40px;
height; 100%; *jmp

}
#texte a {
  list-style-type: none;
  text-decoration: none;
}
#actu2 a {
  text-decoration: none;
  list-style-type: none;
  color: black;
  font-size: 1.5vw;18px;
}
#texte h3 span {
 font-size: 1.5vw;*18px;
color: #f5a804;*RGBa(245,168,4,50);
background-color: black;
}
#texte h3 {
 text-align: left;
color: #006600;
}

#texte table {
  border:  none;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
height: auto;
background-color: RGBa(0,175,178,255);
}
#texte table td {
  padding-left: 2vw;*20px;
  padding-right: 2vw;*20px;
  vertical-align: middle;
}
.com1 {
  padding-left: 2vw;*20px;
  padding-right: 2vw;*20px;
}
.com1 h3 {
  color: yellow;
}
li {
  line-height: 2vw;
}
button {
color: red; *RGBa(245,168,4,50);
list-style-type: none;
text-decoration: none;
  font-size: 1.5vw;*18px;
line-height: 2vw;
margin-top: 1vw;
}
.enregistre a {
color: yellow; *RGBa(245,168,4,50);
background-color: red;
list-style-type: none;
text-decoration: none;
  font-size: 1.5vw;*18px;
line-height: 1.7vw;

}