/* OYILI Website's color palette : coolors.co/17252a-649E9C-ffb445-EAF5FF-feffff */
/* Redefining the html tags */
:root {
  --primary: #ddd;
  --dark: #333;
  --light: #faf9f7;
  --lighter: #fff;
  --contrast: $color5;
  --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
  --max: 100%;
  --half: 50%;
  --quarter: 25%; }

/*@mixin border-radius($rTop:false, $rRight:false, $rBottom:false, $rLeft:false){
  -webkit-border-radius: $rTop $rRight $rBottom $rLeft;
  -moz-border-radius:  $rTop $rRight $rBottom $rLeft;
  -o-border-radius:  $rTop $rRight $rBottom $rLeft;
  -ms-border-radius:  $rTop $rRight $rBottom $rLeft;
  -khtml-border-radius:  $rTop $rRight $rBottom $rLeft;
  border-radius:  $rTop $rRight $rBottom $rLeft;
}*/
/**************************************************** 
				* From TownPress *
*****************************************************/
/**************************************************** 
				* Customized mixins *
*****************************************************/
/*  Media queries */
img.head {
  width: 490px;
  height: 180px; }

/*  == News Recent ==  */
.recent_news {
  width: 100%;
  padding: 5px 0 0 0; }

.recent_news .newsEven {
  /*background-color:#4D4B3E;*/
  margin: 0;
  padding: 0px;
  color: #fff;
  border-bottom: #ccc 1px solid; }

.recent_news .newsOdd {
  /*background-color:#B7B5A6;*/
  margin: 0;
  padding: 0;
  color: #fff;
  border-bottom: #ccc 1px solid; }

.recent_news .newsOdd a img {
  border: #888 1px solid;
  margin: 5px; }

.recent_news .newsEven a img {
  border: #888 1px solid;
  margin: 5px; }

.recent_news .newsEven a {
  color: #8a8a8a;
  font-size: 100%;
  margin-top: 5px; }

.recent_news .newsOdd a {
  color: #8a8a8a;
  font-size: 100%;
  margin-top: 5px; }

.recent_news_date {
  padding-top: 5px;
  color: #E36917;
  font-weight: bold; }

.recent_news_title {
  font-style: italic; }

/*  == Articles @ homepage == */
.article_element_home {
  margin: 10px 5px; }

.article_element_home_title {
  font-size: 120%;
  font-weight: bold;
  color: #546695;
  padding-left: 4px; }

.article_element_home_date {
  font-size: 120%;
  font-weight: bold;
  color: #fa2365;
  padding-left: 4px; }

.article_element_home_descr {
  font-style: italic;
  padding-left: 4px; }

.article_element_home_pix {
  float: left; }

.article_element_home_link a {
  color: #000;
  text-decoration: underline;
  font-weight: bold; }

.article_element_home_link a:hover {
  color: #fa2365; }

/* Ajax sliding panels */
.SlidingPanels {
  width: 480px;
  height: 280px;
  float: left; }

.SlidingPanelsContentGroup {
  width: 8000em;
  float: left; }

.SlidingPanelsContent {
  width: 480px;
  float: left;
  height: 280px; }

.SlidingPanelsAnimating * {
  overflow: visible !important; }

.prev {
  float: left;
  margin: 4px; }

.next {
  float: right;
  margin: 4px; }

.recent_news {
  width: 100%;
  padding: 5px 0 0 0; }

.recent_news .newsEven {
  /*background-color:#4D4B3E;*/
  margin: 0;
  padding: 0px;
  color: #fff;
  border-bottom: #ccc 1px solid; }

.recent_news .newsOdd {
  /*background-color:#B7B5A6;*/
  margin: 0;
  padding: 0;
  color: #fff;
  border-bottom: #ccc 1px solid; }

.recent_news .newsOdd a img {
  border: #888 1px solid;
  margin: 5px; }

.recent_news .newsEven a img {
  border: #888 1px solid;
  margin: 5px; }

.recent_news .newsEven a {
  color: #8a8a8a;
  font-size: 100%;
  margin-top: 10px; }

.recent_news .newsOdd a {
  color: #8a8a8a;
  font-size: 100%;
  margin-top: 10px; }

.recent_news_date {
  padding-top: 5px;
  color: #E36917;
  font-weight: bold; }

.recent_news_title {
  font-style: italic; }

/***** Articles page *****/
.article_element {
  padding: 10px 5px; }

.article_element_title {
  font-size: 130%;
  font-weight: bold;
  color: #546695; }

.article_element_date {
  font-size: 120%;
  font-weight: bold;
  color: #fa2365;
  padding-left: 4px; }

.article_element_descr {
  font-style: italic; }

.article_element_pix {
  float: left; }

/***** Articles *****/
.sp_article_element_home h2 {
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  color: #a2a2c3;
  border: none; }

.sp_article_element_home a {
  font-weight: bold;
  color: #a2a2c3;
  text-decoration: none; }

.sp_article_element_home a:hover {
  font-weight: bold;
  color: #a2a2c3;
  text-decoration: none; }

.sp_article_element_home a:visited {
  font-weight: bold;
  color: #a2a2c3;
  text-decoration: none; }

.sp_article_element_home {
  margin: 10px 5px; }

.sp_article_element_home_title {
  font-size: 130%;
  font-weight: bold;
  color: #546695;
  padding-left: 4px;
  font-family: Georgia, "Times New Roman", Times, serif; }

.sp_article_element_home_date {
  font-size: 70%;
  font-weight: bold;
  color: #fa2365;
  padding-left: 4px; }

.sp_article_element_home_descr {
  font-style: italic;
  padding-left: 4px; }

.sp_article_element_home_pix {
  width: 480px;
  height: 178px;
  margin-bottom: 5px; }

.sp_article_element_home_link a {
  color: #000;
  text-decoration: underline;
  font-weight: bold; }

.sp_article_element_home_link a:hover {
  color: #fa2365; }

/**/
.article_pages {
  float: left;
  padding: 4px;
  margin: 2px 0;
  font-size: 70%; }

.article_pages a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin: 2px 0;
  border: #003366 solid 1px;
  padding: 0px 4px; }

.article_pages a:hover {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  margin: 2px 0;
  background-color: #003366;
  border: #003366 solid 1px;
  padding: 0px 4px; }

/*For sliding at home*/
.article_pages_sliding {
  float: left;
  padding: 0;
  margin: 0; }

.article_pages_sliding a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin: 2px 0;
  border: #003366 solid 1px;
  padding: 0px 4px; }

.article_pages_sliding a:hover {
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  margin: 2px 0;
  background-color: #003366;
  border: #003366 solid 1px;
  padding: 0px 4px; }

/***** End articles paging *****/
/* Ajax sliding panels */
.SlidingPanels {
  width: 500px;
  height: 300px;
  float: left; }

.SlidingPanelsContentGroup {
  width: 8000em;
  float: left; }

.SlidingPanelsContent {
  width: 500px;
  float: left;
  height: 300px; }
  .SlidingPanelsContent h1 {
    margin: 0; }

.SlidingPanelsAnimating * {
  overflow: visible !important; }

.prev {
  float: left;
  margin: 4px; }

.next {
  float: right;
  margin: 4px; }

/*Message ticker
#TICKER{
	border:#333333 solid 1px;
}*/
#TICKER .name {
  padding: 5px;
  font-weight: bold;
  background-color: #990000;
  color: #FFF; }

#TICKER .content {
  padding: 5px; }

/* :: :: */
/*************** News @ Home Page **************
************************************************/
.newsHome {
  padding: 10px; }
  .newsHome .newsHomeItem {
    float: left;
    width: 49%;
    margin: 5px 0 10px 0;
    max-height: 100px; }
    .newsHome .newsHomeItem .title {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.15em;
      color: #c55002;
      text-shadow: 0px 1px 1px #2c3e50; }
    .newsHome .newsHomeItem .descr {
      font-size: 1.0em;
      font-style: italic; }
    .newsHome .newsHomeItem a {
      color: #c55002;
      font-weight: bold; }

/*************** News Navigation **************
************************************************/
.news_nav {
  padding: 5px;
  margin: 5px;
  background-color: #2c3e50;
  width: 250;
  text-align: center;
  color: #feffff; }

.news_nav a {
  font-weight: bold;
  text-decoration: none;
  color: #feffff; }

.news_nav a:hover {
  color: #feffff; }

.news_nav a:link {
  color: #feffff; }

/*************** News List *********************
************************************************/
.newsList {
  background-color: var(--lighter);
  width: 95%;
  margin: 10px;
  -webkit-box-shadow: 0px 0px 5px #2c3e50;
  -khtml-box-shadow: 0px 0px 5px #2c3e50;
  -moz-box-shadow: 0px 0px 5px #2c3e50;
  -ms-box-shadow: 0px 0px 5px #2c3e50;
  -o-box-shadow: 0px 0px 5px #2c3e50;
  box-shadow: 0px 0px 5px #2c3e50;
  padding: 0px; }
  .newsList .more {
    margin: 10px; }
  .newsList img {
    width: 100%;
    height: 200px;
    margin: 0 0 5px 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -khtml-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 0.5;
    filter: alpha(opacity=50); }
    .newsList img:hover {
      width: 100%;
      height: 200px;
      margin: 0 0 5px 0;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      -khtml-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
      opacity: 1;
      filter: alpha(opacity=100); }
  .newsList .nlTitle {
    font-size: 130%;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 10px; }
  .newsList .nlTitle a {
    color: #27ae60;
    text-decoration: none; }
  .newsList .nlDate {
    margin: 0 0 0 10px; }
  .newsList span.nlCat {
    margin: 0 0 0 10px;
    font-weight: bold; }
  .newsList .nlDescr {
    font-style: italic;
    font-size: 110%;
    margin: 10px;
    line-height: 1.3em; }

/*************** News DayCal *******************
Le calendrier journalier appele par la methode cwd_system::build_dayCal()
************************************************/
.dayCal {
  float: left;
  width: 97px;
  height: 97px;
  text-transform: capitalize;
  color: #2c3e50;
  font-size: 100%;
  margin: 0 0 0 5px; }
  .dayCal .day {
    padding-right: 4px;
    font-weight: bold;
    text-align: center;
    color: #a5acb2;
    line-height: 38px;
    font-size: 220%;
    height: 38px;
    background: url(../img/calendar/body_dayCal.png) no-repeat; }
  .dayCal .month {
    padding-right: 4px;
    font-size: 100%;
    letter-spacing: 1px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    background: url(../img/calendar/head_dayCal.png) no-repeat; }
  .dayCal .year {
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 2px;
    height: 37px;
    line-height: 27px;
    text-align: left;
    background: url(../img/calendar/sub_dayCal.png) no-repeat; }

/*************** News detail *******************
************************************************/
.newsDetail {
  margin: 30px 0 10px 0; }

.news_detail_title {
  font-size: 120%;
  font-weight: bold; }

.news_detail_descr {
  margin-top: 0.5em;
  text-transform: none;
  color: #888;
  font-weight: none;
  font-style: italic; }

.news_detail_content {
  text-align: justify;
  padding: 10px; }

.news_detail_content ul {
  margin: 0px 0px 0px 40px; }

.news_detail_content ul li {
  list-style-type: square; }

.news_author {
  margin: 0 1em;
  font-weight: bold; }

/***********************
      MEDIA QUERIES
***********************/
/*  GO FULL WIDTH AT LESS THAN $maxWidth 480 PIXELS */
@media only screen and (max-width: 480px) {
  	/*************** News @ Home Page **************
  ************************************************/
  .newsHome {
    padding: 10px; }
    .newsHome .newsHomeItem {
      float: left;
      width: 100%;
      margin: 5px 0 10px 0;
      max-height: 100px;
      padding: 10px 0; }

  .newsHomeItem {
    width: 100%; } }
/**/

/*# sourceMappingURL=news.css.map */