/*------------------------------------*\
  CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You're reading it!
 * MISC................
 * MENU................
 * THEME FORM........
 * PAGINATION..........
 * ACTUALITES..........
 * MESSAGE INFO........
 * RESPONSIVE..........
*/
@import url(//fonts.googleapis.com/css?family=Raleway);
/*------------------------------------*\
  ==MISC
\*------------------------------------*/
.not-logged-in .toggle-control {
  visibility: hidden;
}
/*------------------------------------*\
  ==MENU
\*------------------------------------*/
.news__menu {
  padding: 10px 10px 5px 20px;
  margin: 0 -10px 10px -10px;
  background-color: #f1f1f1;
}
.news__menu {
  color: #22bbea;
}
.news__menu a {
  font-family: Raleway, sans-serif;
  color: #83939c;
  background-color: #fff;
  padding: 5px;
  border-radius: 4px;
  text-decoration: none;
}
.news__menu a:hover {
  text-decoration: none;
}
.news__image {
  margin: 0 -10px;
}
.news__menu__back {
  font-family: Raleway, sans-serif;
  float: left;
}
.news__menu__date {
  float: right;
}
/*------------------------------------*\
  ==THEME FORM
\*------------------------------------*/
.news__menu > span {
  vertical-align: super;
}
.select-style {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  width: 170px;
  border-radius: 3px;
  overflow: hidden;
  background: #fff url("../images/cd-bottom-arrow.svg") no-repeat 98% 50%;
}
.select-style select {
  font-family: 'Raleway', sans-serif;
  color: #83939c;
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-style select:focus {
  outline: none;
}
.news__menu button {
  vertical-align: top;
  padding: 7px 10px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  border: 1px solid #ccc;
  background-color: #2baaec;
}
/*------------------------------------*\
  ==PAGINATION
\*------------------------------------*/
div.simple-pagination {
  padding: 20px 5px 5px 0;
}
.cache {
  display: none;
}
.visible {
  display: block;
}
/*------------------------------------*\
  ==ACTUALITES
\*------------------------------------*/
.page-news ul {
  list-style-position: inside;
}
.news {
  min-height: 80px;
}
a.mod {
  display: block;
  background: rgb(241, 241, 241);
  padding: 10px;
}
a.mod:link {
  background: rgb(255, 255, 255);
}
.news__tc {
  color: #fff;
  width: 95px;
}
.news__tc__text {
  font-size: 0.7em;
  display: block;
}
.news__description {
  width: 77%;
  margin-left: 10px;
}
.news__body {
  color: #83939c;
}
.news__date {
  color: #22bbea;
}
.news__theme {
  padding: 8px;
  text-align: center;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  width: 100px;
  height: 100px;
  display: block;
}
/* Evenement */
.tc__14 {
  background-color: #21c2f8;
}
/* Formation */
.tc__15 {
  background-color: #6cc256;
}
/* International */
.tc__16 {
  background-color: #f7819f;
}
/* Recherche */
.tc__17 {
  background-color: #84949d;
}
/* Vie étudiante */
.tc__18 {
  background-color: #f65823;
}
.news__arrow {
  width: 30px;
  height: 80px;
  margin: 10px;
  background: rgba(34, 187, 234, 0.80) url(../images/right-arrow.svg) no-repeat center 50%;
  visibility: hidden;
}
.news:hover .news__arrow,
.news:focus .news__arrow {
  visibility: visible;
}
.dib {
  display: inline-block;
  vertical-align: top;
}
/*------------------------------------*\
  ==MESSAGE INFO
\*------------------------------------*/
div.messages {
  background: rgba(110, 195, 78, 0.83);
}
.fa-check {
  left: 26px;
  position: relative;
  top: 47px;
  color: rgb(255, 255, 255);
}
/*------------------------------------*\
  ==RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 319px) {
  .news__tc {
    width: 7px;
  }
  .news__theme {
    width: 11px;
    height: 155px;
    padding: 0;
  }
  .news__theme i {
    display: none;
  }
  .news__tc__text {
    display: none;
  }
  .news__description {
    width: 87%;
  }
  .news__description h2 {
    font-size: 1em;
  }
  .news__arrow {
    display: none;
  }
  .select-style {
    display: block;
    width: 100%;
    margin-bottom: 2px;
  }
  .block-amu-news .news__menu > span {
    display: block;
    margin: 3px 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .news__tc {
    width: 7px;
  }
  .news__theme {
    width: 11px;
    height: 142px;
    padding: 0;
  }
  .news__theme i {
    display: none;
  }
  .news__theme .fa {
    margin: 5px;
  }
  .news__tc__text {
    display: none;
  }
  .news__description {
    width: 93%;
  }
  .news__description h2 {
    font-size: 1.2em;
  }
  .news__arrow {
    display: none;
  }
  .block-amu-news .news__menu > span {
    display: block;
    margin: 3px 0;
  }
  .select-style {
    display: block;
    width: 100%;
    margin-bottom: 2px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .news__tc {
    width: 16px;
  }
  .news__theme {
    height: 153px;
    width: 11px;
  }
  .news__theme i {
    display: none;
  }
  .news__tc__text {
    display: none;
  }
  .news__description {
    width: 82%;
  }
}