.no-padding [class*='col-'] {
padding:0
}

.red{
  background-color: red
}

.traitBleu100{
  height: 4.5px;
  background-color: #4bb8b5;
  margin-bottom:5%

}

.traitBleu100, .traitBleu25{
  height: 4.5px;
  background-color: #4bb8b5;
  margin-bottom:5%

}

h1, h2, h3, h4, h5{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;

}

h1, h4, h5{
  margin-top:3%;
  margin-bottom:2%
}

h2{
  color:white;
  font-size: 22px;
  margin:5% 0
}

h1{
  color:#333333;
  font-size: 28px;
  text-transform: uppercase;
}

h3{
  color:#333333;
  font-size: 20px;
  margin:0
}

h4{
  color:#4bb8b5;
  font-size: 20px;
}

h5{
  font-size: 1vw;
}

p{
  font-family: 'Roboto', sans-serif;
  font-size: 14.5px;
  color:#333333;
  letter-spacing: 0.8px;

}

p a{
  color:#4bb8b5;
  text-decoration: underline;
}

a:hover {
  transition-duration: 300ms
}

a:hover {
  color:#4bb8b5;
  text-decoration: none;
  transition-duration: 300ms
}


.btn{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 15px
}

.btn-primary{
  padding: 1% 2%;
  background-color: #4bb8b5 !important;
  border: 2px #4bb8b5 solid!important
}

.btn-secondary{
  padding: 1% 2%;
  background-color: transparent;
  border: 2px white solid
}

.btn-primary-reverse{
  padding: 1% 2%;
  color:#4bb8b5;
  background-color: transparent !important;
  border: 2px #4bb8b5 solid!important
}

.btn-primary:hover{
  color:#4bb8b5;
  background-color: transparent!important;
  border-color:#4bb8b5!important
}

.btn-secondary:hover{
  color:#333333;
  background-color:white;
  border-color:white
}

.btn-primary-reverse:hover{
  padding: 1% 2%;
  color:white;
  background-color: #4bb8b5 !important;
  border: 2px transparent solid!important
}

.traitTitre{
  background-color: #4bb8b5
}

.traitTitre, .traitTitreBlanc{
  margin:auto;
  margin-top:5%;
  height: 5px;
  width: 10%;
}

.review img, .network img, #blocTwitter, .menu,
.paragrapheDroite .image img, .paragrapheGauche .image img, .videoConf, .plan img,.videoPlenary, .blocNoirPlenary .blocNoir
, #blocTwitterConf , .plenaryBlock , .speakersPlenary, .imgSpeakersModal img, .imgSpeakersModal_Fit img{
  box-shadow: 0px 0px 25px 0px #333333;
}


.blocSchedule, .card, .Topics, .tabFees, .preconfForm .card-header, .blockPlenary, .blocBoutonsMenuGauche{
  box-shadow: 0px 0px 40px 0px rgba(51,51,51,0.5);
}

.preconfForm .card  {
  box-shadow: 0px 0px 0px 0px rgba(51,51,51,0.5);
}






/* MENU*/

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu{
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  right: 100%;
  margin-top:-6px;
}

.dropdown-menu{
  background-color: #333333;
  border-radius: 0;
  padding: 0;
  top:90%;
  border-top: #4bb8b5 4px solid
}

.dropdown-menu li a{
  line-height: 40px;
  font-size: 13px;
}

.dropdown-menu li a{
  border-color: red
}

.navbar a{
  font-size: 14.5px;
  font-weight: 600;
  text-align: left
}

.navbar{
  background-color: #333333;
  padding: 0.5% 3%
}


.navbar-dark li a{
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
  color:white!important;
  letter-spacing: 1px
}

.navbar li a:hover{
    color:#4bb8b5!important;
    border-bottom: 2px solid #4bb8b5;
}

.navbar-dark .active a{
  color:#4bb8b5!important;
}

/*FOOTER*/

.footer{
  padding:5% 5% 0 0;
  background-color: #333333;
}

.adresse p{
  text-align: left;
  padding-left:5%;
}

.adresse p, .liensRS p{
  color:white;
  text-align: left;
  padding-bottom:10%
}

.footer a{
  color:#4bb8b5
}

.footer span{
  color:white;
  margin-right:2%
}

.adresse{
  border-left: solid 5px #4bb8b5;
}

.liensRS p{
  text-align: center;
}

.liensRS {
  text-align: center;
}

.footer .btn{
  margin-top:-10%;
  margin-bottom:5%;
  border-color: #4bb8b5;
  font-size: 13px
}

.footer .btn:hover{
  border-color: #4bb8b5;
  background-color: #4bb8b5;
}

.liensRS img{
  margin-top:-20%;
  opacity: 1;
  transition-duration: 300ms
}

.liensRS img:hover{
  opacity:0.7;
  transition-duration: 300ms
}



/*MENU GAUCHE*/

.blocMenuGauche{
  background-color: #4bb8b5;
  position: relative;
  padding: 0;
  margin: 0;
  z-index:1000;
  background-image: url("img/fondMenu.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  background-attachment: fixed;




}

.menuGauche{
  top:13vh;
  position: sticky;
  padding: 10% 0
}

.blocMenuGauche .btn{
  font-weight: 500;
  font-size: 13px;
}

.btnConf{
  margin: 3% 0
}

.menuGauche h1{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  padding:0 3%!important
}

.menuGaucheResp h1{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color:#333333!important

}

.traitMenuGauche, .traitMenuDroit{
  background-color: white;
  height: 5px;
  margin: 8% 0;
  width: 80%
}

.traitMenuGauche{
  float: left;
}

.traitMenuDroit{
  float: right;
}

.menuConf{
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  margin-left:20%;
  letter-spacing: 1.5px
}

.menuConf ul{
  width: 100%;
}

.menuConf li {
  padding:2% 5% 2% 0!important;
  color:white;
}

.menuConf a {
  padding:0 0!important;
  color:white;
}

.menuConf a:hover {
  opacity: 0.7
}

.menuGaucheResp{
  display: none;
  position: relative;
  z-index:100
  }

.menuGaucheResp .navbar{
  background-color: #4bb8b5!important;
  padding:0;
  margin:0
}

.menuGaucheResp .navbar-toggler{

  margin-right:3%!important
}

.menuGaucheResp .traitMenuGauche{

  margin: 5% 0;

}

.menuGaucheResp .traitMenuDroit{

  margin: 3% 0;

}

.menuGaucheResp .menuConf a{
  text-align: center!important;
  margin:0
}

.menuGaucheResp .menuConf a:hover{
  color: white!important;
  border: 0px!important
}


.menuGaucheResp .menuConf{
  margin:5% 0
}


.blocMenuGauche, .menuGaucheResp{
box-shadow: 0px 0px 25px 0px #333333;

}

.blocMenuGauche .btn{
  width: 150px
}



/*SECTION CENTRALE*/


.sectionCentrale{
  background-image: url("img/fondMotif.png");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right bottom;

}


/* PLENARY SESSION */

.blocNoirPlenary{
  padding: 0 10%;
  margin: 5% 0
}

.blocNoirPlenary img{
  height: 50px;
  transition-duration: 500ms
}

.blocNoirPlenary img:hover{
  opacity:0.5;
  cursor:pointer
}



.blocNoirPlenary .blocNoir{
  margin:0!important
}

.paragrapheCentrePlenary{
  padding: 0 10%!important;
  margin: 5% 0
}

.paragrapheCentrePlenary h5, .sectionSpeakers h5{
  text-transform: uppercase;
  color:#4bb8b5;
  margin:1.5% 0;
  font-size: 16px
}

.paragrapheCentrePlenary .topic{
  font-style: oblique;
}

.sectionSpeakers{
  border-right:30px solid #4bb8b5;
  padding: 5% 10%;
  padding-bottom:10%


}

.sectionSpeakers .bio{
  margin: 5% 0


}

.sectionSpeakers .bio p{
  text-align: justify;


}

.sectionSpeakers img{
  padding: 0 15%;
  height: 200px;
  width: 100%;
  object-fit: cover;
  float:right


}

.sectionSpeakers .speakers{
  color:#333!important;
  font-style: oblique;
  margin-top:0!important


}

.traitNoirPlenary{
  border-top: 8px solid #333
}

.traitNoirPlenaryFull{
  border-top: 8px solid #333;

}

.plenaryVideo{
  background-image: url("img/fondNoir.png");
  background-repeat: no-repeat;
  background-position: left bottom ;
  background-size: cover;
  background-color: #333;
  margin-top: 1%;

  padding:0 20%;
  border-bottom: 10px solid #b7e3e1
}

.videoPlenary{
  margin-top: -15%
}

/* IPPA GRANT */

.section-3-paragraphesGrant p{
  text-align: center!important;
}

.boutonGrant {
  padding: 0 10%
}

.boutonGrant button{
  margin: 2%
}

.sectionTraitMenu{
  height:12px;
  background-color: #4bb8b5;
  margin-bottom:3%!important
}

.sectionPlenary{
  margin: 3% 0!important;
  padding: 0 5%!important
}

.colPlenary{
  padding: 0 2%!important;
  margin: 2% 0!important;
}

.blockPlenary{
  background-color: #fff;
  border-radius: 5px!important;
  height: 100%;
  border-bottom: #4bb8b5 solid 12px;
  transition-duration: 200ms
}

.blockPlenary:hover{
  opacity: 0.7!important;
  transition-duration: 200ms
}

.contentBlockPlenary{
  padding: 0!important;
}

.blockPlenaryHeader {
  padding: 5% 5% 3% 5%!important
}

.blockPlenaryHeader h4{
  text-transform: uppercase;
  font-size: 16px!important;
  margin:0!important;
  padding: 0!important
}

.blockPlenaryTitle{
  padding: 3% 5% 5% 5%!important
}

.blockPlenaryTitle p{
  margin: 0!important;
  padding: 0!important;
  font-weight: 600;
  font-style: italic;
}


/* PAGE PLENARY */


.sectionEntetePlenary{
  margin:0 0 1% 0!important;
  padding: 0 15%!important;
  background-color: #f1f1f1
}

.plenaryBlock{
  background-color: #333;
  padding: 5% 0!important
}

.entetePlenaryBlock{
  margin-top: -8%!important;
  margin-bottom: 4%!important;
}

.lignePlenaryBlock{
  background-color: #4bb8b5;
  height: 5px;
  width: 20%;
  margin: 2% 0!important
}

.sortPlenaryBlock{
  margin: 5% 0!important;
  padding: 0 10%!important
}

.sortPlenaryBlock h2{
  text-transform: uppercase;
  font-size: 20px;
  padding: 0!important;
  margin: 0!important
}

.titlePlenaryBlock{
  margin: 5% 0!important;
  padding: 0 10%!important
}

.titlePlenaryBlock h3{
  color:white!important;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0!important;
  margin: 0!important
}

.pictoPlenaryBlock{
  margin-top:2%!important;
  padding: 0 10%!important
}

.pictoPlenaryBlock img{
  height: 60px;
  width: auto;
  transition-duration: 200ms
}

.pictoPlenaryBlock img:hover{
  opacity: 0.5;
  transition-duration: 200ms
}

.imgModeratorBlock{
  object-fit: cover;
  width: 85%;
}

.presentationEntetePlenary{
  border-left: 5px solid #4bb8b5;
  margin: 0 0 4% 0!important;
  padding: 0 3%!important;
}

.moderatorEntetePlenary{
  margin: 2% 0!important;
}

.moderatorEntetePlenary h4{
  text-transform: uppercase;
  font-size: 16px;
  padding: 0!important;
  margin: 0!important;
}

.topicEntetePlenary{
  margin: 2% 0!important;
}

.topicEntetePlenary h4{
  text-transform: uppercase;
  font-size: 16px;
  padding: 0!important;
  margin: 0!important;
  font-style: italic;
  color:#333
}

.ligneEntetePlenary{
  background-color: #4bb8b5;
  height: 5px;
  margin: 4% 0!important
}

.texteEntetePlenary{
  margin: 2% 0!important;
}

.moderatorNamePlenary p{
  color: #4bb8b5;
  font-style: italic;
}

.texteEntetePlenary p{
  padding: 0!important;
  margin: 0!important;
  text-align: justify;
  line-height: 26px;
}

.sectionSpeakersPlenary, .section3SpeakersPlenary{
  margin: 3.5% 0 0 0!important;
  background-image:url("img/speakersFond.png");
  background-size: cover;
  background-position: top right;
  border-bottom: #b7e3e1 7px solid;
  background-repeat: no-repeat;
}

.sectionSpeakersPlenary{
  padding: 0% 12% 5% 12%!important;
}

.section3SpeakersPlenary{
  padding: 0% 22% 5% 22%!important;
}

.blockSpeakersPlenary{
  padding: 0 2.5%!important
}

.speakersPlenary{
  transition-duration: 300ms;
}

.speakersPlenary:hover{
  transition-duration: 300ms;
  border-top: solid #333 16px;
  cursor:pointer;
}

.speakersPlenary:hover .imgSpeakersPlenary img{
  transition-duration: 300ms;
  opacity: 0.7
}

.block3SpeakersPlenary{
  padding: 0 3%!important
}

.speakersPlenary{
  background-color: white;
  border-radius: 8px;
  border-top: solid #4bb8b5 16px;
  padding: 10%!important
}

.imgSpeakersPlenary img{
  object-fit: cover;
  width: 200px;
  height: 200px;
  margin: auto;
}

.ligneSpeakersPlenary{
  background-color: #4bb8b5;
  height: 2px;
  margin: 10% 0!important
}

.nameSpeakersPlenary, .professionSpeakersPlenary{
  margin: 3% 0!important
}

.nameSpeakersPlenary h2{
  color : #4bb8b5
}

.professionSpeakersPlenary h2{
  color : #333
}

.professionSpeakersPlenary h2, .nameSpeakersPlenary h2{
  text-transform: uppercase;
  font-size: 15px;
  padding: 0!important;
  margin: 0!important;
}

.universitySpeakersPlenary{
  margin : 8% 0 0 0!important
}

.universitySpeakersPlenary p{
  padding: 0!important;
  margin: 0!important;
  font-style: italic;
}

.sectionPlenaryVideo{
  margin:5% 0 0 0!important;
  padding: 0 23%!important;
}


/* PLENARY MODAL */

.sectionSpeakersModal{
  margin: 5% 0 5% 0!important;
  padding: 0 15%!important;
}

.imgSpeakersModal img{
  object-fit: cover;
  width: 350px;
  height: 350px;
  margin: auto;
}

.imgSpeakersModal_Fit img{
  object-fit: contain;
  width: 350px;
  height: 350px;
  margin: auto;
}

.ligneSpeakersModal{
  background-color: #4bb8b5;
  height: 5px;
}

.nameSpeakersModal, .universitySpeakersModal{
  margin: 1.5% 0!important;
  padding-left: 8%!important
}

.nameSpeakersModal h5, .universitySpeakersModal h5{
  text-transform: uppercase;
  margin:0!important;
  padding: 0!important
}

.universitySpeakersModal h5{
  font-style: italic;
}

.txtSpeakersModal{
  margin: 3% 0!important;
  padding-left: 8%!important
}

.txtSpeakersModal p{
  line-height: 26px;
  text-align:justify;
}


/*GALLERY*/

.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.galleryConf{
  margin: 10% 0;
  padding:0 12%
}

.thumb{
  padding: 1%!important;
  transition-duration: 300ms
}

.thumb:hover{
  opacity:0.5;
  transition-duration: 300ms
}

.thumb img{
  height: 200px;
  width: 100%;
  object-fit: cover
}

.img-thumbnail{
  border:0px
}

/* PHOTO COUVERTURE */

.cadre{
  background-color: #333333;
  padding: 5% 0;
  margin-top:-10%
}

.cadretxt{
  padding:0 10%;
  margin-bottom:5%
}

.cadretxt h2{
  margin:0;
  text-transform: uppercase;
  font-size: 20px;

}

.cadretxt p{
  color:#4bb8b5;
  font-size: 18px;
  margin-top:2%;

}

.cadreTrait{
  background-color:#4bb8b5;
  height: 5px;
  width: 20%;
  float: right;

}

.cadretxt a{
  text-decoration: underline;
  color: #4bb8b5
}



.paragraphe a{
  color: #4bb8b5;
  text-decoration: underline;
}


/* COMMITTEES TITRE GAUCHE*/

.committeesGauche{
  margin-top:5%
}

.committeesGauche .paragraphe{
  border-top:7px solid #333333;
}

.committeesGauche .paragraphe h2{
  font-size: 28px;
  color: #4bb8b5;
  text-align:right;
  text-transform: uppercase;
  padding-left: 10%
}

/* COMMITTEES TITRE DROITE*/

.committeesDroite{
  margin-top:5%
}

.committeesDroite .paragraphe{
  border-top:7px solid #333333;
}

.committeesDroite .paragraphe h2{
  font-size: 28px;
  color: #4bb8b5;
  text-align:left;
  text-transform: uppercase;
  padding-right: 10%
}



/* PARAGRAPHE DROITE */

.paragrapheDroite{
  margin:10% 0 5% 0;
  padding:0 10%
}

.paragrapheDroite .row{
  border-top:7px solid #333333;
}

.paragrapheDroite .paragraphe{

  text-align: justify;
  padding: 1% 0 0 7%
}

.paragrapheDroite .paragraphe p{
    line-height: 30px;
    padding-top:1%
}

.paragrapheDroite .paragraphe h2{
font-size: 28px;
color: #4bb8b5;
text-align:right;
text-transform: uppercase;


}



.paragrapheDroite .image img{
  margin-top: -10%
}


/* PARAGRAPHE GAUCHE */



.paragrapheGauche{

  margin: 10% 0 5% 0;
  padding: 0 10%
}

.paragrapheGauche .row{
  border-top:7px solid #4bb8b5;
}

.paragrapheGauche .paragraphe{

  text-align: justify;
  padding: 1% 7% 0 0
}

.paragrapheGauche .paragraphe p{
    line-height: 30px;
    padding-top:1%
}

.paragrapheGauche .paragraphe h2{
font-size: 28px;
color: #333333;
text-align:left;
text-transform: uppercase;

}



.paragrapheGauche .image img{
  margin-top: -10%;
  margin-bottom: 20%
}

/* MENU APP MOBILE */

.userInterfaceHaut{
  background-color: #4bb8b5!important
}

.userInterfaceBas{
  padding: 10% 5%
}

.imgConfMenuGauche img{
  height: 150px;
  width: 100%;
  object-fit: cover;
}


.blocBoutonsResp{
  background-color: white;
  border-radius: 10px;
  padding: 0
}

.blocBoutonsResp .boutonsMenuGauche{

  padding: 0 3%
}

.blocBoutonsMenuGauche{
  padding: 7% !important;

  border-radius: 10px;
}

.blocBoutonsMenuGauche{
  background-color: white;
}

.blocBoutonsMenuGauche{
  margin-top:5%
}

.blocBoutonsMenuGaucheResp{
  margin-top:0!important;
}

.blocBoutonsMenuGaucheResp{
  padding: 0  2%!important;
  background-color: transparent;
  box-shadow: none!important;
}

.nameConfMenuGauche_App{
  margin-bottom: 5%;
  text-align: center;
}

.nameConfMenuGauche_App h5{
  font-size:15px!important;
  text-transform: uppercase;
  margin: 6% 0;
}

.iconesHome_MenuApp {
  padding: 5% 10%
}

.iconesHome_MenuApp p{
  margin: 5% 0 0 0;
  text-transform: uppercase;
  color: #4bb8b5;
  font-size: 10px;
}


/* FEES REGISRATION*/


.sectionFeesForm{


  margin:0 0 5% 0
}

.sectionRegistrationPrices{
  border-left: 5px solid #4bb8b5;
  position:relative;
}

.sectionRegistrationPrices_Payment{
  position:relative;
}

.feesForm{
  margin: 5% 0;
  padding:0 10%;
}

.feesForm input{
  background-color: red
}

.feesForm label, .feesForm p{
  font-style: oblique;
}


.feesForm div {
  margin: 2% 0
}

.feesForm select{
  margin: 0 1%
}

.formBoutton{
  margin-bottom:5%
}



.feesForm button{
  margin: 5%
}



.bouttonPrev button{
  margin-right: 10%;
  float: right
}

.bouttonNext button{
  margin-left: 10%;
  float: left
}


.preconfForm .card-header{
  border-radius: 6px!important
}

.preconfForm .schedule{
  margin:0 0!important
}

.preconfForm{
  padding:0!important
}

.orderPreconfFees{
  margin: 3% 0!important;
  padding: 0 5%!important
}

.sectionOrderPreconf{

  padding: 1% 2%!important;
  margin: 1% 0!important
}

.orderPreconf{

  background-color: #4bb8b5;
  padding: 2% 5%!important;
  border-radius: 6px!important;

  box-shadow: 0px 0px 40px 0px rgba(51,51,51,0.5)
}

.orderPreconf h6{

  text-transform: uppercase;
  text-align: center;
  font-style: italic;
}

.orderPreconfProf{
  color:white
}



.orderPreconfTrait{
  background-color: white;
  height: 3px;
  margin: 3% 0!important
}



.preconfOptions h5{
  color: #4bb8b5;
  text-transform: uppercase;
  text-align: right!important;
  font-size:
}

.numberPreconfForm select{
  width: 40px!important;;
  height: 30px!important;
  padding:0!important;
  border: 1px #333 solid;
  border-radius: 0;
  background-color: transparent!important
}


.formOption{
  text-decoration:underline;
  font-style: normal!important;
  color: #4bb8b5;
  transition-duration: 300ms
}

.mealOptions .modal-body, .preconfOptions .modal-body, .refundPolicy .modal-body{
  padding-top:0!important
}

.refundPolicy .paragrapheCentre{
  padding:0 5%;
  margin:5% 0
}

.formOption:hover{
  color:#333;
  cursor: pointer;
  transition-duration: 300ms
}

.formSubmit h5{
  color: #4bb8b5;
  text-transform: uppercase;
  font-size: 15px;
  padding:0 15%
}


.formSubmit, .formConditions {
  margin:5% 0
}

.formSubmit{
  padding:0 15%
}


.formSubmit img{
  height: 90px;
  transition-duration: 300ms
}

.formSubmit img:hover{
  opacity:0.5;
  transition-duration: 300ms
}


.registrationPrices{
  position: sticky;
  top:8%
}

.registrationPrices .registrationPricesTitle {
  padding:2% 5%;
  background-color: #f1f1f1;
}

.registrationPricesTitle h3{
  font-size: 22px!important;
  text-transform: uppercase;
  margin:2% 0
}

.registrationPrices .tabRegistration{
  background-color: #f1f1f1;
  padding: 5%
}

.registrationPrices .totalRegistration{
  padding: 1%;
  background-color: #333
}

.registrationPrices .table th, .registrationPrices .table td{
  border:0px
}

.traitPoints2{

  border-bottom:dotted #4bb8b5 4px;
  margin-top:1.2vh;
  width: 100px

}

.totalRegistration{
  background-color: #333333
}


/*TAB FEES*/
.sectionTabFees{
  border-top: 7px solid#333;





}

.largeurTab{
  width: 150px
}

.tabFees{
  background-color: white;
  border-radius: 6px 6px 0 0;
  border-bottom: solid #4bb8b5 15px;
  padding: 0 8%;
  margin-top:-30%
}

.tabFees h1{
  margin-bottom:5%
}

.tabFees .table th, .tabFees .table td{
  border: 0px
}

.tabFees .table thead{
  border-bottom: 5px #333 solid
}


.tabFees h6{
  color: #4bb8b5

}

.tabFeesTxt p{
    color: #4bb8b5;
    margin:3% 0
}

.sectionTabFees .blue{
  color: #4bb8b5

}
.traitPoints{

  border-bottom:dotted #4bb8b5 4px;
  margin-top:25%;
  width: 50px

}

.S-tabFeesTxt p{
  color:#333;
  margin:3% 0;
  text-align: justify;
}

.S-tabFeesTxtContent p{
  color:#333;
  margin:0;
  text-align: justify;
}

/* PARAGRAPHE CENTRE */

.paragrapheCentre{

  margin: 5% 0;

}



.paragrapheCentre .lineParagrapheCenter{
  border-top:7px solid #333333;
}

.paragrapheCentre .paragraphe{

  text-align: justify;

  padding: 1% 0 0 0
}

.paragrapheCentre .paragraphe p{
    line-height: 30px;
    padding: 1% 5% 0 5%
}

.paragrapheCentre .paragraphe h2{
font-size: 28px;
color: #4bb8b5;
text-align:center;
text-transform: uppercase;
padding: 0 5%

}



.paragrapheDroite .image img{
  margin-top: -10%;
  margin-bottom: 20%
}

/* ROW NO BORDER */
.no-border{
  border:0px!important
}
/* BOUTONS CONF */

.introTravel{

  margin:5% 0
}

.introTravel img{
  width: 100%
}

.introTravel h1{
  font-size:23px
}

.introTravel_AddedPage{

  margin:5% 0
}

.introTravel_AddedPage img{
  /*width: 100%*/
}

.introTravel_AddedPage h1{
  font-size:23px
}


.travelTexte p{
  padding: 5% 10%;
  text-align: justify;
}

.boutonAbout .boutons{
  padding: 3% 10%
}

.boutonAbout .boutons img{

  transition-duration: 200ms
}

.boutonAbout .boutons img:hover{
  opacity:0.6;
  transition-duration: 200ms
}

.boutonConf{
  margin:5% 0
}

.boutons{

  margin:auto;



}

.boutonConf .boutons h6{
  text-transform: uppercase;
  letter-spacing: 1px
}



.failed h6{
  color:#c5464a!important
}


/* CASES SCHEDULE */

.blocSchedule{
  margin-bottom:9%!important;
  border-radius: 6px;
  background-color: white
}

.scheduleItem img{
  height: 45px;
  transition-duration: 300ms;

}

.scheduleItem img:hover{
  opacity:0.6;
  transition-duration: 300ms
}

.scheduleItem p{
  padding-top:3%;

}

.schedule{
  margin-bottom:-2%
}

.scheduleItem{

  padding-left: 7%
}

.scheduleLine{
  height: 3px;
  background-color: #4bb8b5;
  width: 100%
}

.blocSchedule{
  padding-bottom:1%;
  margin: 3% 0
}

.scheduleTime{

  margin:2% 0;
  padding:0 5%
}

.scheduleDay{
  background-color: #4bb8b5;
  padding: 3%;
  border-radius: 6px 6px 0 0
}
.blocSchedule h5{
  margin:0;
  font-style: italic;
  font-size: 18px;
  color:white

}

.sectionSchedule{
  margin:2% 0;
  padding: 0 6%

}

.sectionSchedule .schedule{
  padding : 0 2%
}

.scheduleBtn .btn{
  margin: 3% 1%
}

.scheduleBtn{
  margin:2.5% 0;
  padding: 0 10%
}




/* PRECONFERENCE */


.card-header{
  background-color: #4bb8b5;
  border-radius: 6px  6px 0 0!important;
  padding: 3% 5%

}

.cardFooter{
  background-color: #4bb8b5;
  border-radius: 0 0 6px 6px;
  padding:3% 5%
}

.card-header h6{
    text-align: center;

}

.card-header h6{
    text-align: center;

}

.preconfPopup{
  transition-duration: 300ms
}

.preconfPopup:hover{
  opacity: 0.6;
  cursor: pointer;
}

.card-body .preconfTxt{
  text-align: justify;
  padding: 5%
}
.card-body {
  padding:0!important
}

.card-header button{
    float: right;
    font-size: 20px;
    margin: 0;
    padding: 0
  }

  .card, #accordion, .card-header{
  border-radius: 6px;
  border:0px
}

.preconfLine{
  width: 100%;
  height: 3px;
  background-color: white;
  margin: 2% 0
}

.sectionPreconf{
  margin-bottom:5% !important
}


.accordeon{
  margin:8% 0
}

.blocAccordeon{
  margin:-3.5% 0
}

.modal-header h2{
  margin:0;
  font-size: 20px;
  padding:0 5%
}

.modal-header h2 span{
  font-size: 40px;
  padding-right: 2%;
  float:left;
  color:#333

}

.boutonPDF h6{
  color:white;
  text-align: center!important;
}

.boutonPDF img, .boutonCalendar img{
  height:55px;
  margin-bottom :5% ;
  transition-duration: 300ms
}

.boutonPDF img:hover, .boutonCalendar img:hover{
  opacity: 0.5;
  cursor: pointer;
}

.modal-body-panels{
  padding-top: 0
}

.modal-body-panels .titre p{
  color:#333333!important;
  margin:0!important;
  padding: 1% 0!important
}

.modal-body-panels .titre{
  padding: 3% 0 0 3%
}

.modal-body-panels .boutonsPanels{
  padding-top:5%
}


.modal-xl{
  max-width: 86%;
}

.modal h5{
  font-size: 18px!important;
  text-align: left
}

.modal-content{
  border:0px!important
}

.modal-header{
  background-color: #4bb8b5;
  padding: 1% 3%
}

.modal-header button{
  font-size: 40px;
  color:white;
  opacity: 1;
  transition-duration: 300ms;

}

.modal-header button:hover{
  color:#333333;
  transition-duration: 300ms
}




/* PARAGRAPHE CENTRE CALL FOR PANELS*/

.paragrapheCentrePanels{
  margin:5% 0;
  padding:0 5%
}

.paragrapheCentrePanels .paragraphe .ligneTitre{
  border-bottom: solid 5px #4bb8b5;
  margin: 3% auto;
}

.paragrapheCentrePanels .paragraphe{

  text-align: justify;
  padding: 1% 0 0 0
}

.paragrapheCentrePanels .paragraphe p{
    line-height: 30px;
    padding-top:1%
}

.paragrapheCentrePanels .paragraphe h2{
  text-transform: uppercase;
  font-size: 18px;
  color: #4bb8b5;
  margin-bottom:0

}



.paragrapheDroite .image img{
  margin-top: -10%
}








/* Titre avec chiffre */

.sectiontitreChiffre{

  padding:2% 5% 0 5%
}

.sectiontitreChiffre .titreChiffre .ligneTitreChiffre{

  width: 60%;

  border-bottom: solid 5px #4bb8b5;
  margin: 3% auto;
}



.sectiontitreChiffre .titreChiffre p{
  text-align: justify;
  text-align-last: center;
  font-weight: 500;
  line-height: 25px;
}

.section2paragraphes.titreChiffre h2{
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  color: #4bb8b5;
  margin-bottom:0
}

.boutonParagraphe{
  margin: 8% 0!important;
}

.boutonParagraphe .btn{
    text-transform: uppercase;
}


.section2paragraphes .titreChiffre h2::first-letter {

  font-size:30px;
  padding-right:0.2em;
}

.sectiontitreChiffre .titreChiffre h2{
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  color: #4bb8b5;
  margin-bottom:0
}


.sectiontitreChiffre .titreChiffre h2::first-letter {

  font-size:30px;
  padding-right:0.2em;
}


/* SECTION 3 PARAGRAPHES */

.section-3-paragraphes{
  margin: 5% 0;

  padding:0 8%
}

.section-3-paragraphes .paragraphe{

  padding:0 2.5%
}

.section-3-paragraphes .paragraphe p{
  text-align: justify;
  line-height: 30px;
}

.section-3-paragraphes .paragraphe h2{
  text-transform: uppercase;
  font-size: 16px;
  color: #4bb8b5;
  margin-bottom:0
}

.section-3-paragraphes .paragraphe .ligneTitre{



  border-bottom: solid 5px #4bb8b5;
  margin: 3% auto;
}


/* Bloc Noir Titre */


.blocNoirTitre .blocNoir{
  background-color: #333333;
  padding:2% 0;
  margin-top:-8%
}

.blocNoirTitre .blocNoir .BlocNoirTexte{

  padding: 0 8%
}

.blocNoirTitre .blocNoir p{
color: #4bb8b5;
text-align: justify;

}

.blocNoirTitre .blocNoir h2{
  text-transform: uppercase;
  margin-top:1%

}

.blocNoirTitre .blocNoir .ligneBlocNoir{
height: 7px;
background-color:#4bb8b5;
  margin: 3% 0;
  width: 20%;
  float: right;


}


/* Titre ligne Gauche */


.titreLigneGauche{
  margin: 0 0 5% 0;
  padding:0 10%
}
.titreLigneGauche .titre{
  border-left: 7px solid #333333
}

.titreLigneGauche .titre h1{
color: #4bb8b5;
padding: 5% 5% 0 5%;
font-size: 30px;
text-transform: uppercase;

}

.titreLigneGauche .titre p{
  color: #4bb8b5;
  padding: 0 5% 0 5%;


}

.aboutTravel .titre{
  border-color: #4bb8b5!important
}

.aboutTravel .titre h1{
  color: #333!important
}


/*Exhibitors*/

.exhibitor{
  border-top: solid 5px #333333;
  margin-top:1%
}

.exhibitorsPlan{
  margin-top:-10%


}

.exhibitorsPlan .planImg{
  margin-left: 5%;
  width: 90%


}

.exhibitorsPlan .planImg .plan{
  background-color: #b7e3e1;
  padding:0 0;
  position: relative;
  z-index: 2;





}

.exhibitorsPlan .planImg .plan img{
  width: 100%;
  margin-left:-5%;
  margin-top:-5%;
  margin-bottom:5%

}


.aboutExhibitor .titre{
  border-color: #4bb8b5!important;
}

.aboutExhibitor .titre h1{
  color: #4bb8b5!important
}


    /* conf Home */

    .hautSponsors{
      margin: 0.7% 0 5% 0;

    }

    .sectionSponsors{
      margin: 5% 0;
      padding: 0 5%

    }

    .sectionSponsors h5{
      background-color: #333;
      width: 60%;
      margin:2% auto;
      color:white;
      padding: 1% 0;
      font-weight: 500;
      text-transform: uppercase;
      font-size: 15px;
    }

    .carouselSponsors{
      margin: 5% 0
    }


    .carouselSponsors img{
      height: 80px;
      width: 100%;
      object-fit: contain;
      margin-bottom:10%
    }

    .carousel-indicators li{
      background-color:#333333
    }

    #blocTwitterConf  {
      border-radius: 8px 8px 0 0;
      height: 550px;
      overflow: scroll;

    }

    .confHome .blocTwitt  {
      margin-top:15%;
      padding : 0 26%;


    }

    .traitNoirBottom{
      border-bottom: solid 8px #333;
      margin-top:-5%
    }

    .homeConfFondNoir{
      padding-top:2%;
      height: 200px;
      background-color: #333;
      border-top: 8px solid white;
      background-image: url('img/fondNoir.png');
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: cover;
    }





    .confHome{
      margin-bottom:5%;
      margin-top:4%
    }

    .confHome .galleryHome img{
      margin-bottom:0!important;

    }

    .confHome .paragraphe p{
      margin-top:5%;
      margin-bottom:7%
    }

    .image .confHomeAffiche{

      width: 90%;


    }

    .image .galleryHome{
      margin: 20% 0;
      width: 90%;
  }

    .image .confHomeAffiche .affiche{
      background-color: #b7e3e1;
      padding:0 2.5% 2.5% 0;
      position: relative;
      z-index: 2;
      margin-top:-40%;
      margin-bottom:20%



    }

    .image .confHomeAffiche .affiche img{

      margin-left:-5%;
      margin-bottom:5%

    }

    .image .galleryHome img{
      width: 100%;
      box-shadow: 0px 0px 0px 0px #333333;
      transition-duration: 300ms
  }

  .image .galleryHome img:hover{
    cursor: pointer;
    opacity: 0.8;
    transition-duration: 300ms
}

    .galleryHome .modal-content img{
      margin: auto;
      margin-top:0;

    }


    .zoneBlocInfos{
      position: relative;
    }


    .infosBloc{
      width: 40%;
      word-break: break-word;
      background-color: rgba(51, 51, 51, 0.9);
      padding:3.5% 5%;
      position: absolute;
      top:0;
      bottom:0;
      right:0
    }





    .infosBloc .info1 h5, .infosBloc .info2 h5{
      color:white;
      font-weight: 500;
      line-height: 1.3vw;
      font-size:0.9vw;
      text-align: left;


    }

    .infosBloc .info2, .infosBloc .info1{
    padding: 2% 0
    }

    .infosBloc .info2{
      border-top: #4bb8b5 solid 1.5px
    }

    .infosBloc span{
      color: #4bb8b5;
      margin-right:10px
    }





    /* 2paragraphes*/

    .paragraphe h6{
      font-weight: 600!important;
      color: #4bb8b5;
      margin: 0
    }

    .section2paragraphes{

      padding:3% 6%
    }



    .section2paragraphes .paragraphe{

      padding:1% 4%
    }

    .section2paragraphes .paragraphe p{
      text-align: justify;
      line-height: 30px;
    }

    .section2paragraphes .paragraphe h2{
      text-transform: uppercase;
      font-size: 18px;
      color: #4bb8b5;
      margin-bottom:0
    }

    .section2paragraphes .paragraphe .ligneTitre{
      border-bottom: solid 5px #4bb8b5;
      margin: 3% auto;
    }

    .fondGrisClair{
      background-color: rgba(51, 51, 51, 0.1);
    }

    .triangleHaut{
      background-image: url("img/triangleBleu.png");
      height: 100px;
      background-repeat: no-repeat;
      background-position: right top;
    }

    .triangleBas{
      background-image: url("img/triangleBleu2.png");
      height: 100px;
      background-repeat: no-repeat;
      background-position: right top;
    }

    .videoConf{
      margin:5% 0
    }

    /*Timeline*/

    .zoneTimeline .row{

      margin-right: 15%;
      border: 0px;

      padding:0
    }

    ul.timeline {
    list-style-type: none;
    position: relative;



}
ul.timeline:before {
    content: ' ';
    background: #333333;
    display: inline-block;
    position: absolute;
    right: -35px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {


    margin-bottom:8%;
    margin-left:-40px;
    border-radius: 3px;
    box-shadow: 0px 0px 15px 0px rgba(51,51,51,0.5);

}

.timelineTxt{
  padding:2%;
}

ul.timeline h6 {

    text-transform: uppercase;

}

ul.timeline p {
    line-height: 15px;
    font-size: 14px

}


ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #4bb8b5;
    right: -44px;
    width: 20px;
    height: 20px;
    z-index: 400;


}

ul.timeline >.now:before {

    background-color:#4bb8b5 ;



}

.zoneTimeline .closed{
  background-color: rgba(51, 51, 51, 0.15);
}

.zoneTimeline .closed h6{
  color: rgba(51, 51, 51, 0.9);
}

.zoneTimeline .closed p{
  color: rgba(51, 51, 51, 0.6);
}

.zoneTimeline .now{
  background-color: #4bb8b5;
}



.zoneTimeline .now p{
  color: white;
}

/*COMMITTEES*/

.committees .portait{
  padding: 3% 5%
}

.committees .portait h5{
  font-size: 18px;
  text-transform: uppercase;
}

.committees .portait img{
  margin-bottom:8%;
  height: 270px;
  width: 270px;
  object-fit: cover
}

.committees{
  margin-bottom:5%
}

/*MULTICESSION */

.sectionMulticession{


  padding:0 12%;
  margin: 5% 0
}

.sectionMulticession .multicessionTab{

padding: 0 2%

}

.sectionMulticession .multicessionTab .roomBlack, .sectionMulticession .multicessionTab .roomBlue{

  color:white;
  text-align: center;
  padding:2% 2%;
  text-transform: uppercase;

}


.sectionMulticession .multicessionTab .roomBlack{
  background-color: #333333;

}

.sectionMulticession .multicessionTab .roomBlue{
  background-color: #4bb8b5;

}



.sectionMulticession .multicessionTab .tabCentre {
  padding:2% 4%;


}

.tabBoutons .btn{
  padding: 3% 6%;
  font-weight: 500
}

.sectionMulticession .multicessionTab .tabCentre h6{
  color: #4bb8b5;
  text-transform: uppercase;
  margin: 0
}

.sectionMulticession .multicessionTab p{
  margin:0
}

.tabCentre span{
  font-size:25px;
  padding-right:0.2em;
  color: #333333;
  font-family: "Montserrat";
  font-weight: 600

}

.ligneMulticession{
  height: 3px;
  width: 100%;
  background-color: #4bb8b5;
  margin: 2% 0
}

.Gris{
  background-color: #f1f1f1
}

.tabBoutons img{
  height: 45px;
  transition-duration: 300ms;
}

.tabBoutons img:hover{
  opacity: 0.5
}


.White{
  border: 2px solid #f1f1f1;
  background-color: white
}


/* PANELS */

.sectionPanels{


}

.sectionPanels .tabPanel{
  background-color: #333333;

}

.sectionPanels .tabPanel .panelTitre{
  color:white;
  padding:2%

}

.sectionPanels .tabPanel .panelTitre h2{
  margin:0;
  text-transform: uppercase;

}

.sectionPanels .tabItemPanel{
  border-left: 7px solid #4bb8b5;
  padding: 2% 5%
}

.sectionPanels .tabItemPanel .tabCentre h6{
  color: #4bb8b5;
  text-transform: uppercase;
  margin: 0
}

.sectionPanels .tabItemPanel p{
  margin:0
}

.sectionPanels .tabItemPanel .tabBoutons{
  text-align: right
}

.card-panels, .card-header-panels, .card-body-panels{
  border-radius: 0 !important
}
.panelAccordeons{
  padding: 0 5%;

}

.card-panels{
  box-shadow: 0px 0px 0px 0px rgba(51,51,51,0.5);
}

.card-body-panels{
  background-color: #f1f1f1;
  border-left: 7px solid #4bb8b5
}

.card-header-panels{
  background-color: #333333;
  color:white;

}

.card-header-panels i{
  color:#4bb8b5!important
}

.blocAccordeon{
  padding:0 3%!important;

}

.sectionlistPapers{

  padding: 0 7.8%;
  margin-top:5%

}
.roomPapers2{

border-left: 1px solid white
}

.sessionPapers h6{
  margin: 0;
  padding:0;
  text-transform: uppercase;
  color:white
}

.sessionPapers{
  background-color: #333;

}

.sessionPapers .papersLeft{
 background-color :#4bb8b5;
 padding:2% 1%;



}

.sessionPapers .boutonCalendar img{
  height: 45px;
  margin: 15% 0;



}

.sessionPapers .titreSession{
  padding: 2%
}

.discussantsPanels{
  padding: 0 7.8%;
  margin: 0
}

.discussantsPanels p{
  padding: 2% 5%;
  margin:0
}

.PanelsAccordeons{
  padding: 0 7.8%;
  margin: 0
}

.accordeonPaper{
  margin:0;
  border-top: 7px solid #333
}

.card-header-papers{
  border-radius: 0!important;
  padding: 2% 0;
  padding-right:5%
}

.card-header-papers h6{

  text-align: left
}
.card-header-papers p{
  text-align: left;
  margin: 0
}

.sectionListPanels, .panelsSearch{
  margin:5% 0;
  padding: 0 7%;


}

.listOfTopics{
  height:100%;

  padding-right:10%
}


.listOfTopics .Topics{
  min-height: 300px;
  position: -webkit-sticky;
  position: sticky;
  top: 4.2vw;
}


.introPanels .form{
  margin-top:7%;
  padding: 0 15%
}

.introPanels .form button{

}

.introPanels .form input, .introPanels .form button{
  margin:5% 0;

}

.introPanels .form input{
  margin:5% 0;
  background-color: #333;
  border-color: #4bb8b5
}

.listOfTopics .Topics{
  border-radius: 6px;





}

.listOfTopics .Topics a h6{
  font-size:14.5px
}


.listOfTopics .listOfTopics-header{
  background-color: #4bb8b5;
  padding:5%;
  border-radius: 6px 6px 0 0
}

.listOfTopics .listOfTopics-body{
  background-color: white;
  padding:5%;
  border-radius: 6px

}

.listOfTopics .listOfTopics-body a{
  color:#4bb8b5;
  transition-duration: 300ms

}

.listOfTopics .listOfTopics-body a:hover{
  color:#333333;
  transition-duration: 300ms


}

.listOfTopics .listOfTopics-body span{
  color:#333333;
  margin-left:1%

}


.boutonRouge {
  background-color: #c5464a!important;
  border-color: #c5464a!important;
}

.boutonRouge:hover {
  background-color: transparent!important;
  border-color: #c5464a!important;
  color:#c5464a
}



/*
POPUP USER
 */

.modalViewUser {
  cursor: pointer;
}

.modal-medium{
  max-width: 52%;
  margin: auto!important;
}

.modal-xl{
  max-width: 86%;
  margin: auto!important;
}

.popUpUser .modal-content{
  border-radius: 10px!important;
  border: 0px;
}

.popUpUser{
  border-radius: 10px!important;
  padding: 3% 0!important;
}

.myPanels-header{
  background-color: #4bb8b5;
  padding: 1% 3%!important;
  border-radius: 10px 10px 0 0
}

.myPanels-header h2{
  margin:0!important;
  text-align: left;
  padding: 0 5%!important;
  font-size: 18px!important
}

.myPanels-header span{
  color:#333;
  font-size: 38px;
  padding-right: 2%;
  float:left;
}

.myPanels-header button span{
  color: white!important;
  opacity: 1!important
}

.myPanels-header button{
  transition-duration: 300ms;
  opacity: 1!important
}


.myPanels-header button:hover{
  transition-duration: 300ms;
  opacity: 0.5!important
}

.popUpConf{
  border-radius: 10px!important;

}

.myPanels-body{
  padding: 0 1rem 5% 1rem!important
}

.myPanels-body .titreLigneGauche{
  padding: 0 10%!important;
  margin: 0 0 5% 0!important
}

.myPanels-body .titre{
  border-left: 5px solid #333;
  padding: 3% 0 0 3%!important;

}

.myPanels-body p{
  margin:0!important;
  padding: 1% 0!important;
  font-size:14px!important
}

.paragrapheCadreGrisContenu_ShortBio{
  background-color: #f1f1f1;
  padding: 3% 0;
  text-align: justify;
  margin: 2% 0;
}





/*RESPONSIVE*/




/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {

 /*body{
   background-color: lavender
 }*/

/*COMMITTEES GAUCHE*/


 .committeesGauche .paragraphe h2{
   font-size: 23px;

 }

 /*COMMITTEES DROTIE*/


  .committeesDroite .paragraphe h2{
    font-size: 23px;

  }

 /* PARAGRAPHE DROITE*/

 .paragrapheDroite .paragraphe h2{
 font-size: 23px;

 text-align:right

 }

 /* PARAGRAPHE Gauche*/

 .paragrapheGauche .paragraphe h2{
 font-size: 23px;

 text-align:left

 }


 /* PARAGRAPHE CENTRE*/

 .paragrapheCentre .paragraphe h2{
 font-size: 23px;


 }

 .section-3-paragraphes .paragraphe p{
   text-align: left;
   font-size: 13.5px

 }





 .section-3-paragraphes{

   padding:2% 7%
 }

 .section-3-paragraphes .paragraphe h2{

   font-size: 16px;

 }

 .zoneBlocInfos{
   background-color: #333333
 }

 .infosBloc{
   position:relative;
   width: 100%;
   padding-left:45%
 }

 .infosBloc .info1 h5, .infosBloc .info2 h5{
   color:white;
   font-weight: 500;
   line-height: 20px;
   font-size:15px;



 }
 .committees{
   padding: 0 10%;

 }

 .committees .portait{
   padding: 3%
 }

 .titreLigneGauche .titre{

 }

 .committees .portait h5{
   font-size: 15px
 }

 .scheduleItem img{
   height: 37px;
   transition-duration: 300ms;

 }

 .formSubmit, .formConditions{
   padding:0 8%
 }

 .thumb img{
   height: 120px;
   width: 100%;
   object-fit: cover
 }

 .confHome .blocTwitt  {

   padding : 0 0%;


 }

 .committees .portait img{

   height: 190px;
   width: 190px;

 }

  /* AJOUT PLENARY SESSIONS */

  .sectionPlenary{
    margin: 7% 0!important
  }

  .blockSpeakersPlenary{
    padding: 5%!important
  }

  .section3SpeakersPlenary{
    padding: 0% 6% 5% 6%!important;
  }

  .sectionEntetePlenary{
    margin:0 0 5% 0!important;
  }

  .ligneEntetePlenary{
    margin: 8% 0!important
  }

  .pictoPlenaryBlock{
    margin: 8% 0!important
  }

  .sectionPlenaryVideo{
    padding: 0 10%!important
  }

  .imgModeratorBlock{

  }

  .titlePlenaryBlock h3{
    font-size: 13px;
  }

  .pictoPlenaryBlock img{
    height: 50px;
  }

  .entetePlenaryBlock{
    margin-bottom: 7%!important
  }

  .sectionModerator{
    margin-top: 5%!important
  }

  .presentationEntetePlenary{
    margin-bottom: 7%!important
  }

  .pictoPlenaryBlock{
    margin: 3% 0!important
  }

  /* PLENARY MODAL */

  .imgSpeakersModal img{
    width: 300px;
    height: 300px;
  }

  .imgSpeakersModal_Fit img{
    width: 300px;
    height: 300px;
  }

  .sectionSpeakersModal{
    padding: 0 8%!important
  }

}





  /* Medium devices (tablets, 992px and up) */
  @media (max-width: 991.98px) {

  /*  body{
      background-color: salmon
    }*/

    .menuGauche{
      display: none;
    }

    .blocMenuGauche{
      height: auto
    }

    .menuGaucheResp{
      display: block;
    }

    .traitMenuGauche, .traitMenuDroit{
      width: 90%
    }

    .menuGaucheResp .btnConf{
      margin: 1.5% 0;
      padding:0
    }

    .menuGaucheResp li {
      padding:1% 0!important;
      color:white;
    }




    .footer{
      padding:10% 5% 0% 0;
    }

    .footer p{
      font-size: 12px
    }


    /* Titre avec chiffre */


    .section2paragraphes .titreChiffre h2{

      font-size: 16px;

    }


    .section2paragraphes .titreChiffre h2::first-letter {

      font-size:25px;
      padding-right:0.2em;
    }

    .sectiontitreChiffre .titreChiffre h2{

      font-size: 16px;

    }


    .sectiontitreChiffre .titreChiffre h2::first-letter {

      font-size:25px;
      padding-right:0.2em;
    }

    /* bloc Noir*/

    .blocNoirTitre .blocNoir h2{
      font-size: 18px

    }

    .titreLigneGauche .titre h1{

    font-size: 25px;
    text-transform: uppercase;

    }

    .infosBloc .info1 h5, .infosBloc .info2 h5{

      font-size:13px;



    }

    .committees{
      padding: 0 2%
    }


    .exhibitorsPlan .planImg{
      margin-left: 0;
      width: 100%


    }



    .exhibitorsPlan .planImg .plan img{

      margin: 0

    }


    .travelTexte .traitTitre {
      margin-top:10%
    }

    .scheduleItem p, .scheduleTime h6{
      text-align: center;

    }

    .scheduleItem{
      padding: 0
    }

    .scheduleItem img{
      height: 45px;
      transition-duration: 300ms;

    }

    .tabCentre span{
      font-size:22px;


    }

    .listOfTopics{
      display: none
    }

    .sectionFeesForm{


      margin:5% 0 5% 0
    }

    .bouttonPrev button{
      margin:2% 0;
      float: none
    }

    .bouttonNext button{
      margin:2% 0;
      float: none
    }

    .thumb img{
      height: 150px;
      width: 100%;
      object-fit: cover
    }

    .confHome .blocTwitt  {

      padding : 0 10%;


    }

    .exhibitor{
      margin-top:0;



    }

    .exhibitorsPlan{
      margin-top:0%;
      padding:0


    }

    .sessionPapers .boutonCalendar img{

      margin: 5% 0;



    }

    .sessionPapers h6{

      text-align:center;
      padding:0 5%



    }

    .sectionOrderPreconf{

      padding: 3% 2%!important;

    }


    /* AJOUT PLENARY SESSIONS */

    .block3SpeakersPlenary{
      padding: 5%!important
    }

    .section3SpeakersPlenary{
      padding: 0% 12% 5% 12%!important;
    }

    .blockSpeakersPlenary{
      padding: 5%!important
    }




    /* AJOUT */

    /* PLENARY MODAL */

    .imgSpeakersModal, .imgSpeakersModal_Fit, .infosSpeakersModal{
      margin: 3% 0!important
    }

    .nameSpeakersModal, .universitySpeakersModal{
      margin: 2% 0!important;
      padding-left: 0!important
    }

    .nameSpeakersModal h5, .universitySpeakersModal h5{
      text-align: center;
      font-size: 20px!important
    }

    .txtSpeakersModal{
      margin: 5% 0!important;
      padding-left: 0!important
    }

    .ligneSpeakersModal{
      width: 50%;
      margin: auto;
    }

   }

  /* Small devices (tablets, 768px and up) */
  @media (max-width: 767.98px)  {

    /*body{
      background-color: skyblue
    }*/

    /*MENU*/


    .navbar img{
      height: 31px;
    }

    .menuGaucheResp li {
      padding:1.5% 0!important;
      color:white;
    }


    .menuGaucheResp ul {
      margin-top:12%;
      margin-bottom:7%
    }



    .footer{
      padding:30% 5% 30% 5;
    }

    .adresse{
       margin-top:10%;
     }

    .adresse p{
      padding-left:0;
      text-align: center
    }


    /* PARAGRAPHE DROITE*/

    .paragrapheDroite{

      padding:12%
    }


    .paragrapheDroite .paragraphe{
      padding: 10% 0 0 0;
    }

    .paragrapheDroite .paragraphe p{
      padding-top:5%
    }


    .paragrapheDroite .paragraphe h2{
      margin-bottom:10%;
      text-align: center;

    }

    .paragrapheDroite .image{
      padding: 0 10%;
      margin-top: 10%


    }

    .paragrapheDroite .image img{

      margin:5% 0

    }

    /* PARAGRAPHE GAUCHE*/

    .paragrapheGauche{

      padding:12%
    }


    .paragrapheGauche .paragraphe{
      padding: 10% 0 0 0;
    }

    .paragrapheGauche .paragraphe p{
      padding-top:5%
    }


    .paragrapheGauche .paragraphe h2{
      margin-bottom: 10%;
      text-align: center;

    }



    .paragrapheGauche .image{
      padding: 0 10%;
      margin-top: 10%


    }

    .paragrapheGauche .image img{

      margin:5% 0

    }

    /* PARAGRAPHE CENTRE*/

    .paragrapheCentre, .paragrapheCentrePanels{

      padding: 0 12%
    }


    .paragrapheCentre .paragraphe, .paragrapheCentrePanels .paragraphe{
      padding: 10% 0 0 0;
    }

    .paragrapheCentre .paragraphe p, .paragrapheCentrePanels .paragraphes p{
      padding-top:5%
    }


    /* Titre avec chiffre */

    .sectiontitreChiffre{

      padding:7% 12%
    }

    .sectiontitreChiffre .titreChiffre .ligneTitreChiffre{

      width: 70%;

      border-bottom: solid 5px #4bb8b5;
      margin: 5% auto;
    }


    /* 3 paragraphes */

    .section-3-paragraphes{

      padding:5% 9%
    }

    .section2paragraphes{

      padding:5% 8.5%
    }



    .blocNoirTitre .blocNoir{
      padding:8% 0 5% 0;
      margin-top:0
    }

/* CONF HOME */



    .confHome{

      margin-top:0;

    }

    .confHome .row{

      border :0px

    }



    .image .confHomeAffiche{
      margin: auto;
      width: 70%;


    }

    .image .galleryHome{
      margin: auto;
      margin-top:10%;
      width: 70%;


  }

    .image .confHomeAffiche .affiche{

      padding:0 0;

      margin:0



    }

    .image .confHomeAffiche .affiche img{
      margin:0

    }

    .image .galleryHome img{
      width: 100%;
      box-shadow: 0px 0px 0px 0px #333333;
  }



    .galleryHome .modal-content img{
      margin: auto;
      margin-top:0;

    }


    .sectionCentrale{
      background-image: url("img/fondMotif.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: right ;

    }


    .videoConf{
      margin:10% 0
    }

    .infosBloc{
      position:relative;
      width: 100%;
      padding: 10% 12%
    }

    .timeline{
      margin-top:35%;
      padding: 0 5%;
      margin-right:-25%

    }



    .committeesDroite{
      padding-left: 20%
    }

    .committeesGauche{
      padding-right: 20%
    }

    .committees{
      padding: 5% 15%
    }

    .committees img{
      margin: 10% 0
    }




    .titreLigneGauche{

    }

    .titreLigneGauche .titre{

    }

    .titreLigneGauche .titre p{
    color: #4bb8b5;




    }

    .section-3-paragraphes .paragraphe p{
      text-align: justify;

    }

    .modal-xl{
      max-width: 100%;
      padding:0!important
    }

    .modal h5{

      text-align: center
    }

    .sectionMulticession .multicessionTab{

    padding: 0

    }

    .sectionMulticession .multicessionTab .tabCentre {
      text-align: center;
      margin: 3% 0

    }


    .tabBoutons{
      margin: 3% 0;

    }

    .sectionMulticession{
        margin: 10% 0
    }

    .sectionPanels .tabItemPanel .tabBoutons{
      text-align: center;
      margin: 5% 0
    }

    .sectionPanels .tabItemPanel .tabBoutons .btn{
      padding: 2% 5%
    }

    .sectionPanels .tabPanel .panelTitre h2{
      font-size: 17px

    }

    .sectionPanels .tabPanel .panelTitre{
      padding:5% 3%

    }

    .sectionPanels .tabItemPanel .tabCentre{
      padding: 5% 3%;
      text-align: center
    }

    .traitPoints{


      width: 0px

    }

    .formBoutton{
      margin-bottom:10%
    }

    .sectionTabFees{
      padding:0 10%;
    }

    .tabFees{

      margin-top:0%
    }
    .feesForm button{
      margin: 10%
    }

    .bouttonPrev button{
      margin:5% 0;
    }

    .bouttonNext button{
      margin:5% 0;
    }

    .thumb img{
      margin: 5% 0;
      height: 180px;
      width: 100%;
      object-fit: cover
    }

    .thumb {
      padding: 0 10%!important

    }

    .sectionSpeakers img{
      padding: 0 15%;
      margin: 15% 0;
      height: 200px;

      object-fit: cover;
      float:center


   }

   .confHome{

     padding-bottom:0
   }
   .confHome .blocTwitt  {
     margin-top:15%;
     padding : 0 0;


   }

   .boutonConf{
     margin:10% 0
   }

   .paragrapheCentrePanels{
     margin: 5% 0!important
   }

   .titreLigneGauche{
     margin: 0 0 10% 0;
     padding:0 10%
   }

   .section-3-paragraphes{
     margin: 0 0 !important;
     padding: 0 10%
   }

   .section-3-paragraphes .paragraphe{
     margin: 0;
     padding:5% 2.5%
   }


   .carouselSponsors{
     margin: 10% 0
   }

   .paragrapheCentre{
     
     overflow: hidden;


   }

   .sectionOrderPreconf{

     padding: 5% 2%!important;

   }

    /* AJOUT */

    .presentationEntetePlenary{
      padding: 0 5%!important;
      margin: 8% 0!important
    }

    .sectionSpeakersPlenary, .section3SpeakersPlenary{
      background-size: 400%;
      background-position: bottom right
    }

    .blockSpeakersPlenary, .block3SpeakersPlenary{
      margin: 8% 0!important;
      padding: 0 10%!important
    }

    .entetePlenaryBlock{
      margin-top: 2%!important;
    }

    .presentationEntetePlenary{
      margin-top:0!important
    }

    /* PLENARY SESSIONS */

    .colPlenary{
      padding: 0 5%!important;
      margin: 4% 0!important
    }

    .sectionEntetePlenary{
      padding: 0 7%!important
    }

   }

   /* Small devices (landscape phones, 576px and up)*/
   @media (max-width: 575.98px) {

    /* body{
       background-color: mediumpurple
     }*/

     .committees{
       padding: 5% 20%
     }


   }


/**
* Exhibitor V2
 */

.exhibitorBloc {
  padding: 0 2.5%;
  cursor: pointer;
}

.exhibitorBloc_Logo{
  text-align: center;
}

.exhibitorBloc_Logo_Logo{
  height: 100px;
}