#testiframe00 {
width : 99.6%;
min-height : 91.6vh;
display : block;
}
#testiframe {
min-height : 91.6vh;
}
#testiframe2 {
min-height : 91.6vh;
}
#testiframe3 {
min-height : 91.6vh;
}
#testiframe4 {
min-height : 91.6vh;
}
#testiframe5 {
min-height : 91.6vh;
}
#testiframe6 {
min-height : 91.6vh;
}
#testiframe7 {
min-height : 91.6vh;
}
#testiframe0 {
min-width : 300px;
max-width : 1900px;
min-height : 300px;
max-height : 1080px;
margin : 0 auto;
width : 99.6%;
height : 847px;
}
body {
background : url(../../images/Galaxy-Cloud-Space-Wallpaper3840x2400.jpg) center top no-repeat #FFF;
margin : 0;
padding : 0;
text-align : center;
width : 100%;
}
html {
height : 100%;
}
@media only screen, only screen, only screen, only screen {
#container {
width : 100%;
height : 100%;
margin : 0 auto;
padding : 2em;
}
}
#rap {
 position: absolute;
  left: 53%;
  top: 0;
  transform: translateX(-50%);
}
#rap a {

text-decoration : none;
color : #551969;
}
iframe {
border-style : double;
background-color : #F7F7F7;
opacity : 1;
}
#logo {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#moteur {
width : 300px;
position : absolute;
padding : 0;
left : 282px;
top : -15px;
}
#android {
position : absolute;
left : 270px;
top : 0;
}
#android2 {
position : absolute;
left : 281px;
top : 0;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
margin : 0;
padding : 0;
border : 0;
list-style : none;
line-height : 1;
display : block;
position : relative;
box-sizing : border-box;
}
#cssmenu {
width : 200px;
font-family : Helvetica, Arial, sans-serif;
color : #ffffff;
}
#cssmenu ul ul {
display : none;
}
.align-right {
float : right;
}
#cssmenu > ul > li > a {
padding : 15px 20px;
border-left : 1px solid #1682ba;
border-right : 1px solid #1682ba;
border-top : 1px solid #1682ba;
cursor : pointer;
z-index : 2;
font-size : 14px;
font-weight : bold;
text-decoration : none;
color : #ffffff;
text-shadow : 0 1px 1px rgb(0, 0, 0, 0.35);
background : #36aae7;
background : linear-gradient(#36aae7, #1fa0e4);
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.15) inset;
}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {
color : #eeeeee;
background : #1fa0e4;
background : linear-gradient(#1fa0e4, #1992d1);
}
#cssmenu > ul > li.open > a {
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.15) inset, 0 1px 1px rgb(0, 0, 0, 0.15);
border-bottom : 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a, #cssmenu > ul > li.last > a {
border-bottom : 1px solid #1682ba;
}
.holder {
width : 0;
height : 0;
position : absolute;
top : 0;
right : 0;
}
.holder::after, .holder::before {
display : block;
position : absolute;
content : "";
width : 6px;
height : 6px;
right : 20px;
z-index : 10;
transform : rotate(-135deg);
}
.holder::after {
top : 17px;
border-top : 2px solid #ffffff;
border-left : 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after, #cssmenu > ul > li.active > a > span::after, #cssmenu > ul > li.open > a > span::after {
border-color : #eeeeee;
}
.holder::before {
top : 18px;
border-top : 2px solid;
border-left : 2px solid;
border-top-color : inherit;
border-left-color : inherit;
}
#cssmenu ul ul li a {
cursor : pointer;
border-bottom : 1px solid #32373e;
border-left : 1px solid #32373e;
border-right : 1px solid #32373e;
padding : 10px 20px;
z-index : 1;
text-decoration : none;
font-size : 13px;
color : #eeeeee;
background : #49505a;
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.1) inset;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {
background : #424852;
color : #ffffff;
}
#cssmenu ul ul li:first-child > a {
box-shadow : none;
}
#cssmenu ul ul ul li:first-child > a {
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.1) inset;
}
#cssmenu ul ul ul li a {
padding-left : 30px;
}
#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {
border-bottom : 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {
border-bottom : 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
border-bottom : 0;
}
#cssmenu ul ul li.has-sub > a::after {
display : block;
position : absolute;
content : "";
width : 5px;
height : 5px;
right : 20px;
z-index : 10;
top : 11.5px;
border-top : 2px solid #eeeeee;
border-left : 2px solid #eeeeee;
transform : rotate(-135deg);
}
#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after {
border-color : #ffffff;
}
br {
clear : left;
}
.menu_simple5 {
position : absolute;
width : 50px;
top : 10px;
left : 205px;
}
.menu_simple5 ul {
margin : 0;
padding : 0;
}
.menu_simple5 ul li {
display : inline;
}
.menu_simple5 ul li a {
float : left;
text-decoration : none;
color : black;
background-color : #F0F1F0;
border : solid;
}
.menu_simple5 ul li a:visited {
color : black;
}
.menu_simple5 ul li a:hover, .menu_simple ul li .current {
color : white;
background-color : #1537BB;
}
br {
clear : left;
}
.menu_simple6 {
position : absolute;
width : 50px;
top : 10px;
left : 250px;
}
.menu_simple6 ul {
margin : 0;
padding : 0;
}
.menu_simple6 ul li {
display : inline;
}
.menu_simple6 ul li a {
float : left;
text-decoration : none;
color : black;
background-color : #F0F1F0;
border : solid;
}
.menu_simple6 ul li a:visited {
color : black;
}
.menu_simple6 ul li a:hover, .menu_simple ul li .current {
color : white;
background-color : #1537BB;
}
br {
clear : left;
}
.menu_simple7 {
position : absolute;
width : 50px;
top : 10px;
left : 295px;
}
.menu_simple7 ul {
margin : 0;
padding : 0;
}
.menu_simple7 ul li {
display : inline;
}
.menu_simple7 ul li a {
float : left;
text-decoration : none;
color : black;
background-color : #F0F1F0;
border : solid;
}
.menu_simple7 ul li a:visited {
color : black;
}
.menu_simple7 ul li a:hover, .menu_simple ul li .current {
color : white;
background-color : #1537BB;
}




.fullscreen {
 
 position: absolute;
  left: 105px; /* Ajustez cette valeur pour déplacer le bouton vers la gauche */
  top: 0;
}

.fullscreen-button {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1; /* changed from 1000 to 1 */
/*  background: none;*/
	

}




.Gemini {
	  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 2; /* changed from 1000 to 1 */
/*  background: none;*/
	}

.Copilot {
  position: relative;
  display: inline-block;	
  top: 0;
  left: 0;
  z-index: 2; /* changed from 1000 to 1 */
/*  background: none;*/
	}

.ChatGpt {
  position: relative;
  display: inline-block;	
  top: 0;
	left: 0;
  z-index: 2; /* changed from 1000 to 1 */
/*  background: none;*/
	}
.MistralAi {
  position: relative;
  display: inline-block;	
  top: 0;
	left: 0;
  z-index: 2; /* changed from 1000 to 1 */
/*  background: none;*/
	}



/* Media query pour les petits écrans */
@media (max-width: 480px) { 
  #logo {
    white-space: nowrap; /* Empêche les éléments de passer à la ligne */
  }

  #logo > :first-child { /* Cibler le premier enfant flexible de #logo (le lien avec l'image) */
    margin-left: auto; /* Pousser les autres éléments vers la droite */
  }

  .Gemini, .Copilot, .ChatGpt, .MistralAi {
    flex-shrink: 0; 
    white-space: nowrap; 
    flex-basis: 100px; 
	  left: 50px;
    margin: 0 0px; 
  }

  .Gemini button, .Copilot button, .ChatGpt button, .MistralAi button {
    font-size: 10px; 
    padding: 3px 5px; 
  }
}


.rotate {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.dropdown {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  z-index: 1; /* changed from 1000 to 1 */
}
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 170px;
  z-index: 1000; /* changed from 1 to 1000 */
  background-color: #32373e;

}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  color: white;
	
}
.dropdown button {
  background-color: #36aae7;
  color: white;
  border: none;
  padding: 15px;
  cursor: pointer;
  min-width: 170px;
}
.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.dropdown-content .dropdown {
  position: relative;
}
.dropdown-content .dropdown .dropdown-content {
  top: 0;
  left: 100%;
}
.highlight {
  background-color: grey;
}