/*@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;900;1000&display=swap');*/

 .flashnews {
        background-color: var(--bgcolor1); /*#0A1045;*/
        -webkit-border-radius: 60px;
        border-radius: var(--borderradius); /*60px;*/
        border-style: solid;  
		border-color:var(--bordercolor);
		border-width:var(--borderwidth);
        color: #eeeeee;
        cursor: pointer;
        display: inline-block;
        font-size: var(--fontsize); /*1.5em;*/
        padding:15px 4px 4px 4px;
		margin: 10px;
        text-align: center;
		vertical-align:middle;
        text-decoration: none;
		width:300px;
		height:65px;
		z-index: 9;		
      }
	  
      @keyframes glowing {
        0% {
          background: var(--bgcolor1); /*#004385;*/
          box-shadow: 0 0 5px var(--shadowcolor1); /*#004385;*/
        }
        50% {
          background: var(--bgcolor2); /*#087CA7;*/
          box-shadow: 0 0 20px var(--shadowcolor2); /*#087CA7;*/
        }
        100% {
          background: var(--bgcolor1); /*#004385;*/
          box-shadow: 0 0 5px var(--shadowcolor1); /*#004385;*/
        }
      }
      .flashnews {
        animation: glowing var(--animspeed) infinite; /*1300ms*/
      }

.mainstyle{
	margin-bottom:10px;
	opacity:95%;
	color:rgba(9, 162, 255, 0.85);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	transition:height 1s;width: 100%;
	height: 200px;
	position: relative;
	overflow-x: hidden;
    overflow-y: auto;
}


.univtitle{
	font-weight: bold;
	text-shadow: 3px 0px 7px rgba(81,67,21,0.8), -3px 0px 7px rgba(81,67,21,0.8), 0px 4px 7px rgba(81,67,21,0.8);
	text-align:center;
	z-index: 9;
	position:relative;
	float:center;
	font-size:35px;
	color:white;

}
.mylangue{
    display:inline-block;
	font-size:16px;
	width:80px;
	margin:0px 5px 0px 5px;
	position:relative;
	color:white;
	padding:5px;
	border-radius:0px 0px 15px 15px;
	background-color:#ECBC24;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    transition:0.3s
}
.mylangue:hover{
	border-bottom:solid 5px #ECBC24;
	color:white;
    transform: scale(1, 1.1);
	background-color: steelblue;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.toplinks{
	text-align:center;
	vertical-align:middle;
	border:solid 4px #EBB818;
	background: rgba(0, 85, 139, 0.5);
	padding:15px 4px 4px 4px;
	font-size:24px;
	border-radius:50px;
	color:white;
	width:300px;
	height:65px;
	z-index: 9;
}
.toplinks:hover{
    background: rgba(0, 85, 139, 0.8);
}
.downicon{
	text-align:center;
	vertical-align:middle;
	border:solid 4px yellow;
	background: rgba(0, 85, 139, 0.5);
	padding:15px 4px 4px 4px;
	font-size:1.5em;
	border-radius:50px;
	color:white;
	width:300px;
	height:65px;
	z-index: 9;
	/*animation: zoom-in-zoom-out 1s ease infinite;*/
	
}
.downicon:hover{
	background: rgba(0, 85, 139, 0.8);
	/*background-color:transparent;
	border:solid 2px yellow;*/

}

.savoireplusbtn{
	padding-top:12px;
	z-index: 9;
	margin: 10px;
	/*background-color:yellow;
	background: rgba(255, 255, 51, .2);
	background: rgba(140, 169, 197, .5);*/
	background:rgba(0, 85, 139, 0.3);
	border:solid 4px #EDBF2F;/*yellow;*/
	border-radius:30px;
	color:white;
	width:300px;
	height:60px;
	font-size:27px;
	transition: 0.3s;
	position: relative;
}

.savoireplusbtn:hover{
	/*opacity:60%;
	background-color:transparent;
	background: rgba(255, 255, 51, 1);*/
	background: rgba(237, 191, 47, 1);
	border-color:rgba(0, 85, 139, 1);
	color:black;
	transform:scale(1.1);
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}