body{
  text-align:center;
	font-family:"Montserrat", Sans-serif;
  font-size:16px;
  font-weight:400;
  background-color:#ffffff;
}
#intro{
  position:relative;
  top:10px;
  z-index:0;
}
#introt1{
  position:absolute;
  top:30px;
  left:300px;
  right:0;
  font-size:50px;
  font-weight:bold;
  font-style:italic;
  color:#ffffff;
  text-shadow:2px 2px 5px black;
  z-index:1;
}
#introt1b{
  position:absolute;
  top:110px;
  left:300px;
  right:0;
  font-size:34px;
  font-weight:bold;
  font-style:italic;
  color:#ffffff;
  text-shadow:2px 2px 5px black;
  z-index:1;
}
#introt2{
  position:absolute;
  bottom:-40px;
  left:0px;
  right:0px;
  font-size:40px;
  font-weight:bold;
  color:#ffffff;
  z-index:1;
}
#introt3{
  position:absolute;
  bottom:30px;
  left:0px;
  right:0px;
  font-size:34px;
  font-weight:bold;
  font-style:italic;
  color:#ffffff;
  text-shadow:2px 2px 5px black;
  z-index:1;
}
#introt2 a:link, #introt2 a:visited{
  text-decoration:none;
  background:#9933cc;
  color:#ffffff;
  border:solid hsla(255, 50%, 30%, 1);
  padding:5px;
  border-radius:8px;
  -webkit-border-radius:8px;
}
#introt2 a:hover{
  text-decoration:none;
  background:hsla(255, 50%, 30%, 1);
  color:#ffffff;
  border:solid hsla(255, 50%, 30%, 1);
  padding:5px;
  border-radius:8px;
  -webkit-border-radius:8px;
}
.imgbord{
  border-width:0px;
  border-radius:8px;
  -webkit-border-radius:8px;
}
#menu{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:100;
}
#menu ul{
  list-style-type:none;
  margin:0;
  padding:5px;
  overflow:hidden;
  display:flex;
  justify-content:center;
}
#menu li{
}
#menu li a{
  display:inline-block;
  font-family:"Arial", Sans-serif;
  width:auto;
  color:#336699;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  margin:0px -6px;
  padding:5px 28px;
  text-decoration: none;
  background-color:hsla(50, 100%, 60%, 1);
  border-radius:8px;
  -webkit-border-radius:8px;
  box-shadow:4px 2px 4px #000;
  -webkit-box-shadow:4px 2px 4px #000;
}
#menu li a:hover{
  color:yellow;
  background-color:#336699;
}
#titre{
  position:relative;
  top:45px;
  z-index:0;
}
#textban{
  position:absolute;
  top:160px;
  left:380px;
  right:0;
  font-size:50px;
  font-weight:bold;
  font-style:italic;
  color:#000;
  z-index:1;
}
#textlien3{
  position:relative;
  top:-100px;
  right:0;
  font-size:20px;
  font-weight:bold;
  font-style:italic;
  color:white;
  text-shadow:2px 2px 5px black;
  z-index:1;
}
h1{
  font-size:34px;
  text-align:center;
}
h2{
  font-size:20px;
  text-align:center;
}
#corps{
  width:1000px;
  margin:60px auto;
  padding:0 5px;
  text-align:left;
}
#corps p{
  margin:20px auto;
  padding:0 5px;
  text-align:justify;
}
.skipp{
  height:400px;
}
.voyage{
  height:263px;
}
.fleurs{
  height:180px;
}
.lien0:visited{
  color:blue;
}
.lien, .lien:visited{
  padding:0px 2px;
  color:white;
  text-decoration:none;
  background:#336699;
  border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:2px 2px 4px #000;
  -webkit-box-shadow:2px 2px 4px #000;
}
.lien:hover, .lien:active{
  color:blue;
  background:#ffff66;
}
.lienext{
  padding:0;
  text-decoration:none;
  border-radius:8px;
  -webkit-border-radius:8px;
  box-shadow:2px 2px 4px #000;
  -webkit-box-shadow:2px 2px 4px #000;  
}
.flotg{
  float:left;
  margin-right:20px;
}
.flotd{
  float:right;
  margin-left:20px;
}
.souligne{
  text-decoration-line:underline;
  text-decoration-style:solid;
}
.gras{
  font-weight:bold;
}
.clearfix::after{
  content:"";
  clear:both;
  display:table;
}
ul{
  margin-left:20px;
}
.couleur{
  color:#0000ff;
}
.plusgros{
  font-size:22px;
  font-weight:bold;
  text-decoration-line:underline;
  text-decoration-style:solid;
}
.centre{
  text-align:center;
}
.centre2{
  margin-top:-40px;
  text-align:center;
}
.justifie{
  text-align:justify;
}
#ys{
	position:relative;
  left:50%;
  width:600px;
  margin-left:-300px;
	bottom:5px;
	height:15px;
  font-size:8pt;
	font-weight:normal;
	color:#666666;
  background-color:#eeeeee;
}
a.lien-ys{
	text-decoration:underline;
	color:#666666;
}
a.lien-ys:hover{
	text-decoration:none;
	color:#000000;
}