/* ==================================================== SPECIFIC ======================================================== */

/* == 27/08/2020 : chat messages == */

.chat-pop-up {
  border-radius: 6px;
  bottom: 100px;
  box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);
  opacity: 0;
  right: 20px;
  position: fixed;
  transform: translatey(20px);
  transition: opacity 0.25s ease, transform 0.25s ease-out;
  width: 332px;
  /*z-index: 1000;*/
  z-index: -1000;
  background-color: #ffffff;
}
.chat-pop-up--heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #af0f19;
  border-radius: 5px 5px 0 0;
}
.chat-pop-up--heading h3 {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 44px;
  margin: 0;
}
.chat-pop-up h4 {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin: 20px 0;
}
.toggle-chat {
  background: #af0f19;
  border-radius: 50px;
  border-style: none;
  box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);
  cursor: pointer;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  position: fixed;
  height: 70px;
  bottom: 20px;
  right: 80px;
  padding: 10px;
  transition: width 0.3s ease-in-out, background 0.2s ease;
  outline: none;
  width: 70px;
  z-index: 1000;
}
.toggle-chat:hover, 
.toggle-chat:active {
  /*background: #1F6AA8;*/
  background: #af0f19;
  opacity: 0.7;
}
.toggle-chat.chat-is-open {
  flex-direction: column;
  width: 70px; /* comme la largeur d'ouverture */ 
}
.open-chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  opacity: 1;
  transition: opacity 0.2s 0.2s ease-out;
  margin-top: 25px;
}
.toggle-chat.chat-is-open .open-chat {
  transition: none;
  opacity: 0;
}
.toggle-chat .close-chat {
  margin-top: 2px;
  opacity: 0;
  transform: rotate(-40deg);
}
.toggle-chat.chat-is-open .close-chat {
  margin-top: 65px;
  opacity: 1;
  transform: rotate(0deg);
  transition: opacity 0.2s ease-out, transform 0.4s ease-out;
  color: #ffffff;
}
.chat-display-on {
  display: block !important;
}
.chat-visible {
  opacity: 1;
  transform: translatey(0);
  z-index: 1000;
}

.discussion{
  background-color: #f8f8f8;
  overflow: scroll;
  max-height: 300px;
  }
.img_cont_msg {
    height: 40px;
    width: 40px;
}
.msg_cotainer {
    margin-top: auto;
    margin-bottom: auto;
    /* margin-left: 10px; */
    border-radius: 10px; /* 25px */
    background-color: #dfdfdf;
    padding: 10px;
    position: relative;
    /* width: 100%; */
    margin-right: 10px;
}
li.pending{padding: 10px 15px !important;}

li.pending::before{
   content: none !important;
}
li.pending small{
   position: absolute;
   top: -20px;
}
li.pending span{
   position: absolute;
   bottom: -20px;
   font-size: 0.7rem;
   color: #a4a4a4;
}
li.pending img{
   width: 50px;
}

ul#messages{
   padding-top: 15px;
   margin: 0;
   padding-left : 10px;
}
ul#messages li{
  list-style-type: none;
}
.sendMsg input#content::placeholder{font-weight: normal;}

/* == 24/07/2020 : liste de pdf card == */
h5.card-title{
    font-size: 0,9rem;
    color: #7b7b7b;
    letter-spacing: 0.02rem;
    font-size: 0.9rem;
	line-height: 1.3rem;
  }
.badge-light{
    padding: 5px;
    font-weight: normal;
    border: 1px solid #e6e6e6;
    margin: 5px;
  }
.card a:hover{
  	text-decoration: none;
  }

/* == 27/07/2020 : détail d'un abstract == */
h3.antTitle{
	font-size: 1.2rem;
	font-weight: bold;
	color: #af0f19;
	}
a.abstractDetail{
	font-weight: bold;
	border: 1px solid #af0f19;
	padding: 10px;
	color: #af0f19;
	}

a.abstractDetail:hover{
	text-decoration: none;
	}

/* == 21/04/2020 : post-it pour dates postposées suite au COVID-19 == */
/* version smartphone voir mediasqueries pour les autres */
.postponedInfo{
	background-image: url('/images/post-it.png');
	background-size: 50%; /* 40% */
	height: 155px; /* 218px */ /* 185px */ /* 145px */
	background-position-y: 0;
	background-repeat: no-repeat;
	background-position-x: 15px;
	padding-top: 0; /* 55px */ /* 40px */ /* 35px */ +* 15 */
	font-weight: bold;
	font-size: 0.8rem;
	padding-right: 234px;
	padding-left: 40px; /* 35px */
	color: #ffffff;
}

/* == forcing pour décaler un icone du nouveau menu responsive == */
.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -6px !important;
    }
/* == espace au dessus et en dessous du nouveau menu responsive == */
.toggle.hc-nav-trigger.hc-nav-1{
    /*padding: 1em !important;*/
}


/* == REGISTER == */
.registerForm td{
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 10px;
  }
.registerForm td .antsBtn{
  margin: 0;
  }
.registerTabTitle{
  background-color: #af0f19;
  padding: 10px 5px;
  color: #ffffff;
  }
.registerTabDate{
  background-color: #f8f8f8;
  padding: 10px 5px;
  color: #af0f19;
  font-weight: bold;
  }
.registerFull{
  background-color: red;
  color: #ffffff;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  display: inline;
  }
.registerForm input[type="CHECKBOX"]{
  margin-left: -1.25rem ; /* remise en place du margin-left de bootstrap qui est modifié dans notre common */ 
  }
/* réglage bootstrap, alignement du checkbox */ 
.registerForm .custom-control-label::after,
.registerForm .custom-control-label::before{
    top: 0.1rem;
    }
.registerForm .antLabelRadio::after,
.registerForm .antLabelRadio::before{
    top: 0.45rem;
    }

/* == FOOTER FIXED RACCOURCIS == */
#footerFix{
    position: fixed;
    z-index: 999;
    bottom: 0;
    background-color: #424242;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: block;
    }
#footerFix > div{
    display: inline-block;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    color: #ffffff;
    }
#footerFix > div:hover{
    color: #af0f19;
    cursor: pointer;
    }

/* décalage du footer uniquement dans le cas où le footerFix est présent */
footer.antMobileMargin{
    margin-bottom: 60px;
    }

/* == PROGRAMME LDO == */
#antCardGroup .card-header i{
    position: absolute;
    right: 5px;
    top: 5px;
    }
#antCardGroup .card-header:hover{
    cursor: pointer;
    }

.antSessionTitle h2{
    color: #af0f19;
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    }

.antSessTopic{
    font-weight: bold;  
    margin-bottom: 0.2rem;  
    }
.antSessHour{
    font-weight: bold;
    }
.antSessInfo{
    border-left: 1px solid #c9c9c9; 
    margin-left: 25px;
    padding-bottom: 0.8rem; 
    }
.antSessSpeakersName{
    color: #af0f19;
    }
/* sessions parallèles */
.antSessHourParallel{
    font-weight: bold;
    } 
.antSessTopicParallel, .antSessSpeakersParallel {
    border-left: 1px solid #c9c9c9;
    margin-left: 25px;
    padding-right: 25px; /* contrer le margin-left */
    }
.antParaSess{
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    }

/* == COLLAPSE SPECIFIC LDO Confirmed Speakers == */

.antwBtn[aria-expanded="false"] i.fa-plus{ display: block;}
.antwBtn[aria-expanded="false"] i.fa-minus{ display: none;}
.antwBtn[aria-expanded="true"] i.fa-plus{ display: none;}
.antwBtn[aria-expanded="true"] i.fa-minus{ display: block;}

.antwBtnInv[aria-expanded="false"] i.fa-plus{ display: block;}
.antwBtnInv[aria-expanded="false"] i.fa-minus{ display: none;}
.antwBtnInv[aria-expanded="true"] i.fa-plus{ display: none;}
.antwBtnInv[aria-expanded="true"] i.fa-minus{ display: block;}

/* == calendar == */
.calendar{
    background-color: #ffffff; 
    padding: 10px;
    z-index: 1050; /* si modal car il est en 1040*/
    border: 2px solid #20569c;
    }
.calendar td.day:hover{
    cursor: pointer; 
    background-color: #20569c; 
    color: #ffffff;
    }
.calendar td.selected{
    background-color: #20569c;  
    color: #ffffff;
    }
.calendar .headrow {background-color: #f7f2ea;}
.calendar td{ padding: 5px; text-align: center;}
.calendar td.wn, .calendar td.name{
    background-color: #f4f4f4;
    color: #999;
    }
.calendar td.wn:hover, .calendar td.name:hover{
    background-color: #f4f4f4;
    color: #999;
    cursor: default;
    }
.calendar .button{ text-align: center;}
.calendar .button:hover{cursor: pointer;}
.calendar .nav{ background-color: #20569c; color: #ffffff; border: 1px solid #ffffff;}
.calendar .nav:hover{ background-color: #87cefa;}

.calendar thead tr td.title{
    font-weight: bold;
    text-transform: uppercase;
    }

/* == BACKGROUND PLEINE LARGEUR CUSTOM == */
/* bg custom 1 gris clair */
div.antfullwBg1{
    background-color: #f8f8f8;
    }

/* bg custom 2 orange */
div.antfullwBg2{ background-color: #ff9c00;}

/* les couleurs de textes, liens, titres, etc adaptés si couleurs ne resortant pas */
/* titres avec tous les styles devant être changés */
div.antfullwBg2 .antpar1 h1 { color: #ffffff;}
div.antfullwBg2 .antpar1 h1.style2 { color: #ffffff;}
div.antfullwBg2 h1, div.antfullwBg2 h2{ color: #ffffff;}
/* contenus p, li, a etc */
div.antfullwBg2 .antpar1 .par1descr, div.antfullwBg2 .par2cont .par2descr{ color: #ffffff;}
div.antfullwBg2 .par1descr ul li::before, div.antfullwBg2 .par2descr ul li::before, div.antfullwBg2 .par1descr ul ul li::before, div.antfullwBg2 .par2descr ul ul li::before{
        color: #ffffff;
        }
div.antfullwBg2 .par1descr a, div.antfullwBg2 .par2descr a{ color: #ffffff;}
div.antfullwBg2 .par1descr a:hover, div.antfullwBg2 .par2descr a:hover{ color: #ffffff; font-weight: bold;}
div.antfullwBg2 .linkList li a{ color: #ffffff;}
div.antfullwBg2 .linkList li a:hover { color: #ffffff; font-weight: bold;}

/* les couleurs des boutons si besoin */
/* les couleurs de textes, liens, titres, etc adaptés dans col ou par specific si besoin */
/* les couleurs de formulaire si besoin */

/* == BG CUSTOM 2SPE - COLONNE IMBRIQUEES == */
div.antfullwBg2Spe{ background-color: #f8f8f8;}
div.antfullwBg2Spe .col-md-5{
    padding-left: 0;
    padding-right: 0;
    }
div.antfullwBg2Spe .par2cont{
    padding: 0;
    }
div.antfullwBg2Spe .par2contSt4 {
    min-height: 357px; /* taille de la hauteur des images */ /* 365 avant migration bootstrap 4 */
    position: relative;
    }
div.antfullwBg2Spe .par2_line:nth-child(2n) .par2contSt4::after{
    font-family: FontAwesome;
    content: "\f0da";
    color: #fff;
    font-size: 400%;
    right: -15px;
    position: absolute;
    top: 40%;
    z-index: 1;
    }
div.antfullwBg2Spe .par2_line:nth-child(odd) .par2contSt4::before{
    font-family: FontAwesome;
    content: "\f0d9";
    color: #fff;
    font-size: 400%;
    left: -15px;
    position: absolute;
    top: 40%;
    }
/* migration bootstrap 4 */
div.antfullwBg2Spe .col-lg-5{
    padding-right: 0px;
    padding-left: 0px;
    }
div.antfullwBg2Spe figure.effect-milo{
    margin: 0;
    }


/* bg custom 4 image avec effet */
div.antfullwBg4{
    background: url(../images/bg_murdimages.jpg) repeat-y; 
    /* background-size: 100%; */
    /* effet zoom hover lpe 18012018 */
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 2;
    }

div.antfullwBg4:after { /* effet zoom hover lpe 18012018 */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform .4s ease-in-out;
    z-index: -1; 
  }
div.antfullwBg4:hover:after { /* effet zoom hover lpe 18012018 */
      transform: scale(1.05);
  }

div.antfullwBg4 .antpar1 h1, div.antfullwBg4 .antpar1 h2{
        font-family: "Raleway",sans-serif,Helvetica,calibri;
        color: #fff;
        font-weight: 500;
        font-size: 160%;
        text-align: center;
        margin: auto;
        width: 450px;
        display: block;
        }
.antfullwBg4 p{
        color: #fff;
        }

/* ADDTHIS */
#toolbox {
	display: block;
        margin: 20px 0px 10px 0px;
        }
#toolbox a {
        /*float: right;*/ /* addthis par défaut à left */
        }

/* ENCARTS HOME */

/* BOUTON TOP */
#btn_up {
        position: fixed;
        bottom: 70px; /* sur smartphone  car fixed footer */
        right: 20px;
        cursor: pointer;
        display: none;
        font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #424242;
        font-size: 12px;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        box-shadow: 0 0 0 1px #dddddd;
        background: none repeat scroll 0 0 #f0f0f0;
        border: 2px solid #ffffff;    
        height: 40px;
        width: 40px;
        z-index: 9999;
        }
#btn_up i{
        font-size: 25px;
}
/* == CARDS_COLUMS SPECIFIC Confirmed Speakers == */
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
@media (min-width: 768px) {
.card-columns{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    }
}

@media (max-width: 768px){ /* version smartphone */
    div.antfullwBg1 .antpar1 h1{
        width: 100%;
        }
    #zoneTexte{display: none;}
}

@media (max-width: 992px){
    /* pour les colonnes imbriquees-damier */
    div.antfullwBg2Spe .par2_line:nth-child(2n) .par2contSt4::after{
        font-family: FontAwesome;
        content: "\f0d7"; /* version fleche vers le bas */
        color: #ffffff;
        font-size: 400%;
        right: 45%;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        top: auto;
        }
    div.antfullwBg2Spe .par2_line:nth-child(odd) .par2contSt4::before{
        font-family: FontAwesome;
        content: "\f0d8"; /* version fleche vers le haut */
        color: #ffffff;
        font-size: 400%;
        left: 45%;
        position: absolute;
        top: -49px;
        }

    
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.postponedInfo{
		background-size: 32%;
		height: 130px; /* 230px */ /* 160px */ /* 120px */
	}
}

@media screen and (min-width: 992px) {
    .antSessInfo{
        margin-left: 0;
        }
    /* FOOTER FIXED RACCOURCIS */ 
    #footerFix{
        display: none;
        }
    #btn_up {
        bottom: 20px;
        }
    /* décalage du footer uniquement dans le cas où le footerFix est présent - remise à 0 sur desktop*/
    footer.antMobileMargin{
        margin-bottom: 0px;
        }

      .chat-pop-up {
		right: 90px;
		}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* pour les colonnes imbriquees-damier - taille min tablette*/
    div.antfullwBg2Spe .par2contSt4 {
        min-height: 310px;
        }

    .postponedInfo{
		background-size: 70%;
		height: 160px; /* 200px */ /* 150px */
		padding-right: 60px;
		padding-top: 40px; /* 60 */
		padding-left: 40px;
		font-size: 1rem;
	}
}
@media screen and (min-width: 1200px) {
	.postponedInfo{
		background-image: url('/images/post-it.png');
		background-size: 60%;
		height: 160px; /* 175px */ /* 222px */ /* 145px */
		background-position-y: 0;
		background-repeat: no-repeat;
		background-position-x: left;
		padding-top: 40px; /* 60px */
		font-weight: bold;
		font-size: 0.8rem;
		/* padding-right: 150px; */
		/* padding-left: 15px; */
		margin-top: 15px;
		font-size: 1rem;
	}
}