/* ---------------------------------------------------------------------------------------------------------*/
/* INSERTION DES POLICES NECESSAIRES */
/* ---------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: "gotham";
    src: url('../../fonts/Gotham-Medium.otf');
}
@font-face {
    font-family: "gotham";
    font-style: italic;
    src: url('../../fonts/Gotham-MediumIta.otf');
}
@font-face {
    font-family: "gotham";
    font-weight: bold;
    src: url('../../fonts/Gotham-Bold.otf');
}
@font-face {
    font-family: "gotham_light";
    src: url('../../fonts/Gotham-Light.otf');
	}
@font-face {
    font-family: "gotham_light";
	  font-style: italic;
    src: url('../../fonts/Gotham-LightIta.otf');
	}

/* ---------------------------------------------------------------------------------------------------------*/
/* REINITIALISATION */
/* ---------------------------------------------------------------------------------------------------------*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline;
	}

	table, tr, th, td
	{
	vertical-align:middle;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}


	a {
		text-decoration:none;
	}

	h1, h2, h3, h4 {
		color: #1a76a3;
		font-weight: normal;
	}

	h1 {
		font-size: 1.3em;
		margin-bottom: 0.4em;
		margin-top:0.2em;
	}

	h2 {
		font-size: 1.0em;
		margin-bottom: 0.4em;
	}

	h3, h4 {
		font-size: 0.8em;
		margin-bottom: 0.4em;
	}


/* ---------------------------------------------------------------------------------------------------------*/
/* BASIQUE */
/* ---------------------------------------------------------------------------------------------------------*/

	@-ms-viewport {
		width: device-width;
	}

	html, body
		{
		height: 100%;
		}

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#page-wrapper
		{
		min-height: 100%;
		margin-bottom:160px;
		}

	#main
		{
		overflow:hidden;
		padding-bottom: 0px;
		}

	body {
		font-size: 13.5pt;
		background-color: #f2f2f2;
		font-family: roboto, sans-serif;
		color: #3a3a3a;
		min-width: 200px;
		}

/* ---------------------------------------------------------------------------------------------------------*/
/* HEADER */
/* ---------------------------------------------------------------------------------------------------------*/

	#header-wrapper {
		background-color: #fff;
		}

	#header {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin: 0;
		padding: 0 40px 0 40px;
		height: 66px;
		margin-left:20px;
		margin-right:20px;

		}

	#header div {
		position: absolute;
		left: 0px;
		top: 0;
		color: #333333;
		font-size: 1.7em;
		letter-spacing: 0px;
		line-height: 66px;
		}

	#header div a {
		color: #333333;
		text-decoration: none;
		}

	#header nav {
		position: absolute;
		right: 0px;
		top: 1px;
		line-height: 20px;
		margin-top:18px;
		font-size: 0.6em;
		letter-spacing: 0px;
		font-weight: 500;
		}

	#header nav a:hover {
		text-decoration: none;
		color: #6b95bf;
		}

	#header nav a {
		display: inline-block;
		text-decoration: none;
		color: #333333;
		padding: 0 8px 0 8px;
		outline: 0;
		position:relative;
		}

	#header nav a.connexion_membre {
		color:#dd9323;
		border:1px solid #dd9323;
		border-radius:10px;
		margin-left:8px;
		}

	#header nav a.connexion_membre:hover {
		background-color:#F4F4F4;
		}
		
	#header nav a.inscription_membre {
		color:#DD6363;
		border:1px solid #DD6363;
		border-radius:10px;
		}

	#header nav a.inscription_membre:hover {
		background-color:#F4F4F4;
		}

	#header nav a.social-icons {
		font-size:1.5em;
		position:relative;
		top:2px;
		}

	#header nav a.social-twitter {
		color:#1DA1F3;
		}

	#header nav a.social-facebook {
		color:#1778F2;
		}

	#header nav a.social-linkedin {
		color:#0A66C1;
		}

	#header nav a.current-page-item {
		color:#6b95bf;
		}

	#header nav a.trait:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 0.15em;
		top: 20px;
		left: 0;
		background-color: #6b95bf;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		}

	#header nav a.trait:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		}

/* ---------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/* ---------------------------------------------------------------------------------------------------------*/

	#footer-wrapper {
		position:relative;
		margin-top: -1020px;
		background-color: #fff;
		height:100px;
		clear:both;
		}

	#footer {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		height: 100px;
		margin-left:20px;
		margin-right:20px;
		}

	.bloc-footer
		{
		float:left;
		width:25%;
		height:60px;
		margin-top:20px;
		padding-left:10px;
		padding-top:5px;
		border-right:1px solid rgba(219, 219, 219, 0.7);
		color:#333333;
		}

	.bloc-footer:first-child
		{
		text-align:center;
		font-size:1.1em;
		line-height:60px;
		font-family:gotham;
		padding-top:0px;
		}

	.bloc-footer:last-child
		{
		border:0px;
		}

	p.titre-footer
		{
		margin-bottom:10px;
		font-size:0.7em;
		color:#333333;
		font-size: 0.6em;
		letter-spacing: 0px;
		font-weight: 500;
		}

	a.lien-footer
		{
		color:#333333;
		font-size:0.6em;
		}
	
	a.lien-footer:hover
		{
		color:#6b95bf;
		}	

	a.social-footer
		{
		float:left;
		margin-right:10px;
		display:block;
		height:30px;
		width:30px;
		border-radius:25px;
		border:1px solid #fff;
		}

	a.social-footer:last-child
		{
		margin-right:0px;
		}

	a.facebook-footer
		{
		background-color:#3b5998;
		box-shadow: 0px 0px 2px #fff;
		}

	a.twitter-footer
		{
		background-color:#55acee;
		box-shadow: 0px 0px 2px #fff;
		}

	a.linkedin-footer
		{
		background-color:#007bb5;
		box-shadow: 0px 0px 2px #fff;
		}

	img.logo-footer
		{
		width:15px;
		height:15px;
		position:relative;
		top:7px;
		left:7px;
		}
		
/* ---------------------------------------------------------------------------------------------------------*/
/* PAGE D'ACCUEIL */
/* ---------------------------------------------------------------------------------------------------------*/

	#index1 a {
		font-size:0.8em;
		-webkit-transition: background 0.3s, border-radius 0.3s ,color 0.3s;
		transition: background 0.3s, border-radius 0.3s, color 0.3s;
		}
		
	#index1 a.abonnement {
		background-color:#dd9323;
		color:#fff;
		border-radius:10px;
		padding:8px 45px 8px 45px;
		border:1px solid #f2f2f2;
		}
		
	#index1 a.abonnement:hover {
		background-color:#f2f2f2;
		color:#dd9323;
		border:1px solid #dd9323;
		}

	#index1 a.connexion_membre:hover {
		background-color: rgba(221, 147, 35, 0.20);
		border-radius:2px;
		}
	
	#index1 a.connexion_membre {
		color:#dd9323;
		border:1px solid #dd9323;
		border-radius:10px;
		margin-left:8px;
		padding:5px;
		}
	
	a.out
		{
		text-decoration:none;
		color:#333333;		
		}
		
	a.out:hover
		{
		color:#6b95bf;		
		}


/* ---------------------------------------------------------------------------------------------------------*/
/* TITRE DES PAGES */
/* ---------------------------------------------------------------------------------------------------------*/

  #main h1
    {
    color:#6b95bf;
    font-size:26px;
    font-weight:300;
    text-align:center;
    margin-top:60px;
    }

  #main h2
    {
    color:#333333;
    font-size:20px;
    font-weight:300;
    text-align:center;
    margin-top:10px;
    }

  #titre a
    {
    color:#6b95bf;
    }

  #titre a:hover
    {
    color:#fff;
    }

/* ---------------------------------------------------------------------------------------------------------*/
/* PAGE FORMULES */
/* ---------------------------------------------------------------------------------------------------------*/

	#formules a {
		font-size:0.8em;
		-webkit-transition: background 0.3s, border-radius 0.3s ,color 0.3s;
		transition: background 0.3s, border-radius 0.3s, color 0.3s;
		}
		
	#formules a.gratuit {
		background-color:#FFD15C;
		color:#fff;
		border-radius:10px;
		padding:8px 45px 8px 45px;
		border:1px solid #f2f2f2;
		}
		
	#formules a.gratuit:hover {
		background-color:#fff;
		color:#FFD15C;
		border:1px solid #FFD15C;
		}
	
	#formules a.pro {
		background-color:#FF7058;
		color:#fff;
		border-radius:10px;
		padding:8px 45px 8px 45px;
		border:1px solid #f2f2f2;
		}
		
	#formules a.pro:hover {
		background-color:#fff;
		color:#FF7058;
		border:1px solid #FF7058;
		}
		
	#formules a.demo {
		background-color:#6B95BF;
		color:#fff;
		border-radius:10px;
		padding:8px 45px 8px 45px;
		border:1px solid #f2f2f2;
		}
		
	#formules a.demo:hover {
		background-color:#fff;
		color:#6B95BF;
		border:1px solid #6B95BF;
		}
		
	
	
	
	
	
	
	
	
	


/* ---------------------------------------------------------------------------------------------------------*/
/* TABLEAU AGENDA */
/* ---------------------------------------------------------------------------------------------------------*/

  #agenda-container
    {
    overflow:auto;
    padding:65px 0 85px 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    margin:0 20px 0 20px;
    overflow:hidden;
    height:100%;
    }
	
	.navigation_agenda
	{
	padding:10px;
	border:1px solid #C8C8C8;
	border-radius:10px;
	}
	
	.navigation_agenda:hover
	{
	background-color:#6b95bf;
	}

  .ligne-agenda
    {
    width:100%;
    height:80px;
    color: #333333;
    margin-top:5px;
    background-color:#fff;
    border:1px solid #C8C8C8;
    border-radius:10px;
    }

  .ligne-agenda:hover
    {
    background-color: #fffffc;
    background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);

    background-color: #f6f6f6;
    background-image: linear-gradient(315deg, #f6f6f6 0%, #e9e9e9 74%);
    }

  .heure-agenda
		{
		float:left;
		width:4%;
		height:78px;
		line-height:78px;
		text-align:right;
		font-size: 0.7em;
		font-weight:300;
		border-radius: 10px 0 0 10px;
		}

  div.logo-antenne-agenda
    {
    float:left;
    width:7%;
    height:78px;
    text-align:center;
    position: relative;
    }

  img.logo-antenne-agenda
    {
    max-height:70%;
    max-width:70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    }

  div.emission-presentateur-invites-agenda
    {
    float:left;
    width:75%;
    height:78px;
    }

  div.emission-presentateur-agenda
    {
    width:100%;
    height:20px;
    line-height:20px
    }

  div.emission-presentateur-agenda p.emission
    {
    margin:0px;
    font-size:0.7em;
    font-weight:400;
    color:6b95bf
    }

  div.emission-presentateur-agenda p.emission span.presentateur
    {
    font-size:0.8em;
    color:#646464;
    font-weight:300
    }

  div.invite-agenda
    {
    float:left;
    width:16.6%;
    height:55px;
    position:relative;
    }

  div.photo-invite-agenda
    {
    float:left;
    width:35%;
    height:100%;
    position:relative;
    cursor:pointer;
    }

  img.invite-agenda
    {
    max-height:95%;
    max-width:95%;
    margin-left:1%;
    border:2px solid #fff;
    border-radius:100px;
    box-shadow: 0px 0px 5px #aaa;
    position:absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    }

  div.nom-invite-agenda
    {
    float:left;
    width:65%;
    height:100%;
    position:relative;
    font-size:0.65em;
    line-height:1.2em;
    font-weight:300;
    padding-top:12px;
    padding-left:5px;
    }

  div.nom-invite-agenda a i
    {
    color:#ddad66;
    font-size:0.8em;
    }

  div.favori-agenda i
    {
    font-size:1.5em;
    color:#E8E8E8;
    padding-top:20px
    }

  div.favori-agenda i:hover
    {
    color: #fbb034;
    background: -webkit-linear-gradient(65deg, #fbb034 0%, #ffdd00 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }

  a.tooltips {
    position: relative;
    display: inline;
    text-decoration:none;
    }

  a.tooltips:hover
    {
    color:#6b95bf;
    }

  a.tooltips span {
    position: absolute;
    width:280px;
    color: #4F4F4F;
    background: #fff;
    border: 1px solid #D9D9D9;
    height: 220px;
    text-align: left;
    visibility: hidden;
    border-radius: 6px;
    box-shadow: 0px 0px 4px #cccccc;
    }

  a.tooltips span:before {
    content: '';
    position: absolute;
    top: 45%;
    right: 100%;
    margin-top: -4px;
    width: 0; height: 0;
    border-right: 9px solid #D9D9D9;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    }

  a.tooltips span:after {
    content: '';
    position: absolute;
    top: 45%;
    right: 100%;
    margin-top: 0px;
    width: 0; height: 0;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    }

  a:hover.tooltips span {
    visibility: visible;
    opacity: 0.95;
    left: 100%;
    top: 45%;
    margin-top: -104px;
    margin-left: 20px;
    z-index: 999;
    }

  div.audiovisuel-agenda
    {
    float:left;
    width:10%;
    height:78px;
    position:relative;
    text-align:center;
    border-left: 1px solid #D9D9D9;
    }

  div.audiovisuel-agenda-live
    {
    width:80%;
    margin:auto;
    font-size:12px;
    border:1px solid #dd6363;
    border-radius:15px 2px 15px 2px;
    padding:6px 0 6px 0;
    margin-top:20px;
    color:#dd6363;
    }

  div.audiovisuel-agenda-live:hover
    {
    background-color: #dd6363;
    color:#fff;
    }

  div.audiovisuel-agenda-replay
    {
    width:80%;
    margin:auto;
    font-size:12px;
    border:1px solid #ddad66;
    border-radius:15px 2px 15px 2px;
    padding:6px 0 6px 0;
    margin-top:20px;
    color:#ddad66;
    }

  div.audiovisuel-agenda-replay:hover
    {
    background-color: #ddad66;
    color:#fff;
    }




  div.favori-agenda
    {
    float:left;
    width:4%;
    margin-top:5px;
    height:68px;
    position:relative;
    text-align:center;
    border-left: 1px solid #D9D9D9;
    }






/* ---------------------------------------------------------------------------------------------------------*/
/* PANEL -- Page accueil */ 
/* ---------------------------------------------------------------------------------------------------------*/


a.panel
	{
	margin-top:10px;
	background-color: rgba(255, 255, 255, 0.2);
	color:#fff;
	border-radius:10px;
	padding:8px 45px 8px 45px;
	font-size:13px;
	}
		
a.panel1:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#FFCD64;
	}

a.panel2:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#DB4C58;
	}


	
/* ---------------------------------------------------------------------------------------------------------*/
/* PANEL -- Page Agenda */ 
/* ---------------------------------------------------------------------------------------------------------*/
		
@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 4rem;
  --fg: #369;
  --bg: #def;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
    radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
    ;
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}

div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}

a.saisie_agenda
	{
	margin-top:10px;
	background-color:#336699;
	color:#fff;
	border-radius:10px;
	padding:8px 30px 8px 30px;
	font-size:0.65em;
	}
		
a.saisie_agenda:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#336699;
	border:1px solid #336699;
	}

input[type="submit"].valider
	{
	background-color:#336699;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:4px 30px 4px 30px;
	font-size:0.65em;
	-webkit-appearance: none;
	font-family:gotham;
	cursor:pointer;
	}


input[type="submit"].valider:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#336699;
	border:1px solid #336699;
	}

input[type="button"].effacer
	{
	background-color:#336699;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:4px 30px 4px 30px;
	font-size:0.65em;
	-webkit-appearance: none;
	font-family:gotham;
	cursor:pointer;
	}


input[type="button"].effacer:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#336699;
	border:1px solid #336699;
	}

input[type="button"].effacer_mini
	{
	background-color:#336699;
	color:#fff;
	border:1px solid #336699;
	border-radius:10px;
	padding:1px 3px 1px 3px;
	font-size:0.5em;
	-webkit-appearance: none;
	font-family:gotham;
	cursor:pointer;
	margin-right:2px;
	margin-top:2px
	}


input[type="button"].effacer_mini:hover
	{
	background-color: rgba(255, 255, 255, 0.75);
	color:#336699;
	border:1px solid #336699;
	}



















	span.video-h1
		{
		font-size:0.7em;
		}

	#share
		{
		float:right;
		}

	#video-requested {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:30px 20px 30px 20px;
		overflow:auto;
		height:100%;
		}

	#video-container {
		width:52%;
		float:left;
		margin-right:4%;
		}

	.separateur-bloc
		{
		display:none;
		}

	.video-wrapper
		{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		}

	.video-wrapper iframe
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

	.video-wrapper-youtube
		{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0px;
		height: 0;
		overflow: hidden;
		}

	.video-wrapper-youtube iframe,
	.video-wrapper-youtube object,
	.video-wrapper-youtube embed
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

	#video-bonus1 {
		width:44%;
		float:left;
		padding-bottom:10px;
		}

	#video-bonus1a {
		width:100%;
		overflow:auto;
		}

	.video-complementaire-meme-emission
		{
		float:left;
		width:23%;
		height:auto;
		margin-right:2%;
		}

	h2.video-bonus1
		{
		margin-top:1.25em;
		margin-bottom:0.6em;
		}

	h2.video-bonus1:first-child
		{
		margin-top:0em;
		}

	.video-meme-personnalite
		{
		float:left;
		width:23%;
		margin-right:2%;
		margin-bottom:0.8em;
		}

	.video-thumbnail
		{
		width:100%;
		border:0.2em solid #fff;
		box-shadow: 0px 0px 5px #aaa;
		}

	.separateur-video
		{
		width:100%;
		clear:both;
		height:1px;
		}

	.thumbnail-antenne
		{
		padding-left:0.3em;
		padding-right:0.3em;
		font-family:gotham_light;
		font-size:0.6em;
		color:#272727;
		}

	.thumbnail-date
		{
		padding-left:0.3em;
		padding-right:0.3em;
		font-family:gotham_light;
		font-size:0.5em;
		color:#707070;
		}

	div.plus-loin
		{
		clear:both;
		}

	a.plus-loin
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		}

	div.historique-liste-emissions
		{
		float:left;
		}

	a.plus-loin-emission
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		}

	a.plus-loin-agenda
		{
		display:none;
		}

	a.plus-loin-agenda-2
		{
		display:none;
		}

	span.plus-loin-div
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		cursor:pointer;
		}

	.video-ranking {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:50px 20px 30px 20px;
		overflow:auto;
		padding-bottom:10px;
		}

	.video-ranking-top3
		{
		float:left;
		width:32%;
		margin-right:2%;
		overflow:auto;
		margin-bottom:10px;
		padding:0.2em;
		cursor:pointer;
		}

	.video-ranking-top3:nth-child(4)
		{
		margin-right:0%;
		}

	.video-ranking-top3:nth-child(8)
		{
		margin-right:0%;
		}

	.video-ranking-info
		{
		width:100%;
		overflow:auto;
		padding-top:0.2em;
		padding-bottom:5px;
		margin-top:0.2em;
		}

	.video-ranking-position
		{
		float:left;
		width:13%;
		font-size:1em;
		line-height:2.2em;
		text-align:center;
		font-family:gotham_light;
		margin-right:2%;
		border-right:1px solid #dadada;
		border-left:1px solid #dadada;
		}

	.video-ranking-name
		{
		float:left;
		width:70%;
		font-size:0.7em;
		font-family:gotham_light;
		}

	.video-ranking-views
		{
		float:left;
		width:10%;
		text-align:center;
		font-size:0.7em;
		font-family:gotham_light;
		padding-top:0.5em;
		}

	.video-retrospective
		{
		float:left;
		width:23.5%;
		margin-right:2%;
		overflow:auto;
		margin-bottom:10px;
		padding:0.2em;
		}

	.video-retrospective:nth-child(5n+5)
		{
		margin-right:0%;
		}

	.video-retrospective-info
		{
		width:100%;
		overflow:auto;
		padding:0.2em;
		font-family:gotham_light;
		}

	p.retrospective
		{
		font-size:0.7em;
		}

	a.invisible
		{
		color: #272727;
		}

	.dernier-ajout-nom
		{
		font-size:0.7em;
		}

	.dernier-ajout-emission
		{
		font-size:0.6em;
		color:#707070;
		}

	.ensemble-live
		{
		width:100%;
		overflow:auto;
		padding-bottom:5px
		}

	.chaine-live
		{
		float:left;
		width:15%;
		margin-right:2%;
		margin-bottom:1em;
		border:1px solid #cccccc;
		border-radius:5px;
		background-color:#f0f0f0;
		color:#555555;
		font-size:0.6em;
		font-family:gotham_light;
		text-align:center;
		padding-bottom:0.3em;
		}

	.chaine-live:hover
		{
		background-color:#d2d2d2;
		color:black;
		border:1px solid #bababa;
		cursor:pointer;
		box-shadow: 0px 0px 5px #aaa;
		}

	.chaine-live:nth-child(6)
		{
		margin-right:0;
		}

	.chaine-live:nth-child(13)
		{
		margin-right:0;
		}

	.chaine-live-logo
		{
		width:60%;
		}

	.nom-chaine-container
		{
		width: 100%;
		min-height:2em;
		display: table;
		text-align: center;
		overflow-wrap: break-word;
		}

	.nom-chaine
		{
		display: table-cell;
		vertical-align: middle;
		overflow-wrap: break-word;
		}

	#liste-chaines
		{
		overflow:auto;
		padding-bottom:5px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		height:100%;
		}

	.liste-chaines-container
		{
		float:left;
		width:50%;
		overflow:auto;
		}

	#sondages-container
		{
		overflow:auto;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		height:100%;
		}

	p.intro-sondages
		{
		font-size:0.8em;
		font-family:gotham_light;
		margin-bottom:2em;
		}

	.bloc-sondages
		{
		overflow:none;
		font-family:gotham_light;
		font-size:0.7em;
		}

	.ligne-sondage
		{
		border-top:1px solid #d2d2d2;
		min-height:5em;
		overflow:hidden;
		}

	.ligne-sondage:nth-child(2n+1)
		{
		margin-right:0%;
		background-color:#ececec;
		}

	.bloc-sondages:last-child
		{
		border-bottom:1px solid #d2d2d2;
		}

	.informations-sondage
		{
		float:left;
		width:64%;
		min-height:5em;
		padding:0.4em;
		}

	.institut-sondage
		{
		float:left;
		width:12%;
		min-height:5em;
		line-height:5em;
		}

	.date-sondage
		{
		float:left;
		width:12%;
		min-height:5em;
		line-height:5em;
		}

	.lien-sondage
		{
		float:left;
		width:12%;
		min-height:5em;
		line-height:5em;
		text-align:center;
		font-family:gotham;
		font-size:0.9em;
		}

	a.sondage
		{
		color:#fff;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		}

	div.margin-retrospectives
		{
		margin-top:1.5em;
		}

	#contact-container
		{
		overflow:auto;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		height:100%;
		}

	div.contact-moitie
		{
		float:left;
		width:48%;
		margin-right:4%;
		height:10.50em;
		padding-bottom:5px;
		}

	div.contact-moitie:nth-child(2)
		{
		margin-right:0;
		}

	input[type="text"].contact
		{
		width:100%;
		padding: 0.7em;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.2);
		margin-bottom:1em;
		border-radius:2px;
		font-family:gotham_light;
		-webkit-appearance: none;
		}

	textarea.contact
		{
		width:100%;
		height:100%;
		padding: 15px;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.2);
		border-radius:2px;
		font-family:gotham_light;
		-webkit-appearance: none;
		}

	input[type="submit"].contact
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		cursor:pointer;
		border:none;
		font-family:gotham;
		-webkit-appearance: none;
		}

	#search-container
		{
		overflow:auto;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 300px 30px 300px;
		overflow:auto;
		height:100%;
		}

	p.search
		{
		font-size:0.8em;
		margin-bottom:20px;
		text-align:center;
		font-family:gotham_light;
		}

	#results-container
		{
		overflow:auto;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		height:100%;
		}

	.navigation-arrows-previous
		{
		width:1.2em;
		position:relative;
		top:0.3em;
		margin-right:0.2em;
		border:none;
		}

	.navigation-arrows-next
		{
		width:1.2em;
		position:relative;
		top:0.3em;
		margin-left:0.2em;
		border:none;
		}



	.ligne-ephemeride
		{
		width:100%;
		height:64px;
		border-top:1px solid #dadada;
		color: #424242;
		margin-bottom:25px;
		border-bottom:1px solid #dadada;
		}

	.ephemeride1
		{
		float:left;
		width:4%;
		height:64px;
		line-height:64px;
		text-align:center;
		font-size: 0.65em;
		font-family:gotham_light;
		}

	div.logo-ephemeride
		{
		float:left;
		width:8%;
		height:64px;
		text-align:center;
		position: relative;
		}

	img.logo-ephemeride
		{
		max-height:90%;
		max-width:90%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.ephemeride-text
		{
		padding-top:15px;
		float:left;
		width:74.5%;
		height:64px;
		font-size:0.8em;
		}

	div.ephemeride-video
		{
		display:none;
		}







	div.info-emission-agenda
		{
		float:left;
		width:14%;
		height:64px;
		font-family:gotham_light;
		position:relative;
		}

	span.info-emission-agenda
		{
		position: absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		padding-right:5px;
		}

	p.emission
		{
		font-size:0.65em;
		margin-bottom:4px;
		font-weight:bold;
		}

	p.presentateur
		{
		font-size:0.5em;
		}

	div.petit-logo-antenne-agenda
		{
		display:none;
		}

	div.separateur-agenda
		{
		display:none;
		}





	.live {
		position:relative;
		overflow:hidden;
		border:3px solid #fff;
		box-shadow:0px 0px 5px #aaa;
		max-width:90%;
		margin-left:5%;
		height:56px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		cursor:pointer;
		margin-top:4px;
		background-color:#fff;
		}

	.live .live_color, .replay_color {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:51px;
		margin-left:-92px;
		padding-top: 11px;
		}

	.live:hover .live_color {
		margin-left:0;
		background-color: rgba(192, 80, 77, 0.8)
		}

	.live:hover .replay_color {
		margin-left:0;
		background-color: rgba(9, 93, 129, 0.8)
		}

	.live_text {
		display:block;
		color:white;
		font-size:0.6em;
		line-height:1.2em;
		font-family:gotham_light;
		}

	.live_text:hover {
		text-decoration:none;
		}

	.live_color {
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		}

	.replay_color {
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		}

	p.aucun-invite
		{
		font-size:0.8em;
		margin-bottom:1em;
		font-family:gotham_light;
		font-weight:bold;
		}

	p.aucun-invite:first-child
		{
		margin-top:3em;
		}

	#emissions-container
		{
		overflow:auto;
		padding-bottom:5px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 10px 20px;
		overflow:hidden;
		}

	.help-container
		{
		width:100%;
		padding:10px;
		background-color:#cce2ed;
		border-radius:5px;
		overflow:hidden;
		color:#323232;
		text-align:center;
		margin-bottom:30px;
		}

	p.help-titre
		{
		font-size:0.7em;
		}

	p.help-contenu
		{
		font-size:0.7em;
		font-family:gotham_light;
		}

	div.help-separation
		{
		width:20px;
		height:1px;
		background-color:#323232;
		margin-left:auto;
		margin-right:auto;
		margin-top:6px;
		margin-bottom:6px;
		}

	div.historique-invites-nom-media
		{
		position:relative;
		width:100%;
		height:3em;
		margin-top:50px;
		}

	div.historique-invites-nom-media:nth-child(3)
		{
		margin-top:20px;
		}

	img.historique-invites-logo-media
		{
		max-height:100%;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.historique-invites-nom-emission-container
		{
		width:60%;
		margin:auto;
		margin-top:0.5em;
		overflow:hidden;
		}

	div.historique-invites-nom-emission
		{
		float:left;
		width:65%;
		font-family:gotham_light;
		font-size:0.7em;
		height:2.3em;
		line-height:2.3em;
		}

	div.historique-invites-jour-diffusion
		{
		float:left;
		width:5%;
		height:2em;
		font-size:0.8em;
		position:relative;
		line-height:1.7em;
		}

	div.historique-invites-jour-diffusion-inside
		{
		height:0;
		width:70%;
		padding-bottom:70%;
		background-color:#1a76a3;
		color:#fff;
		border-radius:30px;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align:center;
		}

	div.historique-invites-jour-diffusion-inside-off
		{
		height:0;
		width:70%;
		padding-bottom:70%;
		background-color:#cdcdcd;
		color:#fff;
		border-radius:30px;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align:center;
		}

	div.informations-programme-container
		{
		overflow:hidden;
		width:100%;
		margin-bottom:40px;
		}

	div.informations-programme
		{
		float:left;
		width:50%;
		overflow:hidden;
		height:3.5em;
		font-size:0.7em;
		font-family:gotham_light;
		line-height:3.5em;
		}

	img.logo-programme
		{
		margin-left:5px;
		max-height:3.5em;
		vertical-align:middle;
		}

	div.historique-invites-jour-diffusion-2
		{
		float:left;
		width:7%;
		height:3.4em;
		font-size:1em;
		position:relative;
		line-height:2.2em;
		}

	.date-historique-invite
		{
		float:left;
		width:26%;
		height:64px;
		line-height:64px;
		text-align:left;
		padding-left:5px;
		font-size: 0.65em;
		font-family:gotham_light;
		}

	.ligne-emission
		{
		width:100%;
		height:64px;
		border-top:1px solid #dadada;
		color: #424242;
		}

	.ligne-emission:nth-child(2n+1)
		{
		background-color:#ececec;
		}

	.ligne-emission:last-child
		{
		border-bottom:1px solid #dadada;
		}

	div.help-filtre-emissions
		{
		float:left;
		width:33%;
		text-align:left;
		padding-left:10px;
		height:22px;
		line-height:22px;
		font-size:0.6em;
		}

	img.filter
		{
		height:20px;
		vertical-align:middle;
		position:relative;
		bottom:2px;
		}

	.heure-liste-emissions
		{
		float:left;
		width:8%;
		height:64px;
		line-height:64px;
		text-align:center;
		font-size: 0.65em;
		font-family:gotham_light;
		}

	div.logo-antenne-liste-emissions
		{
		float:left;
		width:12%;
		height:64px;
		text-align:center;
		position: relative;
		}

	div.info-emission-liste-emissions
		{
		float:left;
		width:22%;
		height:64px;
		font-family:gotham_light;
		position:relative;
		margin-left:40px;
		}

	div.jour-diffusion-liste-emissions
		{
		float:left;
		width:30%;
		height:64px;
		font-family:gotham_light;
		}

	div.historique-invites-jour-diffusion-3
		{
		float:left;
		width:10%;
		height:3.4em;
		font-size:1em;
		position:relative;
		line-height:1.5em;
		}

	div.historique-liste-emissions
		{
		float:left;
		width:20%;
		height:64px;
		line-height:58px;
		text-align:center;
		}

	div.bloc-personnalite {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:30px 20px 30px 20px;
		height:100%;
		color:#484848;
		overflow:hidden;
		}

	fieldset.presentation-personnalite
		{
		float:left;
		width:32%;
		margin-right:2%;
		height:230px;
		border:1px solid #d4d4d4;
		border-radius:5px;
		background-color:#eeeeee;
		padding:10px;
		}

	div.identite-personnalite
		{
		height:60px;
		width:100%;
		}

	div.photo-personnalite
		{
		height:60px;
		float:left;
		width:18%;
		position:relative;
		}

	img.photo-personnalite
		{
		float:left;
		max-height:98%;
		max-width:98%;
		border:2px solid #fff;
		border-radius:100px;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		}

	div.nom-personnalite
		{
		height:60px;
		float:left;
		width:81%;
		margin-left:1%;
		color:#484848;
		font-size:0.9em;
		padding-top:14px;
		}

	div.naissance-personnalite
		{
		margin-top:8px;
		height:20px;
		line-height:20px;
		width:100%;
		font-size:0.7em;
		font-family:gotham_light;
		}

	div.parti-personnalite
		{
		margin-top:8px;
		height:30px;
		line-height:30px;
		width:100%;
		font-size:0.7em;
		font-family:gotham_light;
		}

	span.parti-personnalite
		{
		float:left;
		}

	div.presentation-personnalite
		{
		margin-top:8px;
		line-height:20px;
		width:100%;
		font-size:0.7em;
		font-family:gotham_light;
		}

	fieldset.presence-medias-personnalite
		{
		float:left;
		width:66%;
		height:230px;
		border:1px solid #d4d4d4;
		border-radius:5px;
		background-color:#eeeeee;
		padding:10px;
		}

	div.informations-speciales
		{
		padding:4px;
		border:1px solid #d9d9d9;
		width:100%;
		float:left;
		background-color:#f5f5f5;
		border-radius:5px 5px 5px 5px;
		font-size:0.7em;
		font-family:gotham_light;
		}

	div.icon-informations-speciales
		{
		float:left;
		width:20px;
		height:35px;
		margin-right:10px;
		margin-left:5px;
		padding-top:10px;
		}

	div.bloc-apparitions-medias
		{
		width:25%;
		margin-top:15px;
		height:130px;
		float:left;
		border-right:1px solid #d4d4d4;
		}

	div.bloc-apparitions-medias:last-child
		{
		border-right:0px;
		}

	p.apparition-medias-periode
		{
		text-align:center;
		font-size:0.9em;
		}

	p.apparition-medias-date
		{
		color:#8b8b8b;
		margin-top:5px;
		text-align:center;
		font-size:0.7em;
		}

	p.apparition-medias-donnees
		{
		color:#145d81;
		margin:10px;
		text-align:center;
		font-size:1.6em;
		}

	p.apparition-medias-evolution
		{
		padding-top:2px;
		padding-bottom:6px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		border-top:1px solid #d4d4d4;
		border-bottom:1px solid #d4d4d4;
		text-align:center;
		font-size:0.65em;
		font-family:gotham_light;
		}

	fieldset.classement-annee
		{
		float:left;
		width:49%;
		margin-right:2%;
		margin-top:1em;
		height:230px;
		border:1px solid #d4d4d4;
		border-radius:5px;
		background-color:#eeeeee;
		padding:10px;
		margin-bottom:1em;
		}

	fieldset.classement-annee:nth-child(4)
		{
		margin-right:0%;
		}

	div.bloc-classement-annee
		{
		width:100%;
		border-bottom:1px solid #cccccc;
		padding-top:10px;
		padding-bottom:10px;
		overflow:hidden;
		}

	div.bloc-classement-annee:last-child
		{
		border-bottom:0px;
		}

	div.bloc-classement-categorie
		{
		float:left;
		width:30%;
		height:80px;
		border-right:1px solid #d4d4d4;
		}

	div.bloc-classement-details
		{
		float:left;
		width:70%;
		height:80px;
		padding-left:5px;
		padding-right:5px
		}

	div.informations-speciales-2
		{
		padding:4px;
		border:1px solid #d9d9d9;
		width:100%;
		float:left;
		background-color:#f5f5f5;
		border-radius:5px 5px 5px 5px;
		font-size:0.7em;
		font-family:gotham_light;
		}

	div.icon-informations-speciales-2
		{
		float:left;
		width:20px;
		height:20px;
		margin-right:10px;
		margin-left:5px;
		padding-top:0px;
		}

	div.bloc-rendez-vous-favoris
		{
		float:left;
		width:50%;
		border-right:1px solid #cccccc;
		margin-top:15px;
		}

	div.bloc-rendez-vous-favoris:last-child
		{
		border-right:0px;
		}

	table.rendez-vous-favoris
		{
		font-size:0.7em;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-top:10px;
		border-collapse:collapse;
		font-family:gotham_light;
		}

	p.non-classe
		{
		margin-top:10px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		font-size:0.65em;
		font-family:gotham_light;
		}

	fieldset.sur-twitter
		{
		width:100%;
		margin-top:1em;
		height:230px;
		border:1px solid #d4d4d4;
		border-radius:5px;
		background-color:#eeeeee;
		padding:10px;
		}

	div.sur-twitter-intro
		{
		float:left;
		width:25%;
		height:160px;
		border-right:1px solid #d4d4d4;
		padding-right:1em;
		}

	div.sur-twitter-graph
		{
		float:left;
		width:75%;
		height:175px;
		padding-left:1em;
		}

	fieldset.historique-complet
		{
		width:100%;
		margin-top:1em;
		border:1px solid #d4d4d4;
		border-radius:5px;
		background-color:#eeeeee;
		padding:10px;
		}

	a.revoir-historique
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		background-color:#145d81;
		padding:0.2em 0.8em 0.2em 0.8em;
		border-radius:0.4em;
		font-family:gotham;
		}

	td.tableau-historique-date
		{
		width:20%;
		}

	td.tableau-historique-heure
		{
		width:14%;
		text-align:center;
		}

	td.tableau-historique-logo
		{
		width:3%;
		text-align:center;
		}

	td.tableau-historique-media
		{
		width:21%;
		}

	td.tableau-historique-programme
		{
		width:28%;
		}

	td.tableau-historique-revoir
		{
		width:14%;
		text-align:center;
		}

	div.index-personnalites
		{
		text-align:center;
		padding-bottom:5px;
		}

	a.index-personnalites
		{
		color:#135d81;
		font-size:0.8em;
		margin-right:0px;
		}

	a.index-personnalites:hover
		{
		color:#135d81
		}

	input[type="text"].index-personnalites
		{
		width:200px;
		padding: 0.4em;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.2);
		margin-top:1em;
		border-radius:2px;
		font-family:gotham_light;
		-webkit-appearance: none;
		}

	input[type="submit"].index-personnalites
		{
		margin-left:1em;
		font-size:0.7em;
		color:#fff;
		-webkit-appearance: none;
		background-color:#145d81;
		padding:0.5em 1em 0.5em 1em;
		border-radius:0.4em;
		cursor:pointer;
		border:none;
		font-family:gotham;
		}

	div.initiale-personnalite
		{
		clear:both;
		height:auto;
		width:100%;
		font-size:2em;
		padding-top:1.5em;
		padding-bottom:0.5em;
		padding-left:0.5em;
		color:#135d81;
		}

	div.personnalites
		{
		width:16.66%;
		height:70px;
		float:left;
		font-family:gotham_light;
		}

	div.personnalites-photo
		{
		width:30%;
		height:100%;
		float:left;
		position:relative;
		}

	img.personnalites
		{
		float:left;
		max-width:95%;
		max-height:95%;
		border:1px solid grey;
		border:2px solid #fff;
		border-radius:100px;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		cursor:pointer;
		}

	div.personnalites-nom
		{
		width:70%;
		height:100%;
		float:left;
		padding-left:10px;
		font-size:0.7em;
		position:relative;
		}

	a.personnalites
		{
		color: #272727;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		}

	#classement-options {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:30px 20px 30px 20px;
		overflow:auto;
		padding-bottom:10px;
		}

	.classement-option-container {
		float:left;
		width:23.66%;
		height:200px;
		border-radius:5px;
		background-color:#4f81bd;
		margin-right:1.66%;
		color:#fff;
		padding:15px;
		cursor:pointer;
		}

	.classement-option-container:nth-child(3) {
		background-color:#c0504d;
		}

	.classement-option-container:nth-child(4) {
		background-color:#9bbb59;
		}

	.classement-option-container:nth-child(5) {
		margin-right:0%;
		background-color:#f79646;
		}

	.classement-option-container-left {
		float:left;
		width:70%;
		height:100%;
		border-right:1px solid #fff;
		padding-right:5px;
		}

	.classement-option-container-right {
		float:left;
		width:30%;
		height:100%;
		}

	.classement-option-container-titre {
		width:100%;
		height:30px;
		margin-top:10px;
		line-height:30px;
		text-align:center;
		}

	a.white
		{
		color:white;
		text-decoration:none;
		}

	.classement-option-container-icon {
		width:100%;
		height:40px;
		text-align:center;
		padding-top:5px;
		}

	.classement-option-container-description {
		width:100%;
		height:50px;
		text-align:center;
		font-size:0.7em;
		font-family:gotham_light;
		margin-top:10px;
		}

	.classement-option-container-element {
		width:100%;
		height:45px;
		font-family:gotham_light;
		margin-top:10px;
		}

	.classement-option-container-position {
		float:left;
		width:10%;
		margin-left:20%;
		margin-right:10%;
		height:45px;
		line-height:45px;
		font-size:0.8em;
		font-family:gotham_light;
		text-align:left;
		}

	div.classement-option-container-photo {
		float:left;
		width:60%;
		height:45px;
		position:relative;
		}

	img.classement-option-container-photo {
		max-width:95%;
		max-height:95%;
		border:1px solid grey;
		border:2px solid #fff;
		border-radius:100px;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.classement-option-container-video {
		position:relative;
		overflow:hidden;
		border:3px solid #fff;
		box-shadow:0px 0px 5px #aaa;
		max-width:90%;
		margin-left:5%;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		margin-top:4px;
		background-color:#fff;
		}

	#classement-container
		{
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:30px 20px 30px 20px;
		overflow:auto;
		padding-bottom:10px;
		}

	.classement-twitter-titres
		{
		width:100%;
		background-color:#e0e0e0;
		height:50px;
		border:1px solid #e0e0e0;
		border-radius:5px 5px 0 0;
		text-align:center;
		font-family:gotham_light;
		color:#484848;
		}

	.classement-twitter-colonne-principale
		{
		float:left;
		height:100%;
		}

	.classement-twitter-colonne-principale:nth-child(3n + 1)
		{
		width:12%;
		border-right:1px solid #d0d0d0;
		}

	.classement-twitter-colonne-principale:nth-child(3n + 2)
		{
		width:44%;
		border-right:1px solid #d0d0d0;
		line-height:50px;
		font-size:0.8em;
		}

	.classement-twitter-colonne-principale:nth-child(3n + 3)
		{
		width:44%;
		}

	.classement-twitter-titres-inside-100-a
		{
		font-weight:bold;
		width:100%;
		height:50%;
		line-height:25px;
		font-size:0.8em;
		}

	.classement-twitter-titres-inside-100-a:before
		{
		content:'Classement';
		}

	.classement-twitter-titres-inside-100-b
		{
		width:100%;
		height:50%;
		line-height:25px;
		font-size:0.8em;
		}

	.classement-twitter-titres-inside-50
		{
		float:left;
		width:50%;
		height:50%;
		line-height:25px;
		font-size:0.6em;
		}

	.classement-twitter-titres-inside-33
		{
		float:left;
		width:33.33333%;
		height:50%;
		line-height:25px;
		font-size:0.6em;
		}

	.classement-twitter-resultat
		{
		width:100%;
		height:50px;
		border-bottom:1px solid #e0e0e0;
		text-align:center;
		font-family:gotham_light;
		color:#484848;
		line-height:50px;
		}

	.classement-twitter-resultat:hover
		{
		background-color:#f0f0f0;
		}

	.classement-twitter-position
		{
		float:left;
		width:50%;
		height:50px;
		font-size:0.8em;
		}

	div.classement-twitter-photo
		{
		float:left;
		width:20%;
		height:50px;
		position:relative;
		}

	img.classement-twitter-photo
		{
		max-height:90%;
		max-width:90%;
		margin-left:1%;
		border:2px solid #fff;
		border-radius:100px;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.classement-twitter-nom
		{
		float:left;
		width:80%;
		height:50px;
		text-align:left;
		padding-left:0.5em;
		position:relative;
		}

	a.classement-twitter-nom
		{
		padding-left:5%;
		line-height:1em;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		}

	.classement-twitter-abonnes
		{
		float:left;
		width:33.33333%;
		height:50px;
		line-height:50px;
		font-size:0.8em;
		}

	.classement-media-filtre
		{
		float:left;
		width:20%;
		height:35px;
		text-align:left;
		}

	.classement-media-filtre:nth-child(1)
		{
		width:32%;
		}

	.classement-media-filtre:nth-child(2)
		{
		width:32%;
		}

	.classement-media-filtre:nth-child(3)
		{
		width:36%;
		}

	.classement-media-filtre:nth-child(4)
		{
		width:79%;
		}

	.classement-media-filtre:nth-child(5)
		{
		width:21%;
		}

	label.filtre
		{
		font-family:gotham_light;
		margin-right:2px;
		font-size:0.7em;
		}

	select.filtre
		{
		width:auto;
		padding: 0.4em;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.2);
		border-radius:2px;
		font-family:gotham_light;
		}

	.classement-medias-titres
		{
		width:100%;
		background-color:#e0e0e0;
		height:40px;
		border:1px solid #e0e0e0;
		border-radius:5px 5px 0 0;
		text-align:center;
		font-family:gotham_light;
		color:#484848;
		font-size:0.8em;
		}

	.classement-medias-titres-10
		{
		float:left;
		width:10%;
		height:100%;
		line-height:40px;
		border-right:1px solid #d0d0d0;
		}

	.classement-medias-titres-10:nth-child(4)
		{
		border-right:0px;
		}

	.classement-medias-titres-40
		{
		float:left;
		width:40%;
		height:100%;
		line-height:40px;
		border-right:1px solid #d0d0d0;
		}

	.classement-medias-elements
		{
		width:100%;
		height:50px;
		border-bottom:1px solid #e0e0e0;
		text-align:center;
		font-family:gotham_light;
		color:#484848;
		font-size:0.8em;
		}

	.classement-medias-elements:hover
		{
		background-color:#f0f0f0;
		}

	.classement-medias-elements-10
		{
		float:left;
		width:10%;
		height:100%;
		line-height:50px;
		border-right:1px solid #d0d0d0;
		}

	.classement-medias-elements-10:nth-child(2n+2)
		{
		border-right:0px;
		}

	.classement-medias-elements-40
		{
		float:left;
		width:40%;
		height:100%;
		line-height:50px;
		border-right:1px solid #d0d0d0;
		}

	div.classement-medias-photo
		{
		float:left;
		width:20%;
		height:50px;
		position:relative;
		}

	img.classement-medias-photo
		{
		max-height:90%;
		max-width:90%;
		margin-left:1%;
		border:2px solid #fff;
		border-radius:100px;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.classement-medias-nom
		{
		float:left;
		width:80%;
		height:50px;
		text-align:left;
		padding-left:0.5em;
		position:relative;
		}

	a.classement-medias-nom
		{
		padding-left:5%;
		line-height:1em;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		}

	.classement-medias-no-result
		{
		width:100%;
		height:80px;
		line-height:80px;
		text-align:center;
		font-family:gotham_light;
		font-size:0.8em;
		border-bottom:1px solid #e0e0e0;
		}

	.navigation-tab-container
		{
		width:100%;
		height:50px;
		font-size:0.8em;
		text-align:center
		}

	.navigation-tab
		{
		float:left;
		width:33%;
		height:50px;
		line-height:50px
		}

	.tab-selected
		{
		border-top:3px solid #135d81;
		border-left:1px solid #e8e6e6;
		border-right:1px solid #e8e6e6;
		}

	.tab-unselected
		{
		background-color:rgba(233, 230, 202, 0.3);
		border-bottom:1px solid #e8e6e6;
		}

	.tab-unselected a
		{
		color:rgba(39, 39, 39, 0.4);
		}

	.tab-unselected:hover a
		{
		color:rgba(39, 39, 39, 1);
		}

	.tab-unselected:hover
		{
		background-color:rgba(233, 230, 202, 0.6);
		color:rgba(39, 39, 39, 1);
		cursor:pointer;
		}

	.classement-medias-titres-15
		{
		float:left;
		width:15%;
		height:100%;
		line-height:40px;
		border-right:1px solid #d0d0d0;
		font-weight:bold;
		}

	.classement-medias-titres-15:nth-child(4)
		{
		border-right:0px;
		}

	.video-colonne-1:after
		{
		content:'Classement';
		}

	.video-colonne-2:after
		{
		content:'Nombre de vues';
		}

	.classement-medias-elements-15
		{
		float:left;
		width:15%;
		height:100%;
		line-height:50px;
		border-right:1px solid #d0d0d0;
		}

	.classement-medias-elements-15:nth-child(2n+2)
		{
		border-right:0px;
		}

	.classement-medias-titres-70
		{
		float:left;
		width:70%;
		height:100%;
		line-height:40px;
		border-right:1px solid #d0d0d0;
		}

	.classement-medias-elements-70
		{
		float:left;
		width:70%;
		height:100%;
		line-height:50px;
		border-right:1px solid #d0d0d0;
		}

	img.classement-video-thumbnail
		{
		max-height:90%;
		max-width:90%;
		margin-left:1%;
		border:2px solid #fff;
		box-shadow: 0px 0px 5px #aaa;
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.classement-videos-thumbnail
		{
		float:left;
		width:15%;
		height:50px;
		position:relative;
		}

	div.classement-videos-informations
		{
		float:left;
		width:85%;
		height:50px;
		text-align:left;
		padding-left:0.5em;
		position:relative;
		}

	a.classement-videos-informations
		{
		padding-left:1%;
		line-height:1em;
		position:absolute;
		left: 0%;
		top: 50%;
		transform: translate(0%, -50%);
		}
	p.video-information-line1
		{
		font-size:0.9em;
		font-family:gotham;
		margin:0px;
		}

	p.video-information-line2
		{
		font-size:0.8em;
		margin-top:3px;
		}

	p.video-information-line3
		{
		font-size:0.7em;
		margin-top:0px;
		color:#9f9f9f;
		}

	.classement-videos-informations a
		{
		color:#484848;
		}

	br.tab
		{
		display:none;
		}

	p.classement-video-titre
		{
		font-family:gotham_light;
		text-align:center;
		margin-top:3em;
		margin-bottom:1em;
		color:#145d81;
		}

	#cookies-container
		{
		overflow:hidden;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		}

	p.cookies
		{
		font-family:gotham_light;
		font-size:0.8em;
		margin-bottom:1em;
		margin-top:1em;
		}

	a.cookies
		{
		color:black;
		}

	#panorama {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		position: relative;
		margin:30px 20px 30px 20px;
		overflow:none;
		height:100%;
		}

	.panorama-graph
		{
		float:left;
		width:50%;
		padding-left:5%;
		padding-right:5%;
		padding-top:15px;
		border-right:1px solid grey;
		border-bottom:1px solid grey;
		min-height:400px;
		}

	.panorama-graph:nth-child(3)
		{
		border-right:0px;
		}

	.panorama-graph:nth-child(4)
		{
		border-bottom:0px;
		}

	.panorama-graph:nth-child(5)
		{
		border-bottom:0px;
		border-right:0px;
		}

	.panorama-parti
		{
		width:100%;
		font-family:gotham_light;
		height:25px;
		line-height:25px;
		font-size:0.7em;
		}

	.panorama-nom-parti
		{
		float:left;
		width:93%;
		height:14px;
		line-height:14px;
		}

	.panorama-nombre-passages-parti
		{
		float:right;
		width:7%;
		padding-top:4px;
		text-align:right;
		color:#95b3d7;
		height:20px;
		line-height:20px;
		}

	.panorama-graph-parti
		{
		float:left;
		height:4px;
		background-color:#4f81bd;
		}

	/* STYLE DE L'ESPACE MEMBRE */

	#connexion-container
		{
		overflow:auto;
		padding-bottom:10px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		width:400px;
		margin-right:auto;
		margin-left:auto;
		margin-top:60px;
		border:1px solid #eeeeee;
		border-radius:5px;
		}

	.connexion
		{
		float:left;
		width:50%;
		text-align:center;
		padding:20px;
		color:#1a76a3;
		margin-bottom:30px;
		}

	.inscription
		{
		float:left;
		width:50%;
		text-align:center;
		padding:20px;
		background-color:#f4f4f4;
		color:#d3d3d3;
		margin-bottom:30px;
		cursor:pointer;
		}

	.inscription2
		{
		width:100%;
		text-align:center;
		padding:20px;
		color:#1a76a3;
		margin-bottom:10px;
		}

	input.login_username
		{
		margin-top:8px;
		margin-left:25px;
		margin-right:25px;
		height:40px;
		width:350px;
		-moz-border-radius:2px;
		border-radius:2px;
		color:grey;
		text-align:center;
		background-color:#dbe5f2;
		border:none;
		font-size:14px;
		font-family:gotham;
		}

	input.login_password
		{
		margin-top:8px;
		margin-left:25px;
		margin-right:25px;
		height:40px;
		width:350px;
		-moz-border-radius:2px;
		border-radius:2px;
		color:grey;
		text-align:center;
		background-color:#dbe5f2;
		border:none;
		font-size:14px;
		font-family:gotham;
		}

	input.login_submit
		{
		margin-top:10px;
		margin-left:25px;
		margin-right:25px;
		height:40px;
		width:350px;
		-moz-border-radius:2px;
		border-radius:2px;
		color:white;
		text-align:center;
		background-color:#145d81;
		border:none;
		font-size:12px;
		font-family:gotham;
		margin-bottom:15px;
		cursor:pointer;
		}

	input.mdp
		{
		margin-top:10px;
		margin-left:20px;
		color:#1a76a3;
		text-align:left;
		background-color:white;
		border:none;
		font-size:0.55em;
		font-family:gotham;
		cursor:pointer;
		}

	input.login_checkbox
		{
		margin-top:10px;
		margin-left:24px;
		-moz-border-radius:2px;
		border-radius:2px;
		color: #09ad7e;
		background-color:#378523;
		position:relative;
		top:3px;
		}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #538ed5;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #538ed5;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #538ed5;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #538ed5;
	}

	label.login
		{
		color:#145d81;
		font-size:10px;
		font-family:gotham;
		margin-left:5px;
		margin-top:0px;
		margin-bottom:0px;
		}

	div.login_line
		{
		clear:both;
		background-color:#eeeeee;
		height:1px;
		width:350px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:5px;
		}

	a.login
		{
		text-decoration:none;
		color:#1a76a3;
		font-size:10px;
		font-family:gotham;
		margin-left:24px;
		}

	p.inscription_warning
		{
		text-align:center;
		font-size:0.8em;
		text-align:center;
		color:#c04f4c;
		margin-bottom:10px;
		}

	p.inscription2
		{
		text-align:center;
		font-size:0.8em;
		text-align:center;
		color:#43a8d9;
		margin-bottom:10px;
		}

	/* Onglets de navigation de l'espace membre */
	#menu-member-container
		{
		overflow:auto;
		padding-bottom:5px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		}

	div.menu-member
		{
		float:left;
		width:20%;
		text-align:center;
		height:40px;
		line-height:40px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		font-size:0.8em;
		border-top:2px solid #ddd;
		border-bottom:2px solid #ddd;
		color:#bbb;
		cursor:pointer;
		}

	div.menu-member1
		{
		border-bottom: 2px solid #95b3d7;
		border-top: 2px solid #95b3d7;
		color:#366092;
		}

	div.menu-member2
		{
		border-bottom: 2px solid #da9694;
		border-top: 2px solid #da9694;
		color:#963634;
		}

	div.menu-member:hover:nth-child(1)
		{
		border-bottom: 2px solid #95b3d7;
		border-top: 2px solid #95b3d7;
		color:#366092;
		-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
		transition: all 0.5s;
		}

	div.menu-member:hover:nth-child(2)
		{
		border-bottom: 2px solid #da9694;
		border-top: 2px solid #da9694;
		color:#963634;
		-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
		transition: all 0.5s;
		}

	div.menu-member:hover:nth-child(3)
		{
		border-bottom: 2px solid #c4d79b;
		border-top: 2px solid #c4d79b;
		color:#76933c;
		-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
		transition: all 0.5s;
		}

	div.menu-member:hover:nth-child(4)
		{
		border-bottom: 2px solid #b1a0c7;
		border-top: 2px solid #b1a0c7;
		color:#60497a;
		-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
		transition: all 0.5s;
		}

	div.menu-member:hover:nth-child(5)
		{
		border-bottom: 2px solid #fabf8f;
		border-top: 2px solid #fabf8f;
		color:#e26b0a;
		-webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
		transition: all 0.5s;
		}

	#agenda-member-container
		{
		overflow:auto;
		padding-bottom:5px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		}

	#agenda-mois
		{
		float:left;
		width:560px;
		margin-right:20px;
		font-size:0.9em;
		}

	div.agenda-mois-titre
		{
		background-color:#3783a3;
		color:white;
		text-align:center;
		height:40px;
		line-height:40px;
		}

	a.navigation-agenda
		{
		color:#fff;
		text-decoration:none;
		}

	span.agenda-mois-titre
		{
		margin-left:10px;
		margin-right:10px;
		}

	div.agenda-case-vide
		{
		float:left;
		width:80px;
		height:50px;
		border-top:2px solid #e2e2e2;
		}

	div.agenda-case-jour
		{
		display: flex;
		justify-content:center;
		float:left;
		width:80px;
		height:50px;
		border-top:2px solid #e2e2e2;
		background:#f4f4f4;
		box-shadow: 0px 0px 8px 0px rgba(38,77, 112, 0.4) inset;
		}

	div.agenda-case
		{
		display: flex;
		justify-content:center;
		float:left;
		width:80px;
		height:50px;
		border-top:2px solid #e2e2e2;
		background: #ebebeb; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #ebebeb 0%, #e5e5e5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #ebebeb 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #ebebeb 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

	div.agenda-case-inside
		{
		height:30px;
		line-height:11px;
		text-align:center;
		width:30px;
		align-self:center;
		cursor:pointer;
		}

	div.agenda-underlined
		{
		border-bottom:2px solid #7ba3af;
		}

	span.jour-agenda-mini
		{
		color:#656565;
		font-size:0.6em;
		text-transform: uppercase;
		}

	span.numero-agenda-mini
		{
		color:#656565;
		font-size:0.7em;
		}

	span.numero-agenda-maxi
		{
		color:#7ba3af;
		font-size:2em;
		}

	hr.agenda
		{
		display: block;
		width:100%;
		height: 1px;
		border: 0;
		border-top: 1px solid #ddd;
		margin: auto;
		margin-top:10px;
		margin-bottom:10px;
		padding: 0;
		}

	#agenda-jour
		{
		float:left;
		width: calc(100% - 580px);
		font-size:0.9em;
		}

	#agenda-jour-titre
		{
		background-color:#70bad2;
		color:white;
		text-align:center;
		height:40px;
		line-height:40px;
		}

	div.agenda-membre-line
		{
		overflow:hidden;
		width:100%;
		text-align:left;
		font-family:gotham_light;
		font-size:0.7em;
		color:#656565;
		padding-top:0.4em;
		padding-bottom:0.4em;
		}

	div.agenda-membre-heure
		{
		float:left;
		width:40px;
		}

	div.agenda-membre-nom
		{
		float:left;
		width:150px;
		}

	div.agenda-membre-emission
		{
		float:left;
		width:calc(100% - 240px);
		}

	div.agenda-membre-video
		{
		float:left;
		width:50px;
		}

	span.agenda-membre-live
		{
		color:white;
		background-color:#c04f4c;
		border-radius:5px;
		font-size:0.7em;
		padding:0.3em 0.6em 0.3em 0.6em;
		}

	span.agenda-membre-video
		{
		color:white;
		background-color:#4f81bd;
		border-radius:5px;
		font-size:0.7em;
		padding:0.3em 0.6em 0.3em 0.6em;
		}

	a.abonnements-membre
		{
		font-weight:bold;
		text-decoration:underline;
		}

	#video-member-container
		{
		overflow:auto;
		padding-bottom:5px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		margin:30px 20px 30px 20px;
		overflow:auto;
		}

	div.video-member-titre
		{
		background-color:#963634;
		color:white;
		text-align:left;
		padding-left:10px;
		height:40px;
		line-height:40px;
		margin:30px 20px 30px 20px;
		border-radius:5px;
		}

	div.video-member-dernieres
		{
		float:left;
		width:15%;
		margin-right:2%;
		overflow:auto;
		margin-bottom:10px;
		padding:0.2em;
		}

	div.video-member-dernieres:nth-child(7n+6)
		{
		margin-right:0%;
		}

	p.video-member
		{
		margin-bottom:10px;
		color:#963634;
		font-size:0.7em;
		border:1px solid #da9694;
		padding:0.5em;
		border-radius:5px;
		font-family:gotham_light;
		}


@media screen and (min-width: 737px) and (max-width: 930px) {

/* ADAPTATION SPECIALE POUR LE TABLEAU DES INVITES - PHASE INTERMEDIAIRE POUR LARGEUR ENTRE 930 ET 736 PX */

	.heure-agenda
		{
		width:5%;
		}

	img.logo-antenne-agenda
		{
		max-height:70%;
		max-width:70%;
		}

	div.invite-agenda
		{
		width:13%;
		}

	div.photo-invite-agenda
		{
		clear:both;
		width:100%;
		height:65%;
		}

	img.invite-agenda
		{
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.nom-invite-agenda
		{
		clear:both;
		width:100%;
		height:35%;
		padding-top:0px;
		padding-left:0px;
		text-align:center;
		padding-top:2px;
		}

	a:hover.tooltips span {
		visibility: visible;
		opacity: 0.95;
		left: 100%;
		top: 50%;
		margin-top: -50px;
		margin-left: 15px;
		z-index: 999;
		}

	div.audiovisuel-agenda
		{
		width:10.5%;
		}
}


















@media screen and (max-width: 736px) {

/* REGLAGES POUR LES PETITS ECRANS */
	h1 {
		font-size: 1.4em;
	}

	h2 {
		font-size: 1.0em;
	}

	h3 {
		font-size: 0.8em;
	}

	h4 {
		font-size: 0.8em;
	}

}











/* ON REDUIT LE HEADER SI PAS ASSEZ DE LARGEUR POUR AFFICHER COMPLETEMENT */

	#navPanel, #titleBar {
		display: none;
	}

	@media screen and (max-width: 930px) {

		/* Header */

			#header-wrapper {
				background-image: -moz-linear-gradient(top, #008dab, #007294);
				background-image: -webkit-linear-gradient(top, #008dab, #007294);
				background-image: -ms-linear-gradient(top, #008dab, #007294);
				background-image: linear-gradient(top, #008dab, #007294);
				background-color: #007294;
			}

			#header {
				display: none;
			}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				margin-bottom:320px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				text-align: center;
				color: #fff;
				font-size: 1.25em;
				background-color: #145d81;
			}

				#titleBar .title {
					line-height: 44px;
				}

				#titleBar .toggle {
					position: absolute;
					top: 0;
					left: 0;
					width: 80px;
					height: 60px;
				}

					#titleBar .toggle:after {
						content: '';
						position: absolute;
						left: 4px;
						top: 4px;
						color: #fff;
						text-align: center;
						line-height: 31px;
						font-size: 0.8em;
						width: 50px;
						height: 35px;
						border-radius: 5px;
						box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 6px 13px 0px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
					}

					#titleBar .toggle:before {
						content: '';
						position: absolute;
						width: 20px;
						height: 30px;
						background: url("images/mobileUI-site-nav-opener-bg.svg");
						top: 16px;
						left: 19px;
					}

					#titleBar .toggle:active:after {
						background: rgba(0, 0, 0, 0.2);
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #00536F;
				color: #fff;
				box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.5);
			}

				#navPanel .link {
					display: block;
					color: #fff;
					border-top: solid 1px rgba(255, 255, 255, 0.1);
					border-bottom: solid 1px rgba(0, 0, 0, 0.2);
					height: 55px;
					line-height: 55px;
					padding: 0 15px 0 15px;
					text-decoration: none;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link:last-child {
						border-bottom: 0;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

			.publicite-haut
				{
				margin-top:59px;
				margin-left:10px;
				margin-right:10px;
				}

			.publicite-bas
				{
				margin-left:10px;
				margin-right:10px;
				}

			.publicite-milieu
				{
				margin-left:10px;
				margin-right:10px;
				}

	}


/* ON AMENAGE LE FOOTER POUR LES PETITS ECRANS */

	@media screen and (max-width: 736px) {
		/* Basic */

			html, body {
				letter-spacing: -1px;
			}

		.main
			{
			padding-bottom: 265px;
			}

		#footer-wrapper
			{
			height:265px;
			margin-top: -265px;
			}

		#footer
			{
			height:265px;
			margin-left:10px;
			margin-right:10px;
			}

		.bloc-footer
			{
			clear:both;
			width:100%;
			border-right:0px;
			height:auto;
			margin-top:0px;
			border-bottom:1px solid rgba(255, 255, 255, 0.7);
			text-align:center;
			padding-left:0px;
			padding-top:10px;
			padding-bottom:10px;
			}

		.bloc-footer:first-child
			{
			height:50px;
			line-height:50px;
			border-bottom:1px solid rgba(255, 255, 255, 0.7);
			font-size:1.0em;
			}

		p.titre-footer
			{
			margin-bottom:5px;
			font-size:0.8em;
			}

		a.lien-footer
			{
			font-size:0.7em;
			}

		#ensemble-logo
			{
			width:115px;
			height:35px;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			}

		img.logo-footer
			{
			position:relative;
			top:6px;
			left:1px;
			}
	}











/* ON ADAPTE LA BARRE de TITRE ET SOCIAL SHARE POUR LES PETITS ECRANS */
@media screen and (max-width: 930px) {
	#titre-share {
		margin:30px 10px 30px 10px;
		}

	#titre-share-sans-pub {
		margin:60px 10px 30px 10px;
		}
}

@media screen and (max-width: 736px) {
	#titre {
		clear:both;
		width:100%;
		}

	#share{
		clear:both;
		width:100%;
		margin-top:1em;
		}

	h1 {
		font-size: 1.2em;
		margin-bottom: 0.2em;
		margin-top:0em;
	}

	h2 {
		font-size: 1.0em;
		margin-bottom: 0.2em;
	}

}














@media screen and (max-width: 736px) {

/* ON A ADAPTE LA PAGE VIDEOS POUR LES PETITS ECRANS */

	#video-requested {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	#video-container {
		width:100%;
		clear:both;
		margin:0;
		border:1px solid grey;
		}

	#video-bonus1 {
		width:100%;
		clear:both;
		margin-top:0em;
		margin-bottom:0px;
		}

	.separateur-bloc
		{
		clear:both;
		display:block;
		width:50%;
		height:1px;
		margin-left:auto;
		margin-right:auto;
		margin-top:2em;
		margin-bottom:2em;
		background-color:#dbdbdb;
		}

	h2.video-bonus1
		{
		margin-top:2.5em;
		margin-bottom:0.6em;
		}

	.video-ranking {
		margin:0px 10px 0px 10px;
		padding-bottom:5px;
		}

	.video-ranking-top3
		{
		clear:both;
		width:100%;
		margin-right:0%;
		}

	.video-retrospective
		{
		clear:both;
		width:100%;
		margin-right:0%;
		}

	a.plus-loin
		{
		margin-left:0em;
		font-size:0.7em;
		display:block;
		text-align:center;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		}

	span.plus-loin-div
		{
		display:block;
		margin-left:0em;
		font-size:0.7em;
		text-align:center;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		}

	.chaine-live
		{
		font-size:0.5em;
		}

	#liste-chaines {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	.liste-chaines-container
		{
		clear:both;
		width:100%;
		}

	#sondages-container {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	.informations-sondage
		{
		clear:both;
		width:100%;
		}

	.institut-sondage
		{
		width:33%;
		}

	.date-sondage
		{
		width:33%;
		}

	.lien-sondage
		{
		width:33%;
		}

	#contact-container {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	#search-container {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	#results-container {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	div.contact-moitie
		{
		clear:both;
		width:100%;
		margin-right:0%;
		height:10.25em;
		margin-bottom:1em;
		}

	#agenda-container
		{
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	.ligne-ephemeride
		{
		min-height:180px;
		padding-bottom:5px;
		}

	.ephemeride1
		{
		display:none
		}

	div.logo-ephemeride
		{
		width:15%;
		margin-top:10px;
		}

	img.logo-ephemeride
		{
		position:absolute;
		left: 0%;
		top: 50%;
		height:60px;
		transform: translate(0%, -50%);
		}

	div.ephemeride-text
		{
		width:85%;
		height:75px;
		}

	div.ephemeride-video
		{
		display:block;
		clear:both;
		width:40%;
		margin:auto;
		text-align:center;
		}

	.ligne-agenda
		{
		height:180px;
		}

	.heure-agenda
		{
		float:left;
		width:auto;
		height:26px;
		line-height:26px;
		text-align:left;
		font-family:gotham;
		font-size:0.7em;
		padding-left:5px;
		}

	div.heure-agenda:after
		{
		content:' - ';
		}

	div.logo-antenne-agenda
		{
		display:none;
		}

	div.info-emission-agenda
		{
		float:left;
		width:auto;
		height:26px;
		line-height:26px;
		margin-left:3px;
		font-family:gotham_light;
		position:relative;
		}

	span.info-emission-agenda
		{
		position: static;
		left: 0%;
		top: 0%;
		transform: translate(0%, 0%);
		padding-right:0px;
		}

	p.emission
		{
		margin-bottom:0px;
		float:left;
		margin-right:5px;
		font-size:0.7em;
		font-family:gotham;
		font-weight:normal;
		}

	p.presentateur
		{
		display:none;
		}

	div.separateur-agenda
		{
		display:block;
		clear:both;
		width:100%;
		height:1px;
		margin-bottom:5px;
		}

	div.petit-logo-antenne-agenda
		{
		display:block;
		float:left;
		height:26px;
		position:relative;
		}

	img.petit-logo-antenne-agenda
		{
		position:absolute;
		left: 0%;
		top: 50%;
		height:26px;
		transform: translate(0%, -50%);
		}

	div.invite-agenda
		{
		width:25%;
		height:100px;
		}

	div.photo-invite-agenda
		{
		clear:both;
		width:100%;
		height:68px;
		}

	img.invite-agenda
		{
		position:absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		}

	div.nom-invite-agenda
		{
		clear:both;
		width:100%;
		height:32px;
		padding-top:0px;
		padding-left:0px;
		text-align:center;
		padding-top:2px;
		font-size:0.6em;
		}

	a.tooltips span {
		display:none;
		}

	div.audiovisuel-agenda
		{
		float:left;
		width:25%;
		height:auto;
		font-family:gotham_light;
		position:relative;
		text-align:center;
		margin-top:5px;
		}

	div.live
		{
		display:none;
		}

	a.plus-loin-agenda
		{
		color:#fff;
		background-color:#145d81;
		padding:0.4em 0.6em 0.3em 0.6em;
		border-radius:0.4em;
		font-size:0.6em;
		display:block;
		text-align:center;
		width:66%;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		}

	a.plus-loin-agenda-2
		{
		color:#fff;
		background-color:#ad3a2f;
		padding:0.4em 0.6em 0.3em 0.6em;
		border-radius:0.4em;
		font-size:0.6em;
		display:block;
		text-align:center;
		width:66%;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		}

	p.aucun-invite:first-child
		{
		margin-top:1em;
		}

	#emissions-container
		{
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	div.historique-invites-nom-media
		{
		height:2.5em;
		}

	div.historique-invites-nom-emission-container
		{
		width:100%;
		}

	div.historique-invites-nom-emission
		{
		width:54.5%;
		font-size:0.6em;
		height:2.7em;
		line-height:2.7em;
		}

	div.historique-invites-jour-diffusion
		{
		width:6.5%;
		height:2em;
		font-size:0.8em;
		line-height:1.4em;
		}

	div.historique-invites-jour-diffusion-inside
		{
		width:90%;
		padding-bottom:90%;
		}

	div.historique-invites-jour-diffusion-inside-off
		{
		width:90%;
		padding-bottom:90%;
		}

	div.informations-programme-container
		{
		margin-bottom:0px;
		}

	div.informations-programme
		{
		clear:both;
		width:100%;
		}

	div.historique-invites-jour-diffusion-2
		{
		float:left;
		width:9%;
		height:3.4em;
		font-size:1em;
		position:relative;
		line-height:2.2em;
		}

	.date-historique-invite
		{
		float:left;
		width:100%;
		height:26px;
		line-height:26px;
		font-family:gotham;
		font-size:0.7em;
		}

	.ligne-emission
		{
		height:140px;
		}

	div.help-filtre-emissions
		{
		clear:both;
		width:100%;
		height:25px;
		line-height:25px;
		}

	div.heure-liste-emissions
		{
		float:left;
		width:auto;
		height:26px;
		line-height:26px;
		text-align:left;
		font-family:gotham;
		font-size:0.7em;
		padding-left:5px;
		}

	div.heure-liste-emissions:after
		{
		content:' - ';
		}

	div.logo-antenne-liste-emissions
		{
		display:none;
		}

	div.info-emission-liste-emissions
		{
		float:left;
		width:auto;
		height:26px;
		line-height:26px;
		margin-left:3px;
		font-family:gotham_light;
		position:relative;
		}

	div.jour-diffusion-liste-emissions
		{
		margin-left:3px;
		clear:both;
		width:80%;
		height:64px;
		font-family:gotham_light;
		}

	div.historique-liste-emissions
		{
		text-align:left;
		float:left;
		width:100%;
		height:16px;
		line-height:16px;
		text-align:center;
		}

	div.bloc-personnalite
		{
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;
		}

	fieldset.presentation-personnalite
		{
		clear:both;
		width:100%;
		margin-right:0%;
		height:auto;
		}

	fieldset.presence-medias-personnalite
		{
		clear:both;
		width:100%;
		margin-top:1em;
		height:auto;
		}

	div.bloc-apparitions-medias
		{
		width:50%;
		margin-top:15px;
		height:130px;
		float:left;
		border-right:1px solid #d4d4d4;
		}

	div.bloc-apparitions-medias:nth-child(4)
		{
		border-right:0px;
		}

	fieldset.classement-annee
		{
		clear:both;
		width:100%;
		margin-right:0;
		margin-top:1em;
		margin-bottom:0em;
		height:auto;
		}

	fieldset.classement-annee:nth-child(4)
		{
		margin-bottom:1em;
		}

	div.bloc-classement-categorie
		{
		width:34%;
		}

	div.bloc-classement-details
		{
		width:66%;
		}

	div.bloc-rendez-vous-favoris
		{
		clear:both;
		width:100%;
		border-right:0;
		}

	fieldset.sur-twitter
		{
		width:100%;
		margin-top:1em;
		height:auto;
		}

	div.sur-twitter-intro
		{
		clear:both;
		width:100%;
		height:auto;
		border-right:0px;
		padding-right:0em;
		margin-bottom:1em;
		}

	div.sur-twitter-graph
		{
		clear:both;
		width:100%;
		height:175px;
		padding-left:0em;
		padding-right:1em;
		}

	td.tableau-historique-date
		{
		width:68%;
		}

	td.tableau-historique-heure
		{
		display:none;
		}

	td.tableau-historique-logo
		{
		width:12%;
		text-align:left;
		}

	td.tableau-historique-media
		{
		display:none;
		}

	td.tableau-historique-programme
		{
		display:none;
		}

	td.tableau-historique-revoir
		{
		width:20%;
		text-align:center;
		}

	div.personnalites
		{
		width:25%;
		height:120px;
		}

	div.personnalites-photo
		{
		width:100%;
		height:70px;
		position:relative;
		}

	img.personnalites
		{

		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		cursor:pointer;
		}

	div.personnalites-nom
		{
		width:100%;
		height:35px;
		clear:both;
		}

	a.personnalites
		{
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align:center;
		font-size:0.7em;
		}

	#classement-options {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		height:auto;
		}

	.classement-option-container {
		clear:both;
		width:100%;
		margin-top:1em;
		}

	#classement-container {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		height:auto;
		}

	.classement-twitter-petit-ecran
		{
		display:none;
		}

	.classement-twitter-colonne-principale:nth-child(3n + 2)
		{
		width:52%;
		font-size:0.6em;
		}

	.classement-twitter-colonne-principale:nth-child(3n + 3)
		{
		width:36%;
		}

	.classement-twitter-titres-inside-33
		{
		width:50%;
		}

	.classement-twitter-titres-inside-50
		{
		width:100%;
		}

	.classement-twitter-abonnes
		{
		width:50%;
		font-size:0.6em;
		}

	.classement-twitter-position
		{
		width:100%;
		font-size:0.7em;
		}

	.classement-twitter-titres-inside-100-a
		{
		height:100%;
		line-height:50px;
		font-size:0.6em;
		}

	.classement-twitter-titres-inside-100-b
		{
		font-size:0.6em;
		}

	.classement-twitter-titres-inside-100-a:before
		{
		content:'Class.';
		}

	div.classement-twitter-photo
		{
		width:25%;
		}

	div.classement-twitter-nom
		{
		width:75%;
		}

	div.help-container:nth-child(2)
		{
		display:none;
		}

	div.classement-medias-titres-10
		{
		width:20%;
		font-size:0.7em;
		}

	div.classement-medias-titres-40
		{
		width:60%;
		font-size:0.7em;
		}

	div.classement-medias-titres-40:nth-child(3)
		{
		display:none;
		}

	div.classement-medias-elements-10
		{
		width:20%;
		font-size:0.7em;
		}

	div.classement-medias-elements-40
		{
		width:60%;
		font-size:0.7em;
		}

	div.classement-medias-elements-40:nth-child(2n+3)
		{
		display:none;
		}

	.navigation-tab
		{
		font-size:0.9em;
		line-height:18px;
		padding-top:7px;
		}

	br.tab
		{
		display:block;
		}

	p.classement-video-titre
		{
		margin-top:1.5em;
		margin-bottom:1.5em;
		font-size:0.8em;
		}

	.classement-medias-titres-15
		{
		width:10%;
		font-size:0.7em;
		}

	.classement-medias-elements-15
		{
		width:10%;
		font-size:0.7em;
		}

	.video-colonne-1:after
		{
		content:'Class.';
		}

	.video-colonne-2:after
		{
		content:'Vues';
		}

	.classement-medias-titres-70
		{
		width:80%;
		font-size:0.7em;
		}

	.classement-medias-elements-70
		{
		width:80%;
		}

	p.video-information-line1
		{
		font-size:0.8em;
		margin:0px;
		}

	p.video-information-line2
		{
		font-size:0.7em;
		margin:0px;
		}

	p.video-information-line3
		{
		font-size:0.7em;
		margin:0px;
		}

	#panorama {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		height:auto;
		}

	.panorama-graph
		{
		clear:both;
		width:100%;
		padding-left:5%;
		padding-right:5%;
		padding-top:15px;
		border-right:0px;
		border-bottom:0px;
		min-height:400px;
		margin-bottom:2em;
		}

	/* STYLE DE L'ESPACE MEMBRE */

	#connexion-container
		{
		width:auto;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		height:auto;
		}

	input.login_username
		{
		margin-left:5%;
		margin-right:5%;
		width:90%;
		}

	input.login_password
		{
		margin-left:5%;
		margin-right:5%;
		width:90%;
		}

	input.login_submit
		{
		margin-left:5%;
		margin-right:5%;
		width:90%;
		}

	div.login_line
		{
		margin-left:5%;
		margin-right:5%;
		width:90%;
		}

	div.video-member-titre
		{
		padding-left:10px;
		height:30px;
		line-height:30px;
		margin-left:10px;
		margin-right:10px;
		font-size:0.9em;
		}

	div.video-member-dernieres
		{
		width:49%
		}

	div.video-member-dernieres:nth-child(1n+6)
		{
		margin-right:0%;
		}

	div.video-member-dernieres:nth-child(2n+2)
		{
		margin-right:0%;
		}

	div.video-member-dernieres:nth-child(2n+8)
		{
		margin-right:2%;
		}
}