/*===================================================================*/
/*==================== @author Alexandre Lapoux =====================*/
/*=============== @editor Octopoos - www.octopoos.com ===============*/
/*==== @copyright (C) 2009 - 2016 OCTOPOOS. All Rights Reserved. ====*/
/*===================================================================*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*===================================================================*/
/* Général */
/*===================================================================*/
.wysiwyg ul {margin-top: 0px;}

/* bug des marges sur Firefox */
div.o-grid {
    grid-gap: normal !important;
    row-gap: normal !important;
}


/* Texte vertical */
.EPBvertical-text {
	transform: rotate(270deg);
	transform-origin: left top 0;
}

.wysiwyg .box[data-box-style="10"]{border: 1px solid #4E97CD;}
.wysiwyg .box[data-box-style="10"] h3 {color: #000;}


/*===================================================================*/
/* Menu */
/*===================================================================*/
#menu-overlay .uk-subnav > li > a.EPBsubnavCliquable .title{color:#2a3a8c;}
#menu-overlay .uk-subnav > li > a.EPBsubnavCliquable:hover .title{color:#4E97CD;}
#menu-overlay .uk-subnav > li > a.EPBsubnavCliquable::before{content:"";position:absolute;left:12px;bottom:0;display:block;height:100%;width:2px;background:#2a3a8c;}
#menu-overlay .uk-subnav > li > a.EPBsubnavCliquable:hover::before{background:#4E97CD}
#menu-overlay .uk-subnav > li li ul > li > a,#menu-overlay .uk-subnav > li li ul > li.uk-active > a,#menu-overlay .uk-subnav > li li ul > li.uk-active > a:focus{padding:0 0 0 60px}


/*===================================================================*/
/* Boutons */
/*===================================================================*/
.btn.btn-epb-warning,.uk-button.uk-button-epb-warning{background:#FFCC00;color:#2a3a8c;}
.btn.btn-epb-warning:hover,.uk-button.uk-button-epb-warning:hover{background:#e8ba00;color:#000;}


/*===================================================================*/
/* Actualités et Innovations */
/*===================================================================*/
div.EPBimageArticleMasquee {display:none;}

/*===================================================================*/
/* Presse */
/*===================================================================*/
hr.EPBpresse {margin: 3em auto;}

/*===================================================================*/
/* Agenda */
/*===================================================================*/
/* div.epb-agenda table.epb-agenda { margin: -1em 0 2em 2em; border-top: 1px solid #dddddd;} */
div.epb-agenda table.epb-agenda {margin: 1em 2em 1.5em; width: 95%;}
div.epb-agenda table.epb-agenda td.epb-agenda-date {width: 12em; text-transform: capitalize; font-weight: bold; text-align: right;}


/*===================================================================*/
/* Onglets dans les pages de contenu */
/*===================================================================*/
.wysiwyg ul.EPBcontentTabs > li {padding-left: 0px;}

.wysiwyg ul.EPBcontentTabs > li::before, .wysiwyg ul.EPBcontentTabs > li::after {display: none;}

.wysiwyg div.EPBtabContent {
  border-bottom: 1px solid #ddd;
}

.wysiwyg div.EPBtabContent div.tab-pane {
  margin: 0 10px 1.5em;
  min-height: 100px;
}

.wysiwyg div.EPBtabContent div.tab-pane.EPBtabSI {text-align: center;}
.wysiwyg div.EPBtabContent div.tab-pane.EPBtabSI h4 {margin-bottom: 1em;}
.wysiwyg div.EPBtabContent div.tab-pane.EPBtabSI img {width: 80%; max-width: 600px;}
.wysiwyg div.EPBtabContent div.tab-pane.EPBtabSI p {margin-top: 1em;}
.wysiwyg div.EPBtabContent div.tab-pane.EPBtabSI a.exempleActiviteOnglets {cursor: zoom-in;}

/*===================================================================*/
/* Modules */
/*===================================================================*/
div.EPBmodule {
//  border-bottom: 1px solid #ccc;
  margin-top: 35px !important;
  padding-bottom: 10px;
}

div.EPBmodule:after {
  content : "";
  position: absolute;
  left    : 20%;
  bottom  : 0;
  height  : 1px;
  width   : 60%;  /* or 100px */
  border-bottom:1px solid #ccc;
}

div.EPBmodule ul {list-style: none}
div.EPBmodule ul li::before {content: "-"; color: #2a3a8c;  display: inline-block; width: 1em;  margin-left: -2em}

div.EPBmodule .uk-panel-title{text-align:left;margin:0 0 48px 0;text-transform:none;z-index:6}
div.EPBmodule .uk-panel-title::before{content:"";position:absolute;top:-11px;left:-1px;background-image:url(../images/upsti-effet-titre-mini.svg);width:48px;height:42px;background-repeat:no-repeat}
div.EPBmodule .uk-panel-title{background:rgb(255,255,255);min-height:40px;padding-top:8px;margin:0;padding-left:32px;}


/*===================================================================*/
/* ICSTEng */
/*===================================================================*/
body.ICSTEng h1.uk-panel-title {text-transform: none !important;}
#tableauEditionsICSTEng td.col1 {font-weight: bold; text-align: center;}
#tableauEditionsICSTEng th {text-align: left;}

/* Entreprises et icones */
div.EPBentreprises {
  margin-top: 1em;
}

div.EPBminiatureTab {
  overflow: auto;
  margin-left: 10px;
  margin-bottom: 0.5em;
}

div.EPBminiatureTab a.EPBminiatureImage {
  float: left;
  display: block;
}

div.EPBminiatureTab a.EPBminiatureImage img {
  width: 80px;
  border: 1px solid #ddd;
  border-radius: 10px;
}

div.EPBminiatureTab a.EPBminiatureImage img:hover {
  border-color: #aaa;
}

div.EPBminiatureTab div.EPBminiatureTexte {
  padding-left: 100px;
}

div.EPBminiatureTab p.EPBminiatureTitre {
  font-weight: bold;
  margin-top: 1.5mm;
  margin-bottom: 1mm;
}

div.EPBminiatureTab p.EPBminiatureTitre span {
  font-weight: normal;
}

div.EPBminiatureTab p.EPBminiatureDescription {
  padding-top: 0px;
}

div.exemplesSIContainer.EPBimagesDoubles {

}
div.exemplesSIContainer.EPBimagesDoubles img {
  width: 45% !important;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 5px;
}

/*===================================================================*/
/* Olympiades de SI */
/*===================================================================*/

/* Page principale */
div.containerPalmaresOSI{
  margin-top: 20px;
  margin-left: 30px;
}

div.containerPalmaresOSI a.lienPalmaresOSI {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

div.containerPalmaresOSI a.lienPalmaresOSI img {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 180px;
}

div.containerPalmaresOSI a.lienPalmaresOSI:hover img {
  border-color: #aaa;
}

/* Palmarès Olympiades */
table.prixOSI  {border-collapse:collapse;border-spacing:0;margin:10px auto 30px auto;max-width: 1000px;}
table.prixOSI td{padding:10px 5px;border:none;overflow:hidden;word-break:normal;}
table.prixOSI th, td.nomLycee{padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:white;background-color:#2a3b8d;color: white;text-align: left}
table.prixOSI th.nomProjet {
  font-size: 20px;
}

table.prixOSI th.logoPrix {
  width: 150px;
  line-height: 78px;
  padding: 0 0 0 90px;
  background:  #2a3b8d url(/images/evenements/OSI/Palmares/palme.png) no-repeat left center;
  font-family: 'quicksandbold';
  font-size: 25px;
}

table.prixOSI tr {background:none;}

table.prixOSI td.projet {
  border-bottom-color: #2a3b8d;
}

table.prixOSI td.descriptionProjet {
  vertical-align: top;
  text-align: justify;
  padding-right: 20px;
}

table.prixOSI td.photoProjet {
  width: 320px;
  vertical-align: top;
  text-align: center;
}
table.prixOSI td.photoProjet img {width: 250px}

table.prixOSI td.partenairePrix {
  background: none;
  border-color: #2a3b8d;
  border-width: 1px;
  border-style: solid none;
}

table.prixOSI td.partenairePrix img {
  height: 70px;
  margin-right: 20px;
  margin-left: 20px;
  vertical-align: middle;
}

table.prixOSI td.partenairePrix img.large {
  height: 15px;
  margin-top: -5px;
}

table.prixOSI td.partenairePrix span.nomPersonnalitePrix {font-weight: bold}

div.tableauPalmaresOSI {
  margin:10px auto 30px auto;
  max-width: 1000px;
  height: 500px;
  overflow: auto;
}



/* Palmarès v2 */
div.grillePalmaresOSI div.container {
  width: 100%;
}

div.grillePalmaresOSI div.palmaresOSI-table {
  margin: 0 auto;
  width: 80%;
}

div.grillePalmaresOSI div.palmaresOSI-table div.prix {
  margin-top: 1rem;
  background-color: #fefefe;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #ddd;
  // box-shadow: 0 0 6px 1px #b0b2ab;
}

div.grillePalmaresOSI div.palmaresOSI-table div.prix:hover {
  background-color: #fff;
  //border-color: #aaa;
  box-shadow: 0 0 6px 2px #eeeeee;
}

div.grillePalmaresOSI div.palmaresOSI-table div.numeroPrix { margin-top: 0.5rem; }
div.grillePalmaresOSI div.palmaresOSI-table div.numeroPrix h2 { margin-top: 0; }
div.grillePalmaresOSI div.palmaresOSI-table div.numeroPrix h3 { margin-bottom: 0; }

div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILycee { padding: 0.5rem; border-bottom: 1px solid #ddd; }

div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILycee div.palmaresOSILyceeNom { font-weight: bold; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILycee div.palmaresOSILycee {  }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILycee div.palmaresOSILyceeAcademie { font-style: italic; }

div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis { padding: 0.5rem 0.5rem 0.5rem; border-bottom: 1px solid #ddd; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis img { width: 80%; max-width: 120px; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis img.deuxparligne { max-width: 80px; margin: 3px 0; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis div.palmaresOSIRemisTitre { font-size: 90%; color: #ccc; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis div.palmaresOSIRemisPar { font-weight: bold; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSIRemis div.palmaresOSIRemisParFonction { font-style: italic; }

div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILiens { display: flex; justify-content: space-between; padding: 1rem 0.5rem; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILiens a { color: #ccc; display: block; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILiens a:hover { color: #2a3a8c; }
div.grillePalmaresOSI div.palmaresOSI-table div.palmaresOSILiens a.palmaresOSILiensInfo { cursor: help; }

/* Partenaires */
h2.titrePartenairesOSI {
  display: block;
}

div.containerPartenairesOSI {
  display: block;
}


div.grillePartenaires{
  margin-top: 20px;
  margin-left: 30px;
}

div.grillePartenaires a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.grillePartenaires a img {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 150px;
}

div.grillePartenaires a:hover img {
  border-color: #aaa;
}

/*
div.partenairesOr a img {width: 150px;}
div.partenairesArgent a img {width: 125px;}
div.partenairesBronze a img {width: 100px;}
*/


/* Vidéos */
div.mxyt-more {margin-top: 20px;}
div.moduletable.galerieVideo {margin-top:30px;}



/*===================================================================*/
/* OSMap */
/*===================================================================*/
div#OSmapOSI iframe.OSmap {
min-width: 300px;
width: 100%;
border: 1px solid #ccc;
height: 600px;
overflow: hidden;
}



/*===================================================================*/
/* RSForm */
/*===================================================================*/
table.EPBRSForm {width:100%;}

table.EPBRSForm th, table.EPBRSForm td {
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
}

table.EPBRSForm th {
  background: #f5f5f5;
}

table.EPBRSForm tr:hover td {
  background: #e0e0e0;
}


fieldset.formContainer .form-horizontal .control-label {
    margin-right: 20px;
    width: 300px;
}

fieldset.formContainer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}

fieldset.formContainer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

fieldset.formContainer ::-ms-input-placeholder { /* Microsoft Edge */
  color: #999;
}

/*===================================================================*/
/* Articles */
/*===================================================================*/
h3.productionUPSTI {
  background: url(../images/upsti-logo-prod.png) 0 50% no-repeat;
  line-height: 60px;
  padding-left: 90px;
  margin-bottom: 1.5em;
}

div.uk-publish-sticky.EPB > div.cck_seb_article_publishing > div.cck_value_group {
  width: 100%;
  font-size: 16px;
}

/* Largeur des colonnes dans la liste des résultats de recherche de DP */
div.EPBpublish > p.labtxt {width:20% !important;}
div.EPBtagsSystems {width:60% !important;}
div.EPBauthors {width:20% !important;}

span.EPBarticleAuthorsList   {min-width:29px;}
span.EPBarticleAuthorsList img {
  width:28px;
  border-radius:50%;
  vertical-align:middle;
  margin-right: 1px;
  cursor: help;
}

/* Pour enlever les effets de survol */
.uk-panel-box.uk-panel-box-primary:hover span.EPBarticleAuthorsList img{
  -webkit-transform:none;-ms-transform:none;transform:none;
}

/*---------*/
/* Page SI */
/*---------*/

#EPBpageAeree h2 {margin-top: 48px;}
#EPBpageAeree h3 {margin-top: 36px; color: #2a3a8c;}
#EPBpageAeree ul {margin-bottom: 36px; margin-top: 12px;}

div.exemplesSIContainer {
  display: flex;
  flex-wrap: wrap;
}

div.exemplesSIContainer div {
  display: block;
  text-align: center;
}

div.exemplesSIContainer.exemplesActivites {
  margin: 2em 0;
  justify-content: center;
}

div.exemplesSIContainer.imagesSI {
  justify-content: center;
}

div.exemplesSIContainer.imagesSI img {
  display: block;
  width: 50%;
  max-width: 450px;
  min-width: 300px;
}

div.exemplesSIContainer.exemplesActivites div,
div.exemplesSIContainer.exemplesActivites a.exempleActivite {
  display: block;
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 30%;
  max-width: 250px;
  min-width: 150px;
  cursor: pointer;
  margin: 0 12px 24px;
}

div.exemplesSIContainer.exemplesActivites div:hover,
div.exemplesSIContainer.exemplesActivites a.exempleActivite:hover {
  -webkit-box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
  box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
}


div.exemplesSIContainer.exemplesActivites img {
  padding: 10px 10px 0 10px;
}

div.exemplesSIContainer a.exempleActivite span {
  text-align: center;
  display: block;
}

div.exemplesSIContainer.exemplesActivites a.exempleActivite span {
  margin: 12px;
  line-height: 1.2em;
  font-family: 'quicksandbold';
  font-size: 1.1em;
  color: #2a3a8c;
}

h1.EPBtitreEncadre {
  text-align: center;
  font-size: 1.5em;
  border: 2px solid #f3700b;
  border-radius: 10px;
  line-height: 1.2em;
  padding: 10px;
  margin: 36px 48px;
  color: black;
}

/* VRAI/FAUX */
span.vraifaux {
  float:left;
  font-size: 1.5em;
  padding: 0.4em 0.5em 0 0.5em;
  font-family: 'quicksandbold';
  color: #006600;
}
span.vraifaux.faux {color: #f3700b;}


/*===================================================================*/
/* Corrigés */
/*===================================================================*/

div.EPBtopicImage {
  margin-bottom: 3em;
}

div.EPBtopicImage div.cck_value_upload_image {
  text-align: center;
}

div.EPBtopicImage div.cck_value_upload_image img {
  max-width: 80%;
  max-height: 400px;
  border-radius:0 0 0 12px;
}

div.EPBtopicImage div.cck_value_upload_image img.old {
  padding:10px;
  -webkit-box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
  box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
}

#EPBcontenusModifiables p {margin: 24px 0 6px 1em;}

#EPBcontenusModifiables ul {margin-left: 2em;}

#EPBcontenusModifiables ul span {cursor: default;}


/*===================================================================*/
/* Maps */
/*===================================================================*/
.EPBcarte .tm-content #seblod_form {margin-top: 4px;}

#map {width: 100%;height: 600px;z-index: 0;}

#map div.leaflet-popup {width: 250px !important;}

#map p.EPBcoordonneesLycee {
  margin-bottom: 3px;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  text-align: center;
}

#map p.EPBpopupLien {
  font-size: 80%;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 3px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  padding-top: 3px;
}

#map p.EPBpopupLien.noBottomBorder {
  border-bottom: none;
}


#map span.EPBacademieLycee {
  font-style: italic;
  font-size: 85%;
  color: #333;
}

#map span.EPBnomLycee {
  font-weight: bold;
  font-size: 100%;
}

#map span.EPBvilleLycee {
  font-size: 85%;
}

#map div.EPBprofsContainer {
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
  padding-right: 7px;
}

#map div.EPBprofAvatar {
  width: 28px;
  height: 28px;
  margin-right: 4px;
  margin-top: 5px;
}

#map div.EPBprofAvatar img {
  width: 28px;
  height: 28px;
}


#map div.EPBcontainerSpecialites,
#map div.EPBcontainerNiveaux {
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
  padding-right: 7px;
}

#map div.EPBcontainerSpecialites {
 justify-content: center;
 /*
  padding-left: 44px;
  padding-right: 35px;
 */
}

div.EPBspecialite {
  width: 28px;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  margin-top: 5px;
  color: #fff;
  font-size: 80%;
  text-align: center;
  border-radius: 4px;
}

div.EPBspecialite.EPBniv {
  border-radius: 0;
  border: 1px solid black;
  width: 35px;
  white-space: nowrap;
  /* font-size: 11px; */
}

#map p.EPBtitreSpecialites {
  font-size: 90%;
  text-align: center;
  color: #333;
  margin: 3px 0 0px;
  padding: 6px 0 0px;
}

#map div.EPBseparateurSpecialites {
  height: 3px;
}

#map div.EPBniveau {
  width: 28px;
  height: 32px;
  margin-right: 4px;
  margin-top: 5px;
}

#map div.EPBniveauTitre {
  width: 27px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 5px;
  border-radius: 8px 0 0 8px;
  background: #eee;
  color: #999;
}

#map div.EPBniveau div {
  display: block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  margin: 0;
  padding-top: 1px;
}

#map div.EPBniveau div.EPBintituleNiveau {
  color: #fff;
  font-size: 80%;
  height: 12px;
  line-height: 12px;
}

#map div.EPBniveau div.EPBcompteurNiveau {
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
}

/* Résultats de recherche et lien vers la légende */
#EPBresultats {
  margin-top: -1.5em;
  display: flex;
  justify-content: space-between;
}

#EPBresultats #EPBnbResultats {
  padding-right: 0.3em;
}

#EPBresultats p.lienLegende {
  text-align: right;
  padding-top: 10px;
  display: block;
}

/* Légende la carte des lycées/spécialités */
#legendeMap {}

#legendeMap div.containerLegend {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
}

#legendeMap div.containerLegend.cpge {
  justify-content: flex-start;
}

#legendeMap div.containerLegend div.legendBlock {
  width: 190px;
  margin: 0 10px 10px 0 ;
  padding: 15px;
}

#legendeMap div.containerLegend div.legendBlock h4 {
  text-align: center;
  color: black;
  font-size: 95%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
}

div.mapLegendType {
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}

div.mapLegendType img {
  height: 32px;
  float: left;
  flex-wrap: wrap;
  margin-right: 10px;
}


div.EPBlegendSpecialites {

}

div.EPBlegendSpecialites div.EPBspecialite {
  margin-right: 8px;
  float: left;
}

div.EPBlegendSpecialites div.EPBspecialiteIntitule {
  display:block;
  overflow:hidden;
  padding-top: 3px;
}

div.legendBlock div.EPBseparateurSpecialites {
  height: 1px;
  width: 120px;
  margin: 10px auto 5px;
  background: #ddd;
}

/*===================================================================*/
/* Statistiques */
/*===================================================================*/

table.EPBstatistiques {
  margin:0 auto;
}

table.EPBstatistiques tr, table.EPBstatistiques td, table.EPBstatistiques th {
  text-align:center;
}

table.EPBstatistiques td.entete {
  text-align:left;
}

table.EPBstatistiques td.inactif {
  background: #ddd;
  font-style: italic;
  color: #666;
}

table.EPBstatistiques tr.EPBresult td {
  font-weight: bold;
}

table.EPBstatistiques tr.EPBsubResult td {
  font-style: italic;
}

table.EPBstatistiques td.EPBlineHeader-indent {
  padding-left: 20px;
  text-align: left;
}

table.EPBstatistiques td.EPBlineHeader {
  text-align: left;
}

table.EPBstatistiques td.plus {color: #006600;}
table.EPBstatistiques td.moins {color: #990000;}

div.EPBstatistiquesNiveau {
  display: inline-block;
  width: 350px;
  margin-right: 10px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 18px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 10px;
}

div.EPBstatistiquesNiveau:hover {
  border-color: #aaa;
  background: #f6f6f6;
}

div.EPBstatistiquesNiveau table.EPBstatistiques {
  width: 320px;
}

div.EPBstatistiquesNiveau table.EPBstatistiques.choixMultiples {
  margin-top: 1em;
}

table.EPBstatistiques tr.gras td {
  font-weight: bold;
}

div.EPBstatistiquesNiveau table.EPBstatistiques td.percent {
  min-width: 62px;
}

div.EPBstatistiquesNiveau table.EPBstatistiques td.intitule {
  text-align: right;
  min-width: 160px;
}

div.EPBstatistiquesNiveau table.EPBstatistiques td.pourcentage,
div.EPBstatistiquesNiveau table.EPBstatistiques td span.nbElts {
  color: #666;
  font-size: 85%;
}

div.EPBstatistiquesNiveau table.EPBstatistiques td span.nbElts {
  padding-left: 1em;
}

table.EPBstatistiques td.separator {
  height:0;
  background: #4E97CD;
}



/*===================================================================*/
/* Programmes */
/*===================================================================*/

table.BAProgrammes {
  margin:0 auto;
}

table.BAProgrammes tr, table.BAProgrammes td, table.BAProgrammes th {
  text-align:center;
}

table.BAProgrammes td.entete {
  text-align:right;
}

table.BAProgrammes td.inactif {
  background: #ddd;
  font-style: italic;
  color: #666;
}

table.BAProgrammes tr.BAresult td {
  font-weight: bold;
}

table.BAProgrammes tr.BAsubResult td {
  font-style: italic;
}

table.BAProgrammes td.BAlineHeader-indent {
  padding-left: 0px;
  text-align: left;
}

table.BAProgrammes td.BAlineHeader {
  text-align: left;
}

table.BAProgrammes td.plus {color: #006600;}
table.BAProgrammes td.moins {color: #990000;}

div.BAProgrammesNiveau {
  display: inline-block;
  width: 350px;
  margin-right: 10px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 18px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 10px;
}

div.BAProgrammesNiveau:hover {
  border-color: #aaa;
  background: #f6f6f6;
}

div.BAProgrammesNiveau table.BAProgrammes {
  width: 320px;
}

div.BAProgrammesNiveau table.BAProgrammes.choixMultiples {
  margin-top: 1em;
}

table.BAProgrammes tr.gras td {
  font-weight: bold;
}

div.BAProgrammesNiveau table.BAProgrammes td.percent {
  min-width: 30px;
}

div.BAProgrammesNiveau table.BAProgrammes td.intitule {
  text-align: left;
  min-width: 60px;
}

div.BAProgrammesNiveau table.BAProgrammes td.pourcentage,
div.BAProgrammesNiveau table.BAProgrammes td span.nbElts {
  color: #666;
  font-size: 85%;
}

div.BAProgrammesNiveau table.BAProgrammes td span.nbElts {
  padding-left: 1em;
}

table.BAProgrammes td.separator {
  height:0;
  background: #4E97CD;
}


/*===================================================================*/
/* Kunena */
/*===================================================================*/

/* Layout */
#kunena.layout .kfrontend {margin-bottom: 3em;}
#kunena.layout ul.inline {padding-left: 0;}
#kunena.layout ul.inline,
#kunena.layout ul.inline > li:first-child {padding-left: 0;}
#kunena.layout .clearfix + .kfrontend {margin-top: 2em;}
#kunena.layout .EPBtitreEspaceAvant {margin-top: 3em;}
#kunena.layout .EPBespaceApres {margin-bottom: 24px;}

/* Messages d'alertes */
#kunena.layout .alert {margin: 1em 0;}
#kunena.layout .alert-light {color: #818182; background-color: #fafafa; border-color: #ddd;}
#kunena.layout .alert-info a {color: #2a3a8c;}
#kunena.layout .alert-info a:hover {color: #000;}

/* Titres */
#kunena.layout h1 {margin-bottom: 1em}
#kunena.layout h1 a {color: #2a3a8c;}
#kunena.layout h1 a:hover {color: #4e97cd;}
#kunena.layout .kfrontend h2.btn-link {margin: 0;}
#kunena.layout h1 > small,
#kunena.layout h3 > small {margin-left: 0.5em;}
#kunena.layout .kunena-topic-item h1 svg {font-size: 1.2em}

/* Menu */
#kunena.layout div.navbar-inner {border: none; background: none; border-radius: 0; box-shadow: none;}
#kunena.layout div.navbar div.visible-desktop > ul {padding-left: 12px; font-size: 16px; line-height: 20px; list-style: none;}
#kunena.layout .navbar div.visible-desktop .nav > li > a {padding: 8px 12px; margin-right: 2px; color: #4e97cd; border-radius: 4px 4px 0 0; border: 1px solid rgba(255, 255, 255, 0);}
#kunena.layout .navbar div.visible-desktop .nav > li > a:hover {color: #2a3a8c; background: #eee; border-color: #eee; border-bottom-color: #ddd;}
#kunena.layout .navbar div.visible-desktop .nav > li.active > a {border-color: #ddd; background: #fff; color: #555555; cursor: default; box-shadow: none; border-bottom-color: #fff;}
#kunena.layout .navbar div.visible-desktop .nav > li.active > a:hover {}
#kunena.layout .navbar div.visible-desktop .nav > li.dropdown > a {border: none; margin-right: 0;}
#kunena.layout .navbar div.visible-desktop .nav > li.dropdown > a:hover {background: none;}
#kunena.layout .navbar div.hidden-desktop .nav {top: 15px;}

#kunena.layout div.navbar-inner div.klogout li.dropdown {margin-top: -42px; background: none;}
#kunena.layout div.navbar-inner div.klogout li.dropdown.open > a {background: none;}

/* Menu déroulant */
#kunena.layout #nav-menu a.btn {background: none; color: #4e97cd; font-family: 'average_sansregular'; text-transform: none;}
#kunena.layout #nav-menu .btn:hover {color: #2a3a8c; text-decoration: none;}
#kunena.layout #nav-menu > div:last-of-type,
#kunena.layout #nav-menu #logout-form {display: none;}
#kunena.layout #nav-menu .btn {background: none; border: none; height: initial; line-height: initial;}
#kunena.layout #nav-menu #statustext, #kunena.layout #nav-menu #statustext + div.divider {display: none;}

/* Navigation rapide */
#kunena.layout #jumpto {margin: 12px 0 24px;}

/* TODEL ??? */
/*#kunena.layout h2.filter-sel div.bs-dropdown {font-family: 'average_sansregular';}*/
/*#kunena.layout div.filter-time.pull-right {margin:-2em 0 2em;}*/


/* Breadcrumbs */
#kunena.layout .breadcrumb {margin: 12px 0 16px;}
#kunena.layout .breadcrumb > li {color: #999;}

/* Annonces */
#kunena.layout .EPBannouncement div.alert {margin-top: 10px; margin-bottom: 1.5em; padding: 18px;}
#kunena.layout .EPBannouncement div.alert .close {top: -12px; right: -7px;}
#kunena.layout .EPBannouncement div.alert h5 {margin-bottom: 0.5em; font-size: 18px;}
#kunena.layout .EPBannouncement div.alert > div:last-of-type {margin-top: 0.2em;}
#kunena.layout .EPBactionsAnnonces #announcement-add-button {margin-left: 4px;}
#kunena.layout .EPBtableAnnonces td {vertical-align: middle;}
#kunena.layout .EPBtableAnnonces td input[type="checkbox"] {margin-top: -8px;}
#kunena.layout .EPBtableAnnonces a.btn-xs {padding-left: 14px; padding-right: 5px; margin: 3px 0;}

/* Pagination */
#kunena.layout .kunena-topic-item .btn-toolbar {margin-left: -16px;}
#kunena.layout .kunena-topic-item .EPBboutonPlusRecherche {margin-top: 2em;}
#kunena.layout .EPBboutonPlusRecherche.EPBbottom {margin-top: 2em;}
#kunena.layout .EPBpaginationPlusRecherche {margin-bottom: 8px;}
#kunena.layout .EPBpaginationPlusRecherche.EPBinProfile {margin: 1em 0;}

#kunena.layout .pagination ul {justify-content: flex-start;}
#kunena.layout .EPBpaginationTop {margin-bottom: 1em;}
#kunena.layout .EPBpaginationBottom {margin: 0.5em 0 1em;}
#kunena.layout #ktopicsform {padding-bottom: 0;}
#kunena.layout .EPBmessageActionsButtons {margin-left: -16px;}
#kunena.layout .EPBmessageActionsButtons .btn-toolbar {display: flex; flex-wrap: wrap; margin-left: 16px;}
#kunena.layout .EPBmessageActionsButtons .btn-toolbar > * {margin-left: 0;}

/* Boutons */
#kunena.layout .btn {margin-bottom: 5px;}
#kunena.layout .btn svg {margin-right: 8px;}
#kunena.layout .EPBselectPlusButton .btn {height: 30px; line-height: 30px; margin: 0; padding: 0 5px;}
#kunena.layout .EPBselectPlusButton select:hover {background-color: #f1f2f5!important;}
#kunena.layout .EPBselectPlusButton a.EPBboutonGauche {border-radius: 4px 0 0 4px;}
#kunena.layout .EPBselectPlusButton select.EPBboutonGauche {border-radius: 0;}

#kunena.layout .EPBselectPlusButtonGrand .btn {line-height: 26px;}
#kunena.layout .EPBselectPlusButtonGrand #kchecktask {height: 40px;}
#kunena.layout .EPBselectPlusButtonGrand select:hover {background-color: #f1f2f5!important;}
#kunena.layout .EPBselectPlusButtonGrand select {border-radius: 6px 0 0 6px;}
#kunena.layout .EPBselectPlusButtonGrand select + input {border-radius: 0 6px 6px 0;}

#kunena.layout .btn:not(.btn-default) {background: #fafafa; border: 1px solid #3a87ad; color: #3a87ad;}
#kunena.layout .btn:not(.btn-default):hover {background: #3a87ad; color: #fff;}
#kunena.layout .btn:not(.btn-default) span.caret {border-top-color: #3a87ad; margin-top:4px;}
#kunena.layout .btn:not(.btn-default):hover span.caret {border-top-color: #fff;}
#kunena.layout .btn.btn-primary:not(.btn-default) {background: #fafafa; border: 1px solid #2a3a8c; color: #2a3a8c;}
#kunena.layout .btn.btn-primary:not(.btn-default):hover {background: #2a3a8c; color: #fff;}
#kunena.layout .btn.btn.btn-primary:not(.btn-default) span.caret {border-top-color: #2a3a8c;}
#kunena.layout .btn.btn.btn-primary:not(.btn-default):hover span.caret {border-top-color: #fff;}
#kunena.layout .btn.dropdown-toggle, #kunena.layout .btn.btn-primary.dropdown-toggle {border-left-style: dotted;}
#kunena.layout .btn.dropdown-toggle:focus {border-radius: 0 6px 6px 0;}

/* Si on préfère en vert: #0f5919 */
#kunena.layout .btn.btn-moderateur {border-color: #a849a4; color: #a849a4;}
#kunena.layout .btn.btn-moderateur span.caret {border-top-color: #a849a4;}
#kunena.layout .btn.btn-moderateur:hover {background: #a849a4; color: #fff;}

#kunena.layout .btn-toolbar .btn.btn-small[data-toggle="collapse"] {padding: 1px 10px; margin-right: 0;}
#kunena.layout .btn-toolbar .btn-group > .btn.btn-small[data-toggle="collapse"] {padding-top: 2px; border-radius: 12px;}

@media (max-width: 959px) {#kunena.layout .EPBselectPlusButton select {width: 100%;}}

/* Messages */
#kunena.layout [class*="badger-left"] {padding-right: 14px !important;}
#kunena.layout .EPBmessage {margin-bottom: 1em;}

#kunena.layout .mykmsg-header {display: none; background: #fafafa; border: 1px solid #ddd; border-top: none;}

#kunena.layout .kmsg {margin-top: 16px; min-height: 110px;}
#kunena.layout .kmsg .highlight, #kunena.layout #kbbcode-preview .highlight {margin-top: 1em;}
#kunena.layout .kmsg .embed-responsive, #kunena.layout #kbbcode-preview .embed-responsive {margin-top: 1em; text-align: center;}
#kunena.layout .kmsg .highlight pre, #kunena.layout #kbbcode-preview .highlight pre {border-style: dashed;}
#kunena.layout .kmsg .kmsgimage, #kunena.layout #kbbcode-preview .kmsgimage {margin: 1em 0 0; display: block; text-align: center;}
#kunena.layout .kmsg .kmsgimage a img, #kunena.layout #kbbcode-preview .kmsgimage a img { max-width: 600px !important; max-height: 400px !important; width: unset;}
#kunena.layout .kmsg blockquote, #kunena.layout #kbbcode-preview blockquote {margin: 1em 0; padding: 8px; background: #fafafa; color: #666; border-color: #666; border-width: 1px 4px; border-style: dotted solid; font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Helvetica, Arial, sans-serif;}
#kunena.layout .kmsg blockquote p, #kunena.layout #kbbcode-preview blockquote p {margin-bottom: 0; font-weight: normal;font-size: 14px;}

#kunena.layout .kmsg div.kspoiler-wrapper, #kunena.layout #kbbcode-preview div.kspoiler-wrapper {width: auto; margin: 1em 0; padding: 8px; background: #FFFAEE; color: #c37e00; border-color: #c37e00; border-width: 1px 4px; border-style: dotted solid; font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Helvetica, Arial, sans-serif;}
#kunena.layout .kmsg div.kspoiler-wrapper div.kspoiler-content, #kunena.layout #kbbcode-preview div.kspoiler-wrapper div.kspoiler-content {margin: 0; font-weight: normal; font-size: 14px;}

#kunena.layout .ksig {background: #fafafa; border: 1px solid #ddd; border-bottom: none; margin-bottom: -10px; margin-left: -15px; margin-right: -15px; border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px; padding: 10px 19px 10px 14px !important;}
#kunena.layout .message-deleted .ksig {background: rgba(0,0,0,0.05); }
#kunena.layout .ksig .kmsgimage a[title="Logo UPSTI"] img,
#kunena.layout .EPBsignatureProfil .kmsgimage a[title="Logo UPSTI"] img {height:18px !important; width: 18px !important; margin-top: -7px; margin-right: 3px;}

#kunena.layout .message-published {background: #fff;}
#kunena.layout .kattach {margin: -18px 0 14px 36px; border: 1px dotted #ddd; border-radius: 0 0 8px 8px; padding: 7px 0 0 10px;}
#kunena.layout .kattach div.EPBthumbnails {margin: 0; display: flex; flex-wrap: wrap;}
#kunena.layout .kattach div.EPBthumbnail {display: block; margin: 0 5px 5px 0; text-align: center; min-width: 36px; border-radius: 5px; border: 1px solid #fff; padding: 3px;}
#kunena.layout .kattach div.EPBthumbnail:hover {border: 1px solid #ddd;}
#kunena.layout .kattach div.EPBthumbnail span.EPBattachIcon {display: block; width: 100%; height: 32px;}
#kunena.layout .kattach div.EPBthumbnail span.EPBattachIcon svg {font-size: 27px; margin-top: 3px;}
#kunena.layout .kattach div.EPBthumbnail.EPBattachFilesTitle {line-height: 32px;}
#kunena.layout .kattach div.EPBthumbnail.EPBattachFilesTitle:hover {border-color: #fff;}

/* bbcodes messages */
#kunena.layout .kmsg > table, #kunena.layout #kbbcode-preview > table {border: 1px solid #ddd; margin: 1em auto;}
#kunena.layout .kmsg > table th, #kunena.layout #kbbcode-preview > table th,
#kunena.layout .kmsg > table td, #kunena.layout #kbbcode-preview > table td {border: 1px solid #ddd; padding: 5px 10px; text-align: left;}
#kunena.layout .kmsg > table th, #kunena.layout #kbbcode-preview > table th {background: #f0f0f0;font-weight: bold;}

/* Sondages */
#kunena.layout .EPBsondageContainer {margin: 1em 0 2.5em; padding: 18px; background: #efe3f9; color: #a849a4; border-color: #a849a4; border-width: 1px 4px; border-style: dotted solid;}
#kunena.layout #poll-results {padding-bottom: 18px;}
#kunena.layout #poll-results table,#kunena.layout #poll-results table tr, #kunena.layout #poll-results table td {border-color: #a849a4; vertical-align: middle;}
#kunena.layout #poll-results tbody > tr:nth-child(odd) > td, #kunena.layout #poll-results tbody > tr:nth-child(odd) > th {background-color: #f3f3f3;}
#kunena.layout #poll-results tbody > tr:nth-child(even) > td, #kunena.layout #poll-results tbody > tr:nth-child(even) > th {background-color: #eaeaea;}
#kunena.layout #poll-results .progress {margin: 10px;}
#kunena.layout #poll-results .progress-striped .bar {background-color: #a849a4;}
#kunena.layout #poll-vote .EPBvote ul {margin-bottom: 1em;}
#kunena.layout #poll-vote .EPBvote input.kpoll-boxvote {margin-top: -0.5em;}

/* Avatars - profils */
#kunena.layout .span3 .img-circle {max-width: 36px;}
#kunena.layout #nav-menu img {max-width: 80px;}
#kunena.layout .profilebox [class*="kwho-"] img {max-width: 90px;}
#kunena.layout .topic-starter {max-width: 80px; margin-bottom: 5px; padding-bottom: 4px;}
#kunena.layout li.EPBrankTitle {margin-bottom: -5px;}
#kunena.layout .profile-expand {margin-top: 4px;}
#kunena.layout .EPBinfoButton {color: #3a87ad; border: 1px solid #3a87ad; background: none;}
#kunena.layout .EPBinfoButton:hover {color: #2a3a8c; border: 1px solid #2a3a8c; background: #f1f2f5;}
#kunena.layout .EPBprofilMessage {margin-top: 1.2em;}
#kunena.layout .EPBhommeDePaille .topic-starter,
#kunena.layout .EPBhommeDePaille .kwho-user {color: #da9311;}
#kunena.layout .EPBhommeDePaille .EPBrankImage img { filter: hue-rotate(180deg); }
#kunena.layout .kwho-globalmoderator {color: #a849a4;}

/* Tableaux de forums */
#kunena.layout table.table {margin-bottom: 10px;}
#kunena.layout div.section table.table thead tr:first-of-type td:first-of-type {background: #f8f8f8; color: #3a87ad; border-color: #3a87ad; border-width: 1px 4px; border-style: dotted solid;}
#kunena.layout div.section table.table thead tr:first-of-type td:first-of-type a {color: #2a3a8c;}
#kunena.layout div.section table.table thead tr:first-of-type td:first-of-type a:hover {color: #3a87ad;}
#kunena.layout div.noSubForum {margin-bottom: -4px;}
#kunena.layout div.hasSubForum table.table thead:after {content:"@"; display:block; line-height:24px; visibility: hidden;}
#kunena.layout div.section div.subcategories {margin-top: -0.6em;}
#kunena.layout div.section div.subcategories ul.inline a.hasTooltip {margin-left: 5px;}

#kunena.layout tr.category-stickymsg {background-color: #effaff;}
#kunena.layout tr.category.EPBspec {background-color: #d9edf7; border: 1px solid #bce8f1; border-radius: 4px;}
#kunena.layout tr.category.EPBannonce {color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}
#kunena.layout tr.category.EPBmodo {background-color: #fdf6eb;}
#kunena.layout tr.category.EPBupsti {color: #3a87ad;background-color: #e2eff5;border-color: #c7e0ec;}

#kunena.layout tr.locked span.label-important {display: none;}

/* Typo */
#kunena.layout .fa-3x {font-size: 2em;}
#kunena.layout [class*="category"] .knewchar:hover {color: #387738 !important;}

/* Petits hacks de présentation */
#kunena.layout .fa-rss {color: orange !important; margin-left: 0.8em;}
#kunena.layout div.pull-right.large-kicon {margin-top: -30px;}
#kunena.layout div.pull-right.large-kicon .fa-rss {margin-left: 0px;}
#kunena.layout #kstats ul {margin-left: 0px; margin-right: 2em;}
#kunena.layout #kstats ul.EPBicon {padding: 10px; margin-right: -5px;}

/* Page : Profil et Edition du profil */
#kunena.layout #kuserform h3 {margin: 24px 0 12px;}
#kunena.layout #kuserform h3:first-of-type {margin-top: 0;}
#kunena.layout .EPBsignatureProfil blockquote {font-style: normal; font-size: inherit; border-color: #3a87ad; border-width: 4px;}
#kunena.layout .EPBboutonMail {margin-top: 1em;}
#kunena.layout .EPBbuttonEditProfile {margin: -8px 0 12px;}
body.view-user #kunena.layout .tab-pane > div div.row-fluid h1 {margin-top: 2em;}
body.view-user #kunena.layout .tab-pane > div div.row-fluid:first-of-type h1 {margin-top: 0;}

/* Page : Nouveau message */
#kunena.layout #tabs_kunena_editor li.active a {background: #f5f5f5;}
#kunena.layout #kpost-attachments {margin-top: -4em;}
#kunena.layout #kpost-subscribe .controls {padding-top: 5px;}
#kunena.layout #kbbcode-preview {margin-top: -5px;}
#kunena.layout #EPBcheckboxPerceval input[type="checkbox"] {margin: -6px 5px 0 0;}
#kunena.layout #EPBalertPerceval {margin-left: 86px;}

/* Page : Edition d'un message */
#kunena.layout #history > p:first-of-type {margin-bottom: 3em;}

/* Page : Recherche */
#kunena.layout .EPBadvancedSearchBar {margin: 2em 0 1.5em; padding: 1em;}
#kunena.layout .EPBadvancedSearchBar > div.EPBsearchRow {margin-bottom: 0.5em;}
#kunena.layout .EPBadvancedSearchBar > div.EPBsearchRow:last-of-type {margin-bottom: 0;}
#kunena.layout .EPBadvancedSearchBar > div.EPBsearchRow.EPBspecial {margin-bottom: -5px;}
#kunena.layout .EPBadvancedSearchBar h3 {margin: 0; color: #000; text-align: right; line-height: 40px; }
#kunena.layout .EPBadvancedSearchBar input[type="checkbox"] {margin-top: -5px;}
#kunena.layout .EPBadvancedSearchBar input[type="checkbox"] + span {line-height: 40px; padding-left: 0.3em;}
#kunena.layout .EPBadvancedSearchBar input[type="date"] {color:#000;background-color:#ffffff;border:1px solid transparent;-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.20);box-shadow:0px 0px 8px rgba(0,0,0,0.20);border-radius:6px;min-height:40px;padding:6px 16px!important;font-size:14px;line-height:18px;text-transform:none;text-shadow:none;font-weight:normal}
#kunena.layout #EPBadvancedSearchForm {margin-top: -1.2em;}

@media (max-width:532px){ #kunena.layout .EPBadvancedSearchBar h3 {text-align: left;} }

#kunena.layout #kunena_search_results .mykmsg-header {display: block; margin-right: -15px;}
#kunena.layout #kunena_search_results .mykmsg-header span {font-weight: normal;}

/* Modal */
#kunena.layout textarea#kreport-msg {font-size: 14px;}

/* Editeur */
#kunena.layout #kbutton-poll-add svg, #kunena.layout #kbutton-poll-rem svg {width: 30px;}

/* Hacks pour le problème de position de lien */
.EPBlienAncre {
/*#kunena.layout a[href^="#"][rel="canonical"] {*/
   position: relative;
   border-top: 150px solid transparent;
   margin: -30px 0 0;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}

 .EPBlienAncre:before {
   content: "";
   position: absolute;
   top: -2px;
   left: 0;
   right: 0;
}

/*===================================================================*/
/* Divers */
/*===================================================================*/

div.EPB {
  margin-top: 1em;
}

div.EPB a.lienImage {
  display: block;
  width: 400px;
  margin: 0 auto;
}

div.EPB a.lienImage img {
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 400px;
}

div.EPB a.lienImage:hover img {
  -webkit-box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
  box-shadow:0 0 9px 0 rgba(17,16,14,0.15);
}


img.EPBimage {
  margin: 0 auto;
  width: 60%;
  min-width: 300px;
  max-width: 600px;
  border: 1px solid #ddd;
  border-radius: 10px;
}

/* Checkboxes dans le Tableau de bord */
div.EPBtitleStrong div.cck_label label {font-weight:bold;}
div.EPBtitleStrong fieldset.checkboxes {margin-left: 10px !important;}