/*------------------------------------*\
  CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You're reading it!
 * MISC................
 * MENU................
 * THEME FORM........
 * PAGINATION..........
 * ACTUALITES..........
 * MESSAGE INFO........
 * RESPONSIVE..........
*/

@import url(http://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%;
	}
}