Untitled

@font-face { font-family: Futura; src: url(/Font/Futura\ Heavy.otf); }

body, html {
  height: 100%;
}

main{
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  background-image: url(/Images/blur.png);
  background-attachment: fixed;
  background-size: cover;
  color: white;
  font-weight: bold;
  width: 100%;
  height: 100%;
  border: 3px solid #f1f1f1;
  font-family: Futura;
  overflow: scroll;
}
header, footer{
  background-color: #003063;
  color:white;
  align-items: center;
  display:flex;
  font-family: Futura;
  vertical-align: middle;
  justify-content: center;
  height: 60px;
}

li{
  list-style-type: none;
}
header > .row{
  height: 100%;
  width: 100%;
}
a:link{
  color: white;
}
.sousTitre{
  font-size: 22px;
}
.carousel-inner{
  width: 50px;
  
}
.col-12{
  flex-grow: 1;
  transition: all 1s ease;
}





/* CSS CLASSE ACCUEIL */
#backgroundAccueil {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
}
.divMarquesContenu{
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  z-index: 1;
  background-size:100% 100%;
  text-align: center;
  opacity: 10   0%;
  display: flex;
  align-items: center;
  border-radius: 25px;
  vertical-align: middle;
  left: 0;
  position: absolute;
}
.divMarquesTitre{
  opacity: 100%;
  position: relative;
  background-color: rgba(119, 118, 118, 0.644);
  border-radius: 25px;
}
.divMarquesContenu:hover{
  opacity: 0%;
  transition: 0.3s;
  
}
h1{
  font-size: 40px;
  text-align: center;
  padding-top: 10px;
  vertical-align: middle;
  width: 100%;
  align-items: center;
}
.rowmargin{
  margin-left: 5%; margin-right: 5%;
}
.divVoitureRecherche{
  position: absolute;z-index: 1;border-style: dashed;
  text-align: center;font-size: 30px;
  opacity: 0%;
}
.imageRecherche:hover .divVoitureRecherche{
  opacity: 100%;
  filter: brightness(100%);
}
.imageRechercheBorder:hover {
  -webkit-filter:brightness(20%); /* Safari 6.0 - 9.0 */
  filter: brightness(20%);
}



/* Propriété non vue*/
#myVideo {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  
}


#main_accueil{
  background-image: none;
}
#divItalieAccueil{
  background-image: url(/Images/Drapeau/DrapeauItalieFlou.png);
}

#divAllemagneAccueil{
  background-image: url(/Images/Drapeau/DrapeauAllemagneFlou.png);
}
#divJaponAccueil{
  background-image: url(/Images/Drapeau/DrapeauJaponFlou.png);
}


.divMarquesContenu p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 95PX;
  text-align: center;
} 

.textdetails{
  font-size: 23px;
}
.imageRechercheBorder{
  border-style: solid;
  border-color: black;
  position: relative;
  border-width: 5px;
  display: flex;
  align-items: center;
  border-radius: 10%;
  
}
.imageRecherche{
  display: flex;
  align-items: center;
  overflow: auto;
  
}
table, th, td {
  border:1px solid black;
  text-align: center;
}
table{
  width: 100%;
}
th{
  height: 80px;
  background-color: #003063
}
tr{
  background-color: rgba(0, 81, 173, 0.521);
}
tr:nth-child(odd){
  background-color: rgba(0, 46, 114, 0.692);
}
#imgVoitureRecherche{
  width: 600px;
}
#btn_item{
  text-align: center;
}
#sousTitreFav{
  text-align: center;
}
a:link {
  color: white;
  text-decoration: none;
}
a:visited {
  color: white;
  text-decoration: none;
}
a:hover {
  color: #002fff;
  text-decoration: none;
}
a {
  color: #002fff;
  text-decoration: none;
}
#spn_italie1{
  color: rgb(42, 156, 20);
}
#spn_italie2{
  color: red;
}
#span_all1{
  color: black;
}
#span_all2{
  color: red;
}
#span_all3{
  color: yellow;
}
#span_jap{
  color: red;
}
#containerFav{
  width: 100%;
}
#btn_fav{
  margin: 10px;
}
iframe{
  width: 100%;
  height: 85%;
}
.greybackground{
  background-color: rgba(58, 54, 54, 0.582);
}