@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar {
    display: none;
}
.news_box {
  background-color: #fffa;
  width: 47%;
  font-size: 1.2vw;
  margin: 1vw;
  border: solid 1px #000;
  /* height: 14vh; */
  /* display: flex; */
  /* align-items: flex-start; */
  /* flex-direction: row; */
  border-radius: 1vh;
}
.news_box a {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
  font-size: 1.2vw;
  display: flex;
  height: 9vh;
  align-items: flex-start;
  line-height: 2vw;
}

#byV {
  padding-top: 12vh;
}

section.lef {
    /* background-color: #fffa; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* border: solid 1px #000; */
    align-content: stretch;
    align-items: center;
    /*! padding-top: 12vh; */
}

h1.news_box_title {
    text-align: left;
    padding: 1vh;
    margin: 0;
}

.cf {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

p.nf {
    width: 100%;
    text-align: center;
    font-size: 2.5vw;
}

#lesdates a {
    display: flex;
    padding: 2vh;
    border-right: 1px solid #fff4;
    border-left: 1px solid #fff4;
    font-size: 1.3vw;
    line-height: 4vh;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
}

section#lesdates {
    display: flex;
    flex-direction: row-reverse;
    position: fixed;
    height: fit-content;
    /*! background: #000; */
    width: 100%;
    justify-content: flex-end;
    background-image: linear-gradient(to bottom right, #222, #aaa);
}

.retour img {
    width: 2vw;
    opacity: 0.7;
}

.retour img:hover {
    opacity: 1;
}
.inD,#lesdates a:hover{
	background-color:#fff4;
}

#byV h2 {
    width: 100%;
    padding: 0 2vw;
    margin: 4vh 0 0 0;
    text-align: center;
}

#byV p {
    padding: 0 1vw;
}

section#lesdates.decaleG {
    margin-left: 10vw;
    /* height: 12vh; */
}

article.news_box a.red {
    display: inline-block;
    float: left;
    color: red;
    font-size: 3vw;
    padding: 2vh 1vw 0 0;
}

h2 a {
    display: inline-block;
    font-size: 1.2vw;
    padding-left: 4vw;
    color: #bbb;
}
#lesdates.decaleX {
  position: relative;
  justify-content: center;
}
#lesdates h1, #lesdates2 h1 {
  font-size: 1.6vw;
  color: #000;
  text-align: center;
  color: #000;
  line-height: 5vh;
  font-weight: normal;
  padding: 1vh;
  margin:0;
}
section#lesdates2 {
    display: flex;
    flex-direction: row;
    position: fixed;
    height: fit-content;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#lesdates2 h1 {
    width: 100%;
    margin: 0;
    padding: 0;
}

div#blocD {
    width: 18vw;
}

#blocD a {
    display: block;
    width: 100%;
    font-size: 2.3vh;
    padding: 0.5vh;
}

div#blocR {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: space-around;
    /* height: 20vh; */
    width: 62%;
}

#blocR a {
    display: INLINE-BLOCK;
    width: fit-content;
    padding: 1.1vw;
    border: solid 1px #fff2;
    font-size: 1.3vw;
}
.in,#lesdates2 a:hover{
	background-color:#fff4;
}


div#lesflux {
    padding: 33vh 0 0 0;
}

div#lesnews {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

div#lesnews img {
    background-color: #fffa;
    width: 96%;
    font-size: 1.2vw;
    margin: 1vw;
    border: solid 1px #000;
    /* height: 14vh; */
    /* display: flex; */
    /* align-items: flex-start; */
    /* flex-direction: row; */
    border-radius: 1vh;
}

#lesnews p {
    margin: 0 1vw 1vh 1vw;
    font-size: 1.8vh;
}

p.titre a {
    font-size: 2vh;
    display: block;
    height: fit-content;
    line-height: normal;
}

#lesnews .news_box {
    /* height: 50vh; */
    width: 29vw;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
	padding:1vh;
}
#lesnews .news_box a {
    /* height: 50vh; */
  height:fit-content;
}

div#listF {
    padding: 1vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div#listF a {
    display: inline-block;
    padding: 1vh;
    border: solid 1px #fff3;
    margin: 0;
    /* border-collapse: collapse; */
}

a#v {
    display: block;
    width: 100%;
    text-align: center;
}

#lesnews .news_box p.channel a {
    font-size: 1vw;
}

#lesnews p.channel {
    font-size: 0.8vw;
    color: #000;
}

div#desole {
    background-image: url(../photos/ap/defaut.jpg);
    background-size: cover;
    width: 100%;
    height: 67vh;
}

div#acces {
    color: #000;
    width: 70%;
    margin: auto;
    background-color: #fffe;
    /* font-size: 3vw; */
    padding: 2vh;
}

#acces p {
    font-size: 1.5vw;
    margin: 3vh;
}