/* 1245 - 860 */
/* 720 */
@font-face {
  font-family: 'helveticaneue';
  src: url('font/helvetica_neue.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 300;
}
body,
img,
iframe,
ul,
li,
label,
p {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
.pd0 {
  padding: 0;
}
.mg0 {
  margin: 0;
}
.bold {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.cb {
  clear: both;
}
.display-none {
  display: none;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.basic-icon {
  cursor: pointer;
  display: inline-block;
  background-position: center center;
  background-color: white;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
div#GlobalLoading {
  display: none;
}
div#GlobalLoading div.bg {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../Images/bg/popupBgBack50.png) repeat;
}
div#GlobalLoading div.loading {
  position: fixed;
  box-shadow: 2px 2px 2px Black;
  z-index: 2001;
  margin-left: -25px;
  margin-top: -25px;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  background: white url(../Images/bg/picto_loading_3.gif) no-repeat center center;
}
div#GlobalLoading.invisible div.bg {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../Images/bg/spacer.gif) repeat;
}
div#GlobalLoading.invisible div.loading {
  display: none;
}
a.btn,
li.btn {
  cursor: pointer;
  text-decoration: none;
}
a.btn:hover,
li.btn:hover {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}
a.btn.on:hover {
  box-shadow: none;
}
a.default.btn {
  display: inline-block;
  text-align: center;
  background-color: #58a5ed;
  color: white;
  font-size: 24px;
  padding: 10px 10px;
}
a.default.btn.on {
  background-color: #fee901;
  color: #024381;
}
div.flagWrapper {
  margin-top: 10px;
  float: left;
}
div.flagWrapper a.btn.flag {
  width: 33px;
  height: 23px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 12px;
  border: solid 1px white;
}
div.flagWrapper a.btn.on {
  border: solid 1px #1f79cd;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}
div.flagWrapper a.btn.flag.de {
  margin-right: 23px;
  background-image: url('../Images/flag/DE.gif');
}
div.flagWrapper a.btn.flag.fr {
  background-image: url('../Images/flag/FR.gif');
}
.popup {
  background: rgba(100, 100, 100, 0.6);
  position: fixed;
  display: none;
  z-index: 1000;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.popup h1,
.popup p,
.popup h2,
.popup button {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
  letter-spacing: 0.5px;
}
.popup h1 {
  font-size: 40px;
  text-align: center;
  color: #666666;
  margin: 0 0 30px 0;
}
.popup h2 {
  font-size: 34px;
  text-align: center;
  color: #666666;
  margin: 0 0 30px 0;
}
.popup p {
  color: #666666;
  margin: 30px auto;
  text-align: center;
  font-size: 16px;
}
.popup button {
  background: #89bdd3;
  border: 0;
  border-radius: 4px;
  padding: 7px 15px;
  font-size: 16px;
  color: white;
  cursor: pointer;
}
.popup button:focus {
  outline: none;
}
.popup button:hover {
  background: #aed2e1;
}
.popup .wrapper {
  border-radius: 10px;
  position: fixed;
  background: white;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  padding: 30px 15px;
  /* Width of popup can be changed */
  width: 70%;
  max-width: 600px;
  z-index: 1001;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  text-align: center;
  border: 5px solid #9ad3de;
}
.popup.video .wrapper {
  background-color: black;
  padding: 10px;
}
.popup.video button {
  margin-top: 5px;
}
div#Debug {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  border: solid 1px gray;
  background-color: black;
  color: white;
  padding: 10px;
  width: 100%;
  font-size: 11px;
}
div#Header,
div#Content,
div#Footer {
  margin: 0 auto;
  width: 1245px;
}
div#Header {
  color: white;
}
div#Header div#TopHeader {
  width: 100%;
  height: 130px;
  background-color: #1f79cd;
}
div#Header div#TopHeader a#Logo {
  width: 443px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url('../Images/logos/logo-telecran.gif');
  float: left;
  position: relative;
  cursor: pointer;
}
div#Header div#TopHeader a#Logo div.week {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  font-size: 13px;
  padding-top: 5px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  color: white;
}
div#Header div#TopHeader div#FlagWrapper {
  margin-top: 23px;
  float: right;
  display: none;
}
div#Header div#TopHeader div#FlagWrapper a.btn.flag {
  width: 33px;
  height: 23px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 12px;
  border: solid 1px #1f79cd;
}
div#Header div#TopHeader div#FlagWrapper a.btn.on {
  border: solid 1px #a6d3fc;
}
div#Header div#TopHeader div#FlagWrapper a.btn.flag.de {
  margin-right: 23px;
  background-image: url('../Images/flag/DE.gif');
}
div#Header div#TopHeader div#FlagWrapper a.btn.flag.fr {
  background-image: url('../Images/flag/FR.gif');
}
div#Header div#TopHeader div#LoginWrapper {
  margin-top: 70px;
  float: right;
  font-size: 16px;
  margin-right: 40px;
  display: none;
}
div#Header div#TopHeader div#SearchWrapper {
  display: none;
  margin-top: 60px;
  margin-right: 30px;
  float: right;
}
div#Header div#TopHeader div#SearchWrapper .wrapperInputSearch {
  height: 37px;
  line-height: 37px;
}
div#Header div#TopHeader div#SearchWrapper .wrapperInputSearch input#Search {
  background-color: #d1e7fc;
  color: #666666;
  border: none;
  width: 230px;
  height: 37px;
  text-align: center;
  margin: 0;
  padding: 0;
  display: block;
  line-height: 37px;
  float: left;
  font-size: 16px;
}
div#Header div#TopHeader div#SearchWrapper .wrapperInputSearch a.btn.search {
  float: left;
  display: inline-block;
  width: 37px;
  height: 37px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../Images/buttons/search.gif');
}
div#Header div#TopHeader div#SearchWrapper div.week {
  clear: left;
  text-align: right;
  font-size: 13px;
  padding-top: 5px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
}
div#Header div#Menu {
  clear: left;
  width: 100%;
  background-color: #03488f;
  position: relative;
  height: 51px;
}
div#Header div#Menu ul {
  margin-left: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #03488f;
}
div#Header div#Menu ul li {
  float: left;
}
div#Header div#Menu ul li a.btn {
  display: inline-block;
  padding: 12px 20px;
  font-size: 22px;
  color: white;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  cursor: pointer;
}
div#Header div#Menu ul li a.on {
  background-color: #fee901;
  color: #024381;
}
div#Header div#Menu ul li a.off:hover {
  color: #fee901;
}
div#Header div#Menu ul li#MenuAnchorWrapper {
  display: none;
}
div#Header div#Menu ul li a#MenuAnchor {
  width: 30px;
  height: 25px;
  padding: 0;
  margin: 0;
  display: block;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../Images/pictos/menu-off.png');
  background-size: 70% 70%;
  border: solid 1px #03488f;
}
div#Header div#Menu ul li a#HomeAnchor {
  width: 60px;
  height: 50px;
  padding: 0;
  margin: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../Images/pictos/home-off.png');
}
div#Header div#Menu ul li a#HomeAnchor.on {
  background-image: url('../Images/pictos/home-on.png');
}
div#Footer {
  color: white;
  clear: left;
  background-color: #58a5ed;
  background-image: url('../Images/logos/logo-telecran-2.gif');
  background-size: 23% auto;
  /* 286 */
  background-position: top left;
  background-repeat: no-repeat;
}
div#Footer div#TopFooter {
  min-height: 195px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
div#Footer div#TopFooter div.column {
  float: right;
  min-width: 16%;
  /* 200 */
  margin-bottom: 20px;
  padding-right: 3%;
  /* 40 */

}
div#Footer div#TopFooter div.column div.socialWrapper {
  margin-top: 140px;
  margin-left: 25px;
}
div#Footer div#TopFooter div.column div.socialWrapper a.btn {
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 10px;
}
div#Footer div#TopFooter div.column div.socialWrapper a.facebook {
  background-image: url('../Images/social/facebook.gif');
}
div#Footer div#TopFooter div.column div.socialWrapper a.twitter {
  background-image: url('../Images/social/twitter.gif');
}
div#Footer div#TopFooter div.column div.socialWrapper a.google {
  display: none;
  background-image: url('../Images/social/google.gif');
}
div#Footer div#TopFooter div.column div.title {
  margin-top: 55px;
  margin-bottom: 10px;
  font-size: 24px;
}
div#Footer div#TopFooter div.column span {
  display: block;
  font-size: 13px;
}
div#Footer div#TopFooter div.column span.bold {
  font-size: 14px;
}
div#Footer div#TopFooter div.column ul li {
  clear: left;
}
div#Footer div#TopFooter div.column ul li a {
  display: block;
  font-size: 14px;
  color: white;
}
div#Footer div#TopFooter div.column ul li a:hover {
  text-decoration: underline;
}
div#Footer div#TopFooter div.first.column {
  float: left;
  /* width: 315px; */
  padding: 0;
}
div#Footer div#TopFooter div.last.column {
  float: right;
  padding-right: 0px;
}
div#Footer div#TopFooter div#FlagWrapper {
  margin-top: 13px;
  display: none;
}
div#Footer div#TopFooter div#FlagWrapper a.btn.flag {
  width: 33px;
  height: 23px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 12px;
  border: solid 1px #1f79cd;
}
div#Footer div#TopFooter div#FlagWrapper a.btn.on {
  border: solid 1px #a6d3fc;
}
div#Footer div#TopFooter div#FlagWrapper a.btn.flag.de {
  margin-right: 23px;
  background-image: url('../Images/flag/DE.gif');
}
div#Footer div#TopFooter div#FlagWrapper a.btn.flag.fr {
  background-image: url('../Images/flag/FR.gif');
}
div#Footer div#BottomFooter {
  clear: left;
  background-color: #1f79cd;
  color: #d5d5d5;
  text-align: center;
  padding: 20px;
}
/*  FiltersButtons */

div#Content div#FiltersButtons {
  width: 100%;
  margin: 0 auto;
}
div#Content div#FiltersButtons .top {
  padding: 20px 0;
  margin-top: 10px;
}
div#Content div#FiltersButtons .top a.default.btn {
  width: 414px;
  border-left: 1px solid white;
  padding: 5px 0;
  float: left;
}
div#Content div#FiltersButtons .top a.on {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#FiltersButtons .top.two a.default.btn {
  width: calc(50% - 1px);
}
div#Content div#FiltersButtons .bottom {
  color: #666666;
  padding-top: 10px;
}
div#Content div#FiltersButtons .bottom label {
  float: left;
  display: block;
  font-size: 20px;
  padding: 10px;
  margin-right: 25px;
}
div#Content div#FiltersButtons .bottom div#FilterDay {
  display: none;
}
div#Content div#FiltersButtons .bottom div.responsiveclear {
  display: none;
}
div#Content div#FiltersButtons .bottom div.subMenu {
  float: left;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn {
  font-size: 16px;
  padding: 12px;
  padding-right: 40px;
  display: block;
  margin-right: 25px;
  background-color: #f1f1f1;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center right;
  background-image: url('../Images/buttons/arrow-down.gif');
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn select {
  display: none;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn ul {
  position: absolute;
  top: 44px;
  left: 0;
  display: none;
  z-index: 3;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn ul li {
  background-color: #d8d2d2;
  border-bottom: solid 1px #666666;
  display: block;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn ul li a.btn {
  font-size: 14px;
  padding: 6px 12px;
  display: block;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn ul li a.btn:hover {
  background-color: #fee901;
  color: #01203f;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn ul li.off {
  display: none;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn div#WrapperChannel,
div#Content div#FiltersButtons .bottom div.subMenu div.btn div.isdiv {
  position: absolute;
  top: 44px;
  left: 0;
  display: none;
  z-index: 3;
  width: 765px;
  background-color: #d8d2d2;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn div#WrapperChannel a.btn,
div#Content div#FiltersButtons .bottom div.subMenu div.btn div.isdiv a.btn {
  font-size: 14px;
  padding: 6px 12px;
  display: block;
  width: 230px;
  float: left;
  border-bottom: solid 1px #666666;
  border-right: solid 1px #666666;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn div#WrapperChannel a.btn:hover,
div#Content div#FiltersButtons .bottom div.subMenu div.btn div.isdiv a.btn:hover {
  background-color: #fee901;
  color: #01203f;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover ul {
  display: inline-block;
}
div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover div#WrapperChannel,
div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover div.isdiv {
  display: inline-block;
}
div#Content div#FiltersButtons .bottom a.btn.valid {
  float: right;
  display: block;
  font-size: 16px;
  padding: 12px 30px;
}
/* NavigList */

div#Content div#NavigList {
  display: block;
  width: 100%;
  margin: 15px auto;
  position: relative;
}
div#Content div#NavigList ul li {
  float: left;
  font-size: 10px;
  margin-right: 5px;
}
/* Page with 2 columns */

div#Content div#Columns {
  display: block;
  width: 100%;
  margin: 15px auto;
  margin-top: 40px;
  position: relative;
}
div#Content div#Columns div#LeftColumn {
  float: left;
  width: 58%;
}
div#Content div#Columns div#RightColumn {
  float: right;
  width: 41%;
}
div#Content div#Columns div#RightColumn div#WrapperArticles {
  background-color: #d5eafe;
  margin-bottom: 25px;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.head.title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  color: #fee901;
  font-size: 22px;
  background-color: #1f79cd;
  padding: 5px 10px;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article {
  width: 455px;
  margin: 0 auto;
  margin-top: 15px;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.imageWrapper {
  position: relative;
  width: 250px;
  height: 150px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.imageWrapper div.hasvideo {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("../Images/program/btn_play.png");
  z-index: 2;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.imageWrapper img {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.intitule {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 18px;
  color: #03488f;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.left {
  float: left;
  width: 220px;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.right {
  float: right;
  width: 220px;
}
div#Content div#Columns div#RightColumn div#WrapperArticles div.article:last-child {
  margin-bottom: 25px;
}
div#Content div#Columns div#RightColumn div.ad {
  margin-bottom: 25px;
}
/* Home */

div#Content {
  clear: left;
}
div#Content div#ResponsiveCover {
  display: none;
}
div#Content div#FrontContent.home {
  background-color: #01203f;
  width: 100%;
}
div#Content div#FrontContent.home div#FrontContentInner {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper {
  position: relative;
  width: 1245px;
  height: 362px;
  float: left;
  display: block;
  overflow: hidden;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper div.gradient {
  background-image: url('../Images/bg/gradient-2.png');
  background-repeat: repeat-y;
  background-position: right center;
  height: 362px;
  width: 845px;
  position: absolute;
  z-index: 3;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 4980px;
  height: 362px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li {
  float: left;
  height: 362px;
  width: 1245px;
  position: relative;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a {
  width: 845px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image img {
  height: auto;
  width: 845px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline {
  z-index: 2;
  display: inline-block;
  width: 814px;
  position: absolute;
  padding: 10px 15px;
  font-size: 17px;
  background-image: url('../Images/bg/popupBgBack80.png');
  color: white;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div span.subtitle {
  color: #58a5ed;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div.title {
  font-size: 30px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div.summary {
  display: none;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline.top {
  top: 40px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline.bottom {
  bottom: 20px;
}
div#Content div#FrontContent.home div#FrontContentInner a.btn.cover {
  display: block;
  float: right;
  width: 378px;
  height: 532px;
  overflow: hidden;
  z-index: 4;
  position: absolute;
  top: -170px;
  right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../Images/cover/XXXX-2.jpg');
  cursor: auto;
}
div#Content div#FrontContent.home div#FrontContentInner a.btn.abo {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 20px;
  display: block;
  z-index: 3;
  position: absolute;
  bottom: 60px;
  right: 10px;
  width: 378px;
  text-align: center;
  color: #fee901;
  text-decoration: underline;
}
div#Content div#FrontContent.home div#FrontContentInner a.flap {
  position: absolute;
  top: -20px;
  right: 280px;
  width: 153px;
  height: 153px;
  z-index: 1000;
  display: block;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom {
  width: 845px;
  clear: left;
  background-color: #d5eafe;
  font-size: 14px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom div.summary {
  padding: 10px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom a.btn {
  display: block;
  margin-left: 10px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  color: #1f79cd;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig {
  text-align: center;
  margin-top: 10px;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul {
  display: inline-block;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul li {
  float: left;
  width: 100px;
  height: 10px;
  border-left: 1px solid #d5eafe;
  background-color: #58a5ed;
}
div#Content div#FrontContent.home div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul li.on {
  background-color: #1f79cd;
}
div#Content div#FrontContent.tv {
  background-color: #01203f;
  width: 100%;
}
div#Content div#FrontContent.tv div#FrontContentInner {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper {
  position: relative;
  width: 100%;
  height: 271.5px;
  float: left;
  display: block;
  overflow: hidden;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 4980px;
  height: 271.5px;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li {
  float: left;
  height: 271.5px;
  width: 1245px;
  position: relative;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a {
  width: 1245px;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image {
  position: relative;
  width: 35%;
  float: left;
  overflow: hidden;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image img {
  height: 271.5px;
  width: auto;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image div.gradient {
  display: block;
  background-image: url('../Images/bg/gradient.png');
  background-repeat: repeat-y;
  background-position: right center;
  height: 271.5px;
  width: 350px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline {
  float: right;
  display: inline-block;
  width: 65%;
  height: 271.5px;
  font-size: 17px;
  background-color: #01203f;
  color: white;
  z-index: 2;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div {
  padding: 10px 15px;
  padding-bottom: 0;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div span.subtitle {
  color: #58a5ed;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div.title {
  padding: 10px 15px;
  padding-top: 0;
  font-size: 30px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  color: #fee901;
  margin-top: 10px;
}
div#Content div#FrontContent.tv div#FrontContentInner a.btn.cover {
  display: block;
  float: right;
  width: 264.066216216px;
  height: 371.5px;
  overflow: hidden;
  z-index: 4;
  position: absolute;
  top: -100px;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../Images/cover/XXXX-2.jpg');
  cursor: auto;
}
div#Content div#FrontContent.tv div#FrontContentInner a.btn.abo {
  display: none;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom {
  clear: left;
  background-color: #d5eafe;
  font-size: 14px;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div.homebottom {
  display: none;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div.summary {
  padding: 10px;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom a.btn {
  display: block;
  margin-left: 10px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  color: #1f79cd;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig {
  text-align: center;
  margin-top: 10px;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul {
  display: inline-block;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul li {
  float: left;
  width: 100px;
  height: 10px;
  border-left: 1px solid #d5eafe;
  background-color: #58a5ed;
}
div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul li.on {
  background-color: #1f79cd;
}
div#Content div#Columns.home {
  width: 1245px;
  margin-top: 20px;
}
div#Content div#Columns.home div#LeftColumn {
  width: 925px;
}
div#Content div#Columns.home div#LeftColumn div#FiltersButtons {
  width: 925px;
}
div#Content div#Columns.home div#LeftColumn div#FiltersButtons .top {
  margin: 0;
  padding: 0;
}
div#Content div#Columns.home div#LeftColumn div#FiltersButtons .top a.default.btn {
  width: 307px;
  font-size: 20px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastListZero {
  width: 925px;
  margin: 0 auto;
  padding: 200px 0;
  text-align: center;
  display: none;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList {
  display: block;
  width: 925px;
  margin: 0px auto;
  margin-top: 15px;
  position: relative;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul {
  margin-left: 0px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem {
  display: block;
  float: left;
  width: 225px;
  height: 275px;
  margin: 15px 3px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem div.logo {
  height: 38px;
  position: relative;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem div.logo img {
  position: absolute;
  bottom: 0;
  left: 0;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn {
  display: inline-block;
  color: black;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour {
  clear: left;
  position: relative;
  height: 29px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.hourInner {
  position: absolute;
  width: 225px;
  height: 29px;
  z-index: 2;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.hourInner div.start {
  float: left;
  padding: 5px 10px;
  padding-right: 0;
  color: white;
  font-size: 15px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.hourInner div.start span.startHour {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.hourInner div.start span.genre {
  font-size: 13px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.hourInner div.end {
  float: right;
  font-size: 14px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  padding: 6px 10px;
  padding-left: 0;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.progress {
  position: absolute;
  width: 225px;
  height: 29px;
  z-index: 1;
  background-color: #a6d3fc;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.hour div.progress div.bar {
  height: 100%;
  background-color: #58a5ed;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom {
  background-color: #d5eafe;
  width: 225px;
  height: 180px;
  position: relative;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.wrapperTitles {
  padding: 5px 10px;
  padding-bottom: 10px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.wrapperTitles div.title {
  font-size: 15px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.wrapperTitles div.subtitle {
  font-style: italic;
  font-size: 14px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.hasvideo {
  position: absolute;
  width: 190px;
  height: 140px;
  margin: 0 auto;
  font-size: 14px;
  bottom: -30px;
  left: 17.5px;
  overflow: hidden;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("../Images/program/btn_play.png");
  transition: all 0.1s ease-in-out;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.visuel {
  position: absolute;
  width: 190px;
  height: 140px;
  margin: 0 auto;
  font-size: 14px;
  bottom: -30px;
  left: 17.5px;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.1s ease-in-out;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn div.bottom div.no.visuel {
  position: relative;
  background: none;
  width: auto;
  height: auto;
  margin: 0;
  bottom: inherit;
  left: inherit;
  overflow: visible;
  padding: 5px 10px 10px;
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn:hover div.bottom div.visuel {
  transform: scale(1.05);
}
div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem a.btn:hover div.bottom div.hasvideo {
  transform: scale(1.05);
}
div#Content div#Columns.home div#RightColumn {
  width: 300px;
  /*div#WrapperArticles div.article:last-child {
                margin-bottom: 25px;
            }*/

}
div#Content div#Columns.home div#RightColumn a.btn.link {
  width: 280px;
  font-size: 20px;
  background-color: #58a5ed;
  color: white;
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px;
}
div#Content div#Columns.home div#RightColumn div#WrapperArticles div.article {
  width: 300px;
}
div#Content div#Columns.home div#RightColumn div#WrapperArticles div.article div.intitule {
  padding: 0 25px;
}
div#Content div#Columns.home div#RightColumn div.ad img {
  float: right;
}
body.home div#Header div#Menu ul li a.btn {
  padding: 15px 11px 9px 11px;
  font-size: 21px;
}
/* Fiche program, article, cinecran-detail, agenda-detail */

div#Content div#Columns div#LeftColumn div#ProgramWrapper {
  background-color: #d5eafe;
  padding: 15px;
  position: relative;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#LogoChannel {
  position: absolute;
  top: -34px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Type {
  margin-top: 25px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Type ul li {
  float: left;
  margin-right: 5px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Type ul li span {
  font-size: 14px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 26px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours div#StartHour {
  float: left;
  color: #03488f;
  margin-right: 10px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours div#ProgessWrapper {
  float: left;
  width: calc(100% - 175px);
  height: 18px;
  margin-top: 6px;
  margin-right: 10px;
  border: solid 1px #68a1d5;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours div#ProgessWrapper div#ProgessBar {
  height: 18px;
  background-color: #68a1d5;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours div#EndHour {
  margin-right: 10px;
  float: left;
  color: #68a1d5;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Hours ul.signaletique li {
  float: left;
  margin-right: 5px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 34px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SubTitle {
  font-size: 21px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper {
  width: 690px;
  height: 235px;
  position: relative;
  overflow: hidden;
  margin-top: 25px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper a.btn {
  position: absolute;
  width: 30px;
  height: 235px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper a.prev {
  left: 0;
  background-image: url('../Images/buttons/white-prev-arrow.png');
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper a.next {
  right: 0;
  background-image: url('../Images/buttons/white-next-arrow.png');
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper ul {
  position: absolute;
  width: 1000px;
  height: 235px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper ul li {
  float: left;
  height: 235px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper ul.items-1 {
  width: 690px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper ul.items-1 li {
  width: 690px;
  border: none;
  text-align: center;
  background-color: #a6d3fc;
  overflow: hidden;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Video {
  width: 100%;
  height: 100%;
  margin-top: 25px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Info {
  margin-top: 25px;
  font-size: 16px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting {
  margin-top: 25px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting div.headTitle {
  font-size: 10px;
  font-style: italic;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li {
  border-bottom: solid 1px #a8c6e1;
  padding: 2px 0;
  font-size: 16px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li span.name {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  display: inline-block;
  min-width: 270px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li span.role {
  font-style: italic;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li:first-child {
  border-top: solid 1px #a8c6e1;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Synopsis {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  margin-top: 25px;
  font-size: 16px;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Summary {
  margin-top: 25px;
  font-size: 16px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper {
  background-color: #d5eafe;
  padding: 15px;
  position: relative;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultHeader div.period {
  color: black;
  float: left;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultHeader div.type {
  float: left;
  color: #1f79cd;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultHeader div.author {
  float: right;
  color: black;
  font-size: 13px;
  font-style: italic;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultTitle {
  clear: both;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 39px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultSubTitle {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 17px;
  margin-top: 20px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper {
  width: 690px;
  height: 470px;
  position: relative;
  overflow: hidden;
  margin-top: 25px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper a.btn {
  position: absolute;
  width: 30px;
  height: 470px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper a.prev {
  left: 0;
  background-image: url('../Images/buttons/white-prev-arrow.png');
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper a.next {
  right: 0;
  background-image: url('../Images/buttons/white-next-arrow.png');
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper ul {
  position: absolute;
  width: 10000px;
  height: 470px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper ul li {
  float: left;
  height: 470px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper ul.items-1 {
  width: 690px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper ul.items-1 li {
  width: 690px;
  border: none;
  text-align: center;
  background-color: #a6d3fc;
  overflow: hidden;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultContent {
  margin-top: 30px;
  font-size: 16px;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#DefaultContent p {
  margin: 15px;
}
div#Content div#Columns div#LeftColumn div#ArticleNavig {
  margin-top: 20px;
}
div#Content div#Columns div#LeftColumn div#ArticleNavig a {
  display: inline-block;
  cursor: pointer;
  width: 339px;
  padding: 10px;
  font-size: 20px;
  background-color: #58a5ed;
  color: white;
  border-right: solid 1px white;
}
div#Content div#Columns div#LeftColumn div#ArticleNavig a.left {
  float: left;
}
div#Content div#Columns div#LeftColumn div#ArticleNavig a.right {
  float: right;
  text-align: right;
  border-right: solid 1px #58a5ed;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage {
  width: 100%;
  height: auto;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage a.btn.prev,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage a.btn.prev,
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage a.btn.next,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage a.btn.next {
  display: none;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage ul,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul {
  width: 100%;
  height: auto;
  position: relative;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage ul li,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul li {
  width: 100%;
  height: auto;
  text-align: center;
}
div#Content div#Columns div#LeftColumn div#ProgramWrapper div#SliderWrapper.oneimage ul li img,
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul li img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
div#Content div#Columns div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage.article ul li img {
  max-width: 850px;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.broadcast {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.time div#StartHour {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sound li.sound {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.diffduration div#Hours {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.program {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.title div#Title {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.subtitle div#SubTitle {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.progduration div#Hours {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.type span#Genre {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.subtype span#Genre {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.castadd div#Casting,
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.castdel div#Casting {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumadd div#Synopsis,
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumdel div#Synopsis,
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumedit div#Synopsis {
  border: dashed 1px red;
}
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumadd div#Summary,
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumdel div#Summary,
div#Content div#Columns div#LeftColumn.depro div#ProgramWrapper.sumedit div#Summary {
  border: dashed 1px red;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper {
  height: 190px;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper a.btn {
  height: 190px;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper ul {
  height: 190px;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper ul li {
  height: 190px;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage {
  width: 100%;
  height: auto;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage a.btn.prev,
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage a.btn.next {
  display: none;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul {
  width: 100%;
  height: auto;
  position: relative;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul li {
  width: 100%;
  height: auto;
  text-align: center;
}
div#Content div#Columns.agenda div#LeftColumn div#DefaultWrapper div#SliderWrapper.oneimage ul li img {
  width: 100%;
  max-width: 190px;
  height: auto;
}
/* Page Contest */

div#Content div#PublicationChooserWrapper {
  display: none;
}
div#Content div.contestwrapper {
  background-color: #01203f;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
div#Content div.contestwrapper label {
  display: none;
}
div#Content div.contestwrapper div.column div.inner {
  padding: 20px;
}
div#Content div.contestwrapper div.column.left {
  width: 25%;
}
div#Content div.contestwrapper div.column.center {
  width: 50%;
}
div#Content div.contestwrapper div.column.right {
  width: 25%;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column {
  float: left;
  position: relative;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top a.btn.delete.article {
  display: none;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.date {
  display: none;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 35px;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top ul.list {
  margin-top: 20px;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top ul.list li a {
  padding: 15px 0;
  margin: 0px;
  display: inline-block;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 25px;
  color: white;
  text-decoration: none;
}
div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.bottom {
  position: absolute;
  bottom: 20px;
  font-size: 12px;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column {
  float: left;
  color: #fee901;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item {
  clear: left;
  margin-bottom: 30px;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.date {
  display: none;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.title {
  display: block;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 25px;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.subtitle {
  display: block;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 25px;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns {
  margin: 20px 0;
  width: 100%;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.left {
  width: 40%;
  height: 191px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.left img {
  width: 100%;
  height: auto;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.right {
  width: 60%;
  float: left;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.right div.sub-item {
  margin-bottom: 20px;
  padding: 0 10%;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column {
  margin: 20px 0;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns,
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column {
  clear: left;
  margin: 20px 0;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.sub-item div.title,
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column div.sub-item div.title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 18px;
  text-transform: inherit;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.sub-item div.subtitle,
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column div.sub-item div.subtitle {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 18px;
  color: #fee901;
  text-transform: inherit;
}
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.sub-item div.content,
div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column div.sub-item div.content {
  font-size: 14px;
}
div#Content div.contestwrapper div#ContestWrapperRight.column {
  float: left;
  background-color: #ff570e;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 1262px;
}
div#Content div.contestwrapper div#ContestWrapperRight.column div.inner {
  width: 100%;
  min-height: 1262px;
  border-left: solid 1px white;
  align-items: stretch;
}
div#Content div.contestwrapper div#ContestWrapperRight.column div.inner a {
  width: 100%;
  display: inline-block;
  cursor: pointer;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Page d'édition */

body.edit div#Header {
  display: none;
}
body.edit div#Content div#PublicationChooserWrapper {
  display: block;
  background-color: #01203f;
  color: white;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
}
body.edit div#Content div#PublicationChooserWrapper a.btn.change.article {
  margin-left: 20px;
  border: solid #fee901 1px;
  display: inline-block;
  padding: 5px 15px;
}
body.edit div#Content div.contestwrapper label {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  text-decoration: underline;
  color: aqua;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner .new {
  font-style: italic;
  color: #54622b;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top a.btn.delete.article {
  border: solid #fee901 1px;
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 20px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.date {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
  margin-bottom: 2px;
  min-height: 20px;
  display: block;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.date.to {
  margin-bottom: 20px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.title {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
  margin-bottom: 2px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle.new {
  color: #54622b;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.title.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.content.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.bottom {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  min-height: 10px;
  min-width: 10px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner .new {
  font-style: italic;
  color: #54622b;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item {
  border: 1px solid #54622b;
  padding: 4px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item a.btn.delete.item {
  float: right;
  display: block;
  height: 22px;
  width: 22px;
  background: url('/Content/Images/pictos/btn_delete_on.png') no-repeat center center;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item a.anchor {
  clear: right;
  display: block;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.title {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
  margin-bottom: 2px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.subtitle {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
  margin-bottom: 2px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.content {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  padding: 2px;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.title.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.subtitle.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.content.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.left {
  border: 1px dashed #54622b;
  background-color: #002549;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.left.change {
  border-color: red;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.right div.sub-item div.subtitle.new {
  color: #54622b;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div#ButtonsWrapper {
  text-align: center;
}
body.edit div#Content div.contestwrapper div#ContestWrapperCenter.column div#ButtonsWrapper a.btn.save {
  border: solid #fee901 1px;
  display: inline-block;
  padding: 10px 15px;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperLeft.column div.inner div.title,
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperLeft.column div.inner div.subtitle,
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperLeft.column div.inner div.bottom {
  display: none;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center {
  width: 75%;
  color: white;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  margin-top: 15px;
  margin-bottom: 15px;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item div.two_columns {
  margin-bottom: 0;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item div.two_columns div.subtitle {
  display: none;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item div.two_columns div.left {
  float: none;
  margin: 0 auto;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item div.two_columns div.right {
  clear: left;
  width: 100%;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center div.item div.two_columns div.right div.sub-item {
  padding: 10px;
  margin-bottom: 0;
}
body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperRight {
  display: none;
}
body.edit div#Content div.contestwrapper.iscover div#ContestWrapperLeft.column div.inner div.top div.title {
  border: none;
}
body.edit div#Content div.contestwrapper.iscover div#ContestWrapperCenter.column.center {
  width: auto;
  color: white;
}
body.edit div#Content div.contestwrapper.iscover div#ContestWrapperCenter.column.center div.item {
  border: none;
}
body.edit div#Content div.contestwrapper.iscover div#ContestWrapperCenter.column.center div.item div#CoverImage {
  border: 1px dashed #54622b;
  overflow: hidden;
}
body.edit div#Content div.contestwrapper.iscover div#ContestWrapperRight {
  display: none;
}
body.edit div#Footer {
  display: none;
}
/* Cinecran */

div#Content div#CinecranWrapper {
  width: 100%;
  margin: 0 auto;
}
div#Content div#CinecranWrapper div#FiltersButtons .top {
  margin-top: 20px;
  padding: 0;
}
div#Content div#CinecranWrapper div#FiltersButtons .bottom {
  display: none;
}
div#Content div#CinecranWrapper div.title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  font-size: 32px;
  padding-top: 10px;
}
div#Content div#CinecranWrapper div.subtitle {
  font-size: 24px;
  padding: 30px 0;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing {
  background-color: #d5eafe;
  margin-bottom: 45px;
  clear: both;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left {
  float: left;
  width: 72%;
  position: relative;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left div.date {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 15px;
  background-color: #03488f;
  position: absolute;
  top: -12px;
  left: 15px;
  color: white;
  display: inline-block;
  padding: 3px 5px;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left div.type {
  font-size: 14px;
  padding: 25px 15px;
  padding-bottom: 0;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left div.title {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 22px;
  padding: 5px 15px;
  padding-top: 0;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left div.distribution {
  font-style: italic;
  font-size: 16px;
  padding: 5px 15px;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left div.synopsis {
  font-size: 16px;
  padding: 5px 15px;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.left a.btn {
  color: #58a5ed;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 14px;
  padding: 5px 15px;
  display: inline-block;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.right {
  float: right;
  width: 24%;
  height: 230px;
  position: relative;
}
div#Content div#CinecranWrapper div#WeekOutings div#Columns div#LeftColumn div#OutingsWrapper div#Outing div.right div.image {
  position: absolute;
  bottom: -22px;
  width: 90%;
  height: 230px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../Images/temp/telecran_emission_28.jpg');
}
div#Content div#TheaterScheduleWrapper div.item {
  margin-bottom: 20px;
}
div#Content div#TheaterScheduleWrapper div.item div.header {
  clear: left;
  width: 100%;
  background-color: #58a5ed;
  color: white;
}
div#Content div#TheaterScheduleWrapper div.item div.header div.film-title {
  float: left;
  font-size: 22px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
  padding: 8px 10px;
}
div#Content div#TheaterScheduleWrapper div.item div.header div.flag {
  float: left;
  background-color: #a3221b;
  color: white;
  margin-top: 11px;
  padding: 2px 7px;
  font-size: 15px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
}
div#Content div#TheaterScheduleWrapper div.item div.header ul.days-label {
  float: right;
}
div#Content div#TheaterScheduleWrapper div.item div.header ul.days-label li {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  width: 70px;
  padding-top: 13px;
  float: left;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list {
  clear: both;
  padding: 0;
  margin: 0;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item {
  clear: both;
  display: list-item;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #f1f1f1;
  border-bottom: solid 1px #d5d5d5;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item div.theater-title {
  font-size: 18px;
  padding: 10px;
  float: left;
  width: 400px;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item div.theater-title span.left {
  float: left;
  color: #f75201;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item div.theater-title span.right {
  float: left;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item div.version {
  float: left;
  font-size: 18px;
  padding: 10px;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list {
  float: right;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li {
  float: left;
  font-size: 14px;
  display: inline-block;
  width: 70px;
  padding: 12px 0;
  margin: 0;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row {
  clear: left;
  width: 70px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row div.version {
  display: none;
  position: absolute;
  left: -10px;
  top: 10px;
  border: solid 1px black;
  background-color: white;
  font-size: 10px;
  padding: 4px;
  z-index: 2;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row div.pipe {
  color: #d5d5d5;
  float: left;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row:hover div.version {
  display: block;
}
/* Agenda */

div#Content div#AgendaWrapper {
  margin-bottom: 30px;
}
div#Content div#AgendaWrapper div#CategoriesWrapper {
  width: 100%;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories {
  width: 100%;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li {
  float: left;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li a {
  background-color: #58a5ed;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 14px;
  padding: 10px;
  color: white;
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 1px 1px 0;
  width: 103px;
  /* 103 */
  height: 36px;
  text-align: center;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li a.on,
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li a:hover {
  background-color: #fee901;
  color: #01203f;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li.count_0 a.btn {
  background-color: #a6d3fc;
  font-style: italic;
  cursor: auto;
}
div#Content div#AgendaWrapper div#CategoriesWrapper ul.categories li.count_0 a.btn:hover {
  box-shadow: none;
  color: white;
}
div#Content div#AgendaWrapper div#PeriodWrapper {
  margin-top: 30px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div.title {
  background-color: #58a5ed;
  font-size: 22px;
  padding: 10px;
  color: white;
  width: calc(100% - 20px);
}
div#Content div#AgendaWrapper div#PeriodWrapper div.title span.left {
  float: left;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 900;
}
div#Content div#AgendaWrapper div#PeriodWrapper div.title span.right {
  float: right;
  font-size: 18px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper {
  clear: both;
  width: calc(100% + 20px);
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event {
  display: none;
  background-color: #d5eafe;
  width: 401px;
  height: 190px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn {
  cursor: auto;
  display: inline-block;
  width: 100%;
  height: 190px;
  color: black;
  cursor: pointer;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.left {
  float: left;
  width: 190px;
  /* 190 */
  height: 190px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.left div.visuel {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 15px;
  width: 160px;
  /* 160 */
  height: 160px;
  transition: all 0.1s ease-in-out;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right {
  width: 190px;
  height: 160px;
  padding: 10px;
  padding-left: 0;
  float: right;
  position: relative;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right div.event-title {
  font-size: 15px;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  text-transform: uppercase;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right div.event-dates {
  font-size: 13px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right div.event-city {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right div.event-city b {
  text-transform: uppercase;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn:hover {
  box-shadow: none;
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn:hover div.left div.visuel {
  transform: scale(1.05);
}
div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event.on {
  float: left;
  display: inline-block;
  margin: 0 20px 20px 0;
}
/* Horoscope */

.horoscope-sign {
  float: left;
  width: 120px;
}
.horoscope-sign img {
  width: 50px;
  height: 50px;
  margin: 10px 35px;
}
.horoscope-txt {
  float: left;
  width: 570px;
}
.horoscope-txt #DefaultTitle img {
  display: none;
}
/* Cuisine */

div#Content div#Columns {
  position: relative;
}
div#RecetteChooserWrapper {
  position: absolute;
  top: 0;
  left: 0;
}
div#RecetteChooserWrapper .title {
  margin: 15px 0 0 15px;
  color: #03488f;
  font-weight: bold;
}
div#RecetteChooserWrapper .recetteChooser {
  margin: 0 0 0 15px;
}
div#Content div#Columns.cuisine div#LeftColumn {
  background-color: #d5eafe;
}
div#Content div#Columns.cuisine div#LeftColumn div#LeftLeftColumn {
  float: left;
  width: 25%;
  background-color: #d5eafe;
  margin-top: 100px;
}
div#Content div#Columns.cuisine div#LeftColumn div#LeftLeftColumn a {
  color: #03488f;
  font-weight: bold;
  text-decoration: none;
  padding: 15px;
  display: inline-block;
}
div#Content div#Columns.cuisine div#LeftColumn div#LeftRightColumn {
  float: left;
  width: 75%;
}
div#Content div#Columns.cuisine div#LeftColumn {
  width: 74%;
}
div#Content div#Columns.cuisine div#RightColumn {
  width: 25%;
}
div#Content div#Columns.cuisine div#RightColumn div#WrapperArticles div.article {
  width: inherit;
}
div#Content div#Columns.cuisine div#RightColumn div#WrapperArticles div.article div.intitule {
  padding: 10px;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper {
  border-bottom: solid 1px #01203f;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper:last-child {
  border-bottom: none;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper div#DefaultHeader div.period {
  margin-bottom: 15px;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper div#DefaultParagraphTitle {
  clear: both;
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 25px;
  margin-top: 10px;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper div#DefaultParagraphSubTitle {
  font-family: 'Roboto', 'helveticaneue', Arial, Sans-Serif;
  font-weight: 500;
  font-size: 17px;
  margin-top: 20px;
}
div#Content div#Columns.cuisine div#LeftColumn div#DefaultWrapper div#DefaultParagraphContent {
  margin-top: 30px;
  font-size: 16px;
}
.cuisine-sign img {
  width: 100%;
}
.cuisine-txt {
  width: 570px;
}
.cuisine-txt #DefaultTitle img {
  display: none;
}
/* Responsive */

@media screen and (max-width: 1245px) {
  /* menu  */
  
  div#Header div#Menu {
    height: 25px;
  }
  div#Header div#Menu ul {
    width: 100%;
    margin: 0;
  }
  div#Header div#Menu ul li {
    float: none;
  }
  div#Header div#Menu ul li a.btn {
    width: calc(100% - 40px);
  }
  div#Header div#Menu ul li#MenuAnchorWrapper {
    display: block;
  }
  div#Header div#Menu ul li.item {
    display: none;
  }
  /* Fil d'ariane */
  
  div#Content div#NavigList ul {
    margin-left: 10px;
  }
  /* Columns */
  
  div#Content div#Columns.home {
    width: 100%;
  }
  div#Content div#Columns div#LeftColumn,
  div#Content div#Columns div#RightColumn,
  div#Content div#Columns.home div#LeftColumn,
  div#Content div#Columns.home div#RightColumn {
    width: 100%;
    float: none;
  }
  div#Content div#Columns div#RightColumn,
  div#Content div#Columns.home div#RightColumn {
    margin-top: 20px;
  }
  div#Content div#Columns.home div#RightColumn a.btn.link {
    width: calc(100% - 20px);
  }
  div#Content div#Columns div#RightColumn div#WrapperArticles div.box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
  }
  div#Content div#Columns div#RightColumn div#WrapperArticles div.article {
    float: left;
  }
  div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.imageWrapper {
    width: 250px;
    height: 170px;
    overflow: hidden;
  }
  div#Content div#Columns div#RightColumn div#WrapperArticles div.article div.intitule {
    margin: 0 auto;
    max-width: 250px;
    text-align: center;
    font-size: 17px;
  }
  div#Content div#Columns.home div#LeftColumn div#BroadcastList {
    width: 100%;
  }
  /* Filters */
  
  div#Content div#Columns.home div#LeftColumn div#FiltersButtons {
    width: 100%;
  }
  div#Content div#Columns.home div#LeftColumn div#FiltersButtons .top a.default.btn {
    width: calc(100% - 1px);
    border-bottom: solid 1px white;
  }
  div#Content div#FiltersButtons .bottom div.subMenu div.btn {
    background: none;
    margin-right: 0;
    padding-right: 0;
  }
  div#Content div#FiltersButtons .bottom div.subMenu div.btn *,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn div#WrapperChannel,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn div.isdiv,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover *,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover div#WrapperChannel,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover div.isdiv {
    display: none;
  }
  div#Content div#FiltersButtons .bottom div.subMenu div.btn select,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover select,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn:hover select option,
  div#Content div#FiltersButtons .bottom div.subMenu div.btn select option {
    display: block;
  }
  div#Content div#FiltersButtons .bottom a.btn.valid {
    float: left;
    padding: 8px 15px;
    margin-left: 10px;
    margin-top: 5px;
  }
  /* Broadcasts */
  
  div#Content div#Columns.home div#LeftColumn div#BroadcastList ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li {
    display: inline-block;
  }
  /* contest */
  
  body.edit div#Content div.contestwrapper.isarticle div#ContestWrapperCenter.column.center {
    width: auto;
  }
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.title {
    font-size: 3.5vw;
  }
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top ul.list li a,
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle {
    font-size: 2.5vw;
  }
  /* Film du jour */
  
  div#Content div#Columns div#RightColumn div#WrapperArticles div.article {
    width: auto;
    padding: 0 10px;
  }
  /* agenda */
  
  div#Content div#AgendaWrapper div#CategoriesWrapper ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  div#Content div#AgendaWrapper div#CategoriesWrapper ul li {
    display: inline-block;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper {
    margin: 0 auto;
    width: calc(842px);
  }
  /* Horoscope */
  
  .horoscope-txt {
    width: calc(100% - 150px);
  }
  .cuisine-txt {
    width: calc(100% - 150px);
  }
  div#Content div#Columns.cuisine div#LeftColumn {
    background-color: #d5eafe;
  }
  div#Content div#Columns.cuisine div#LeftColumn div#LeftLeftColumn {
    float: left;
    width: 25%;
    background-color: #d5eafe;
  }
  div#Content div#Columns.cuisine div#LeftColumn div#LeftLeftColumn a {
    color: #03488f;
    font-weight: bold;
    text-decoration: none;
    padding: 15px;
    display: inline-block;
  }
  div#Content div#Columns.cuisine div#LeftColumn div#LeftRightColumn {
    float: left;
    width: 75%;
  }
  div#Content div#Columns.cuisine div#LeftColumn {
    width: 100%;
  }
  div#Content div#Columns.cuisine div#RightColumn {
    width: 100%;
  }
  div#Content div#Columns.cuisine div#RightColumn div#WrapperArticles div.article {
    width: inherit;
  }
  div#Content div#Columns.cuisine div#RightColumn div#WrapperArticles div.article div.intitule {
    padding: 10px;
  }
}
@media screen and (max-width: 860px) {
  div#Content div#ResponsiveCover {
    display: block;
    padding: 20px 0 10px 0;
  }
  div#Content div#ResponsiveCover a {
    color: white;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
  }
  div#Content div#ResponsiveCover a.cover {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: auto;
    width: auto;
    height: 310px;
  }
  /* Slider */
  
  div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.image {
    display: none;
  }
  div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline {
    width: 100%;
  }
  div#Content div#FrontContent.tv div#FrontContentInner a.btn.cover {
    display: none;
  }
  div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderBottom div#HomeSliderNavig ul li {
    width: 50px;
  }
  /* Filters */
  
  div#Content div#FiltersButtons .bottom div.responsiveclear {
    clear: both;
    display: block;
  }
  /* Page program */
  
  div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li {
    font-size: 13px;
  }
  div#Content div#Columns div#LeftColumn div#ProgramWrapper div#Casting ul li span.name {
    min-width: 200px;
  }
  /* cinecran */
  
  div#Content div#TheaterScheduleWrapper div.item div.header ul.days-label li {
    font-size: 12px;
    width: 50px;
  }
  div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row {
    font-size: 12px;
    width: 50px;
  }
  div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li {
    width: 50px;
  }
  div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item div.theater-title {
    width: auto;
  }
  /* contest */
  
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.title {
    font-size: 35px;
  }
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top ul.list li a,
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top div.subtitle {
    font-size: 25px;
  }
  div#Content div.contestwrapper {
    display: block;
  }
  div#Content div.contestwrapper div#ContestWrapperLeft.column {
    float: none;
    width: 100%;
  }
  div#Content div.contestwrapper div#ContestWrapperCenter.column {
    float: none;
    width: 100%;
  }
  div#Content div.contestwrapper div#ContestWrapperRight.column {
    float: none;
    min-height: inherit;
    width: 100%;
  }
  div#Content div.contestwrapper div#ContestWrapperRight.column div.inner {
    min-height: inherit;
  }
  div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.sub-item div.title,
  div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.one_column div.sub-item div.title {
    font-size: 3vw;
  }
  div#Content div.contestwrapper div#ContestWrapperCenter.column div.inner div.item div.two_columns div.left {
    height: auto;
  }
  div#Content div.contestwrapper div#ContestWrapperLeft.column div.inner div.top ul.list li a {
    padding: 0;
  }
  /* Footer */
  
  div#Footer {
    clear: left;
    background-size: 150px auto;
  }
  div#Footer div#TopFooter {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  div#Footer div#TopFooter div.column {
    float: none;
    min-width: inherit;
    width: auto;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 10px;
  }
  div#Footer div#TopFooter div.column div.socialWrapper {
    float: right;
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 15px;
  }
  div#Footer div#TopFooter div.column div.socialWrapper a.btn {
    display: block;
    float: left;
    margin-right: 10px;
  }
  div#Footer div#TopFooter div.column div.title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 24px;
  }
  div#Footer div#TopFooter div.column span {
    font-size: 13px;
  }
  div#Footer div#TopFooter div.column span.bold {
    font-size: 14px;
  }
  div#Footer div#TopFooter div.column ul li a {
    font-size: 14px;
  }
  div#Footer div#TopFooter div.first.column {
    float: none;
    height: 35px;
  }
  div#Footer div#TopFooter div.last.column {
    float: none;
    clear: right;
    margin-top: 0;
  }
  div#Footer div#BottomFooter {
    clear: left;
    background-color: #1f79cd;
    color: #d5d5d5;
    text-align: center;
    padding: 20px;
  }
}
@media screen and (max-width: 842px) {
  /* agenda */
  
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper {
    margin: 0 auto;
    width: 100%;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event {
    width: 100%;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.left {
    width: 38%;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.right {
    width: 58%;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div#EventsWrapper div.event a.btn div.left div.visuel {
    background-position: center top;
    width: calc(100% - 30px);
  }
  /* Horoscope */
  
  .horoscope-sign {
    display: none;
  }
  .horoscope-txt {
    width: 100%;
  }
  .horoscope-txt #DefaultTitle img {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    margin: 8px 10px 8px 0;
  }
  /* Cuisine */
  
  .cuisine-txt {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  div#Content div#Columns.cuisine div#LeftColumn div#LeftLeftColumn {
    display: none;
  }
  div#Content div#Columns.cuisine div#LeftColumn div#LeftRightColumn {
    width: 100%;
  }
  div#RecetteChooserWrapper {
    position: relative;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 443px) {
  /* Header Logo */
  
  div#Header div#TopHeader {
    height: auto;
  }
  div#Header div#TopHeader a#Logo {
    width: 100%;
    background-size: contain;
    background-position: left top;
    height: auto;
    padding-bottom: 37%;
  }
}
@media screen and (max-width: 380px) {
  /* Slider */
  
  div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline div.title {
    font-size: 7vw;
  }
  div#Content div#FrontContent.tv div#FrontContentInner div#HomeSliderWrapper ul#HomeSlider li a div.headline {
    font-size: 4.5vw;
  }
  /* Broadcasts */
  
  div#Content div#Columns.home div#LeftColumn div#BroadcastList ul li div.broadcastItem {
    float: none;
    margin: 0 auto;
  }
  /* cinecran */
  
  div#Content div#TheaterScheduleWrapper div.item div.header ul.days-label li {
    font-size: 12px;
    width: 40px;
  }
  div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li div.row {
    font-size: 12px;
    width: 40px;
  }
  div#Content div#TheaterScheduleWrapper div.item ul.theater-list li.theater-item ul.hours-list li {
    width: 40px;
  }
  /* agenda */
  
  div#Content div#AgendaWrapper div#PeriodWrapper div.title {
    font-size: 18px;
  }
  div#Content div#AgendaWrapper div#PeriodWrapper div.title span.right {
    font-size: 13px;
  }
}