a {color: black;}
a:hover {color: black;text-decoration: none;}
body {}
body > footer > iframe {width: 100%;height: 50px;border-top-width: 0px;border-bottom-width: 0px;border-right-width: 0px;}
h1 {text-align: center;}
h2 {text-align: center;}
html {padding-right: 10px; padding-left: 10px;}
p {margin:0px; padding:0px; line-height:100%; line-height: 30px}
script {display: none;}
.table {width: 100%;}

.bleu {color: blue;line-height:0;text-align:center;font-family:Arial;line-height:25px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.footer {width: 100%;height: 1364px}
.gui1 {display: grid; grid-template-columns:25% 25% 25% 25%;}
.gui2 {display: grid; grid-template-columns:15% 70% 15%;}
.gui3 {width:100%;height:390px;}
.gui4 {display: grid; grid-template-columns: 800px 18% 18% 18%;}
.gui5 {display: grid; grid-template-columns: 33% 33% 33%;}
.gui6 {display: grid; grid-template-columns:80% 15%;}
.gui7 {line-height:0;text-align:center;font-family:Arial;line-height:25px;}
.gui8 {display: grid; grid-template-columns:80% 20%;}
.gui9 {padding-right: 10px;padding-left: 10px; display: flex;flex-flow: wrap;flex-direction: row;flex-wrap: wrap;}
.gui10 {min-height: 390px;}
.gui11 {display: grid; grid-template-columns:34% 16% 16% 34%;}
.lettre {font-family: Caveat;font-style: italic;}
*, ::after, ::before {box-sizing: inherit;touch-action: manipulation;}
.card{flex-basis: calc(25% - 10px);margin: 5px;padding: 10px;}
body > div.gui9 a:hover {width: 450px;height: 350px;border: 3px solid #ccc;background: #eee;margin: auto;padding: 15px 25px;}
.navbar-dark .navbar-nav .nav-link {color:black;}
.guimenu {color: rgba(255,255,255,.5);}
.guimenu:hover {color: rgba(255,255,255,.5);}
.image {text-align: center;}
.nav-tabs {background-color: #343a40!important;}
.texte1 {line-height:0;text-align: left;font-family:Arial;line-height:15px;}
.texte3 {line-height:0;text-align:justify;font-family:Arial;line-height:25px;}
.vert {color: green;text-align:center;font-family:Arial;line-height:25px;font-size:20pt;}
.rouge {background-color:red;}

#forum2 {width: 1804px;height: 1347px;}
#But1{font-weight:700;font-family:"Times New Roman";font-size:43px !important;color:rgb(0, 0, 0); text-shadow: 0 0px;}
#But1{background-color: rgba(255, 255, 255, 1.000); background-image: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFE6E6E6', GradientType=0);}
#But1 { border-style: solid; border-color: rgba(0, 0, 0, 1); -webkit-background-clip: padding; background-clip: padding-box; border-width: 0px;} 
#But1:focus {outline:0}
#meteo {width:100%;height:384px;border:none;}
#forum {width:100%;height:390px;}
#nav{background-color: #12A3EB;}
#game {width:100%;height: 190px;}
body > div.gui2 > div:nth-child(2) > iframe {}
#navbar {width: 100%;height: 395px;}
    
    @media screen and (max-width: 1300px) {
    #spotiy1{display:none;}
    }
    @media screen and (max-width: 1030px) {
    #spotiy2{display:none;}
    }
     @media screen and (max-width: 860px) {
img{display: none;}
#image5{display: inline-block;}
#image6{display: inline-block;}
    }