html, body {
    overflow: visible;
    /*font-size: 14px;*/
}
.larger-text-size{
    font-size: 14px;
}
a{
    text-decoration: none;
}

.header-img{
    display: flex;
    justify-content: space-around;
}


.header-img > div{
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-img > div img{
    max-height: 140px;
    max-width: 217px;
}

.header-img- > div{
    display: flex;
    justify-content: center;
    background: white; /*there color the backgroug free png; can find png for others for thre will trouble with sizes*/
}
.header-img- > div img{
    max-width: 77px;
    max-height: 37px;
}
.header-img- > div a {
    display: flex;
    align-items: center;
}

.header2{
    display: flex;
    align-items: center;
    justify-content: center;
}
.hor-center{
    display: flex;
    align-items: center;
    text-align: center;
}
.logo-event img{
    max-width: 200px;
    max-height: 70px;
}

/*@media (max-width: 500px){
    .header-img{
        flex-direction: column;
        align-items: center;
    }
    .header-img > div{
        width: 100%;
    }
    .header-img > div img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .header-img > div a{
        width: 100%;
    }
}*/


@media (min-width: 576px){.container, .container-sm {
    max-width: 540px;
}}
@media (min-width: 768px){
    .container, .container-md, .container-sm {
    max-width: 910px; /*the one i've changed*/
}}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
}



.lang-dropdown > li > button {
    background: none;
    border: none;
    /*color: blue;*/
    /*text-decoration: underline;*/
    cursor: pointer;
  }
  .lang-dropdown > li > button:hover {
      background: #5553;
      border-radius: 12px;
  }
.cg-lg-btn{
    border-color: transparent !important;
    outline: 0 !important;
}


.person{
    font-style: italic;
    color: green
}
.title{
    color: blue;
    display: block;
}
.pause{
    color: blueviolet;
    display: block;
}
.description{
    display: block;
}
.smaller-size{
    font-size: smaller;
}

td{
	text-align:center;
    vertical-align: middle !important;
}
.hour{
    color:brown
}

table tr td:first-child{
    line-break: normal;
}
.table1{
    font-size: 16px !important;
}
.table1 {
    display: block;
    /*overflow-x: auto;*/
}

.jumbotron{
    margin-bottom: -30px;
}


.align-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:14px;
}

.align-img a{
	display:flex;
	align-items: center;
	justify-content:center;
	padding:5px;
	padding-bottom:15px;
	width: 100%;
	height:100%;
    text-decoration:none;
}

.align-img{
    min-height: 120px;
    /*min-width: 400px;*/
}

.align-img img{
    max-height: 75px;/*80%;*/
    max-width: 100%;
    margin: 10px;
}
.align-img-main img{
    max-width: 200px;
}

/*interesting only for many parteners*/
/*@media (min-width: 1080px){
    .align-img{
        margin: 20px;
        max-height: 67px;
    }
}

@media (min-width: 1200px){
    .align-img{
        margin: 38px;
    }
}
*/



/*bacgroung color to distinguish conf, workshop, ..*/
.bg-atlr{
    background-color: #8888ff5e !important;
}
.bg-conf{
    /*background-color: #ff000063 !important;*/
}
.bg-tuto{
    background-color: #96960063 !important;
}

/*pace icon for translation*/
.myfa{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.myfa > i{
    margin-right: 10px;
}

.my-li{
    justify-items: center;
    justify-content: center;
    display: flex;
    align-items: center;
}
.my-li>div{
    min-height: 0;
}




/* card for activities*/
.my-card{
    flex-direction: row;
    /*border: 0px;*/
}
.my-card img.card-img-top {
    max-width: 100%;
    max-height: 100px;
    width: auto;
}

.my-list-wp .list-group-item{
    margin-bottom: 10px;
}