.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, h6{
  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:hover{
  color:#4bb8b5;
  background-color: transparent!important;
  border-color:#4bb8b5!important
}

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

.review img, .network img, #blocTwitter, .menu,
.paragrapheDroite .image img, .paragrapheGauche .image img, .videoConf, .plan img,.videoPlenary, .blocNoirPlenary .blocNoir
, #blocTwitterConf, .imageEntetePages img, .awardWinnerImg img, .contentVideoTandL,
.sectionContentInformation{
  box-shadow: 0px 0px 20px 0px #333333;
}


.blocSchedule, .card, .Topics, .tabFees, .preconfForm .card-header, .blocActivities{
  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;
}


/* Trait bleu sous menu */

.sectionTraitHaut{
  height:12px;
  background-color: #4bb8b5
}


/* Paragraphe cadre gris */

.paragrapheCadreGris{

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

}

.paragrapheCadreGrisContenu{
  background-color: #f1f1f1;
  padding: 3% 0
}

.traitBleuPararapheGris{
  height:6px;
  background-color: #4bb8b5
}

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


.titreParagrapheCadreGris h3{
  margin: 2% 0;
  text-transform: uppercase;
}

.texteParagrapheCadreGris p{
  text-align: justify;
  padding: 0 5%;
  margin: 2% 0
}


/* Entete pages */

.entetePages{
  padding: 5%  5%;

  background-image: url("../img/chart/fondEntete.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.imageEntetePages{

  padding-right:3%!important;
  padding-left:5%!important
}

.imageEntetePages img{

  width: 80%
}



.texteEntetePages{
  padding-right:5%!important;

}

.texteEntetePages p{
  text-align: justify;


}

.texteEntetePages h1{
  margin:0;
}

.texteEntetePages .ligneTitreEntete{
  height:6px;
  background-color: #4bb8b5;
  margin: 2% 0
}


.paragraphePages{
  margin: 3% 0
}

.paragraphePages img{
  margin: 2% 0;
}
.paragraphePages p{
  padding: 2% 0;
  margin:0!important;
  text-align: justify;
}

/* Entete pages 2 */

.entetePages2{

  background-image: url("../img/chart/fondEntete2.jpg")!important;
  position: top left !important;
  background-size: cover!important;

}

.entetePages2 p{

  color: #333!important
}

.entetePages2 h5{
color: #4bb8b5;
  text-transform: uppercase;
  font-size:20px!important
}

/* Paragraphe Annoucement centre */

.paragrapheCentreAnnoucement p{
  text-align: justify;
  margin: 0;
}

.centreAnnoucement{
  margin:4vh 0 5% 0;
  padding: 0 5%

}



/* BLOC ACTIVITY */

.sectionActivities{
  padding: 0 10%;
  margin:2% 0;

}

.blocsActivities{
  padding: 0 2.5%!important;
  margin: 2.5% 0;
}

.blocActivities{
  background-color: white;
  border-radius: 10px 10px;
  height: 100%!important
}

.showDetailAnnouncement {
  cursor: pointer;
}

.showDetailTeaching {
  cursor: pointer;
}

.showOtherActivities {
  cursor: pointer;
}

.categoryBlocActivities{
  background-color: #333;
  padding: 3%;
  border-radius: 10px 10px 0 0
}

.categoryBlocActivities h6{
  color:white;
  text-transform: uppercase;
  margin:2% 0!important;
  font-size: 14px

}

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

.texteBlocActivities{
  padding:5% 8%
}

.texteBlocActivities h5{
  color:#4bb8b5;
  text-transform: uppercase;
  margin-bottom: 5%;
  font-size: 18px
}

.noMarginP p{
  margin: 0;
}

.metaDate, .metaAuthor{
  font-style: oblique;
  color:#4bb8b5;
  padding:0!important;
  margin:0!important
}

.metaExerpt{
  margin: 5% 0
}

/* BLOC RECHERCHE */

.sectionRechercheAnnoucement{
  margin: 3% 0;
}

.blocRechercheAnnoucement{
  padding: 0 3%!important
}

.blocRecherche{
  background-color: #333;
  padding:  5%

}

.blocRecherche select{
  border: 2px solid #4bb8b5;
  background-color: #333;
}

.blocRecherche .form-control{
  color: #4bb8b5!important;

}

.blocRecherche .btn{
  margin-top: 8%!important;
  padding: 2% 12%;
  color: white;
  background-color:#4bb8b5;
  border: #4bb8b5 solid 2px;
  font-weight: 500;
  transition-duration: 200ms
}

.blocRecherche .btn:hover{

  color: #4bb8b5;
  background-color:transparent;
  border: #4bb8b5 solid 2px;
  transition-duration: 200ms
}

/* BOUTON CATEGORY */

.categoryBtn .btn{
  margin: 0 1%;
  padding: 0.5% 2%;
  text-transform: uppercase;
}

.categoryBtn .btnList{
  margin: 0 0.5%;
  padding: 0.5% 0.5%;
  text-transform: uppercase;
}

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

}

.fondPageBlanc{
  background-image: url("../img/chart/fondIntro.png");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: right bottom;

}

.sectionOtherAnnoucement{
  margin: 0!important;

  padding-bottom: 2% ;
  background-color: #f1f1f1

}

.titreOtherAnnoucement{
  margin: 0!important;
  padding-top: 2% ;
  padding-bottom: 2% ;
  background-color: #f1f1f1
}


.triangleBleuAnnoucement{
  margin-top:-2%;
  background-color: #f1f1f1
}

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

/*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/chart/fondMenu.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  background-attachment: fixed;




}

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

.menuGauche h1{
  margin: 0 5%
}

.blocMenuGauche .btn{
  font-weight: 500;
  font-size: 13px;
  width: 70%!important
}

.btnConf{
  margin: 1% 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/chart/fondMotif.png");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right bottom;

}

.blocRechercheAnnoucement{
  padding: 0 !important
}


/* AWARDS BOOK */

.boutonAwards{
  margin: 3% 0!important;
}

.boutonAwards .btn{
  padding:0.5% 1%!important
}

.imgAwards img{
  width:auto!important;
  max-width: 200px!important;
  margin: 5% 0 !important

}

.txtBlocAwards h5{
  color: #333!important
}

.awardsSubmit span{
  color:#4bb8b5!important
}



.committeesGauche{
  margin-top:3%
}

.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 .portait{
  padding: 3% 5%
}

.awardsJury h5{
  font-size: 13px;
  text-transform: uppercase;
}

.committees .portait img{

}

.committees{
  margin-bottom:5%
}

.awardsJury img{
  margin-bottom:8%;
  height: 220px;
  width: 220px;
  object-fit: cover
}

.sectionAwardsWinner{
  background-color: #4bb8b5
}

.sectionAwardsWinner .traitTitre{
  background-color: white
}

.ligneTitreEnteteWinner{
  height: 5px;
  background-color: white;
  margin-top:10%
}

.awardWinner{
  padding: 0 25%!important;
  margin: 6% 0 -4% 0!important
}

.awardWinner_Multi{
  padding: 0 5%!important;
  margin: 6% 0 -4% 0!important
}

.winnerName h5, .winnerOther h5{
  text-transform: uppercase!important;
  font-size:18px!important;
  text-align: right;
}

.winnerOther{
  color:white!important
}



.awardWinnerImg{
  padding-left:15%;
  z-index:1000
}

#awardWinner{
  background-color: #333333;

  padding-bottom:10%
}

.awardWinnerImg img{
  margin-top:-20%;
  margin-left:12%;
  width: 100%;
  object-fit: contain;
}

.blocAuthorWinner{
  padding-right:3%!important
}



/* T&L RESSOURCES */


.traitTandL{
  padding-left:8%!important
}

.blocTitleTandL{
border-top: 5px solid #333;
padding:2% 8% 0 0!important

}

.metaTandL{
  border-top: 5px solid #333;
  padding:3% 0 0  0!important
}

.metaTandL h5{
  margin-top:0!important
}

.titleTandL{
  background-color: #333;
  padding: 12%
}

.titleTandL h1{
  color:white!important;
  text-align: center;
}

.tandL-gauche{

    padding: 0 5% 3% 5%!important
}

.tandL-droite{
    background-color: #f1f1f1;
    padding: 0 5% 3% 5%!important
}

.contentTexteTandL p{
    text-align: justify!important;
}

.contentTexteTandL h5{
   text-transform: uppercase!important;
   color:#4bb8b5;
   font-size: 20px;
   margin-bottom:3%!important
}

/* video */

.contentVideoTandL{
  margin-bottom:10%!important
}

/* Content Information*/

.sectionContentInformation{
  background-color: white!important;
  border-radius: 10px 10px 0 0!important;
  border-bottom:8px solid #4bb8b5;
  margin-bottom:10%!important
}

.contentInformationTitle{
  background-color: #4bb8b5;
  padding:6% 5%;
  border-radius: 10px 10px 0 0!important;
  text-align: center;

}

.contentInformationTitle h6{
  text-transform: uppercase;
  color:white;
  margin:0!important

}

.contentInformation{
  text-align: justify;
  padding:8%;
}

.fondGris{
  background-color: #f1f1f1!important;
  margin:0!important;
  padding:0!important
}

.sectionTraitMenu{
  height:12px;
  background-color: #4bb8b5
}

.traitHautPage{
  position: absolute;
}

.sectionTraitHaut2{
  height: 12px;
  background-color: #333;
  margin-bottom:1%!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;
  }


  .entetePages .entetePages2{
    border-left: #caeae9 70px solid;
    background-image: none;
    background-color: #f1f1f1;
    margin-bottom:10%!important;
    padding:8% 5%
  }

  .entetePages .text-right{
    text-align: center!important
  }

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

  }

  .texteEntetePages p{
    text-align: justify;


  }

  .texteEntetePages h1{
    margin:0;
    text-align: center;
  }

  .imageEntetePages{
    margin-top:5%;
    padding: 0 5%!important

  }

  .entetePages .ligneTitreEntete{
    margin:5% 0!important
  }

  .paragraphePages{
    padding: 0 10%
  }

  .paragraphePages{
    margin: 3% 0
  }

  .paragraphePages img{
    margin: 5% 0;
  }
  .paragraphePages p{
    padding: 5% 0;
    margin:0!important;
    text-align: justify;
  }


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

  .footer p{
    font-size: 12px
  }

  .categoryBtn .btn{
    margin:  6% 2%;
    padding: 1% 3%;
    text-transform: uppercase;
  }


  .centreAnnoucement{
    margin:0 0 3% 0;
    padding: 0 12%

  }


  .titreOtherAnnoucement{
    margin: 0!important;

    background-color: #f1f1f1;
    padding-top:3%;
    padding-bottom: 3%
  }

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

  }

  .committees{
    padding: 0 2%
  }


  .committees .portait{
    padding: 3%
  }

  .titreLigneGauche .titre{

  }

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

  .committees .portait img{

    height: 190px;
    width: 190px;

  }

  .metaTandL{
    border-top: 0px;

  }

  .tandL-droiteResp{
    background-color: white
  }

  .contentTexteTandL h5{
     margin-bottom:5%!important
  }

  .contentInformationTitle h6{
    font-size: 15px!important
  }

  .awardWinnerImg{
    padding-left:0;

  }

  #awardWinner{
    background-color: transparent;

    padding-bottom:0
  }

  .awardWinnerImg img{
    margin-top:0;
    margin-left:0;
    width: 50%;

  }

  .winnerName h5, .winnerOther h5{
    font-size:15px!important;
    text-align: center;
  }

  .blocAuthorWinner{
    padding: 0 25%!important;
    margin-bottom:10%!important
  }

  .traitTandL{
    padding-top: 5%!important
  }

  .awardWinner{
    padding: 0 25%!important;
    margin: 6% 0 6% 0!important
  }

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

 }

/* 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
  }

  .blocRechercheAnnoucement{
    padding: 0 10% !important
  }
  .categoryBtn {
    padding : 0 21%
  }

  .categoryBtn .btn {
    width:100%!important;
    padding: 4% 5%
  }


  .titreOtherAnnoucement{
    margin: 0!important;

    background-color: #f1f1f1;
    padding-top:7%;
    padding-bottom: 7%
  }

  .committeesGauche{
    padding-right: 20%
  }

  .committees{
    padding: 5% 15%
  }

  .committees img{
    margin: 10% 0
  }





 }

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

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

   .sectionActivities{
     padding: 0 22%;
     margin:2% 0;
   }

   .blocsActivities{
     padding: 0 2.5%!important;
     margin: 5% 0
   }

   .showDetailAnnouncement {
     cursor: pointer;
   }

   .committees{
     padding: 5% 20%
   }

   .sectionTraitHaut2{
     height: 8px;
     background-color: #333;
     margin-bottom:5%!important
   }

   .awardWinnerImg img{

     width: 80%;

   }


 }