html
{
	background-color: #ececec;
	font-family: Raleway, Arial;
	letter-spacing: 0.05em;
}
a {
	color:inherit;
	text-decoration: none;
}
b {
	font-weight: 700;
}
iframe {
	max-width: 100%;
}
.container
{
	width: 1200px;
	margin:auto;
	position: relative;
}
.flex-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
.flex-element {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;
}

div.pageLoader {
	/*-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;*/

	display: inline-block;
    background-color: white;
    height: 4px;
    width: 10%;
    position: fixed;
    display: none;
    z-index: 5;
}

nav.main img.logo-sa
{
	position: absolute;
	height: 80px;
    left: 0px;
    top: -3px;
}
nav.main
{
	display: inline-block;
	width: 100%;
	/*background:#85C5DA;*/
	background: #85C5DA;
	/*background: linear-gradient(to right,#74c4cc,#afcaff);*/
	text-transform: uppercase;
	font-weight: 700;
	height: 70px;
	letter-spacing: 0.07em;
}
nav.main ul {
	margin-left: 120px;
	font-size: 0.9em;
}
nav.main ul li {
	display: inline-block;

	margin-right: -5px;

	color:#fff;
	opacity: 1;
}
nav.main ul li a {
	display: inline-block;
	line-height: 70px;
	padding-right: 25px;
	padding-left: 25px;

	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
nav.main ul li:first-child a {
	/*padding-left: 0;*/
}
nav.main ul .social {
	float:right;
}
nav.main ul .social li a {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 1.1em;
}
nav.main ul li a:hover, nav.main ul li a.active
{
	background-color: #FFF;
	color:#85C5DA;
}
nav.main .open-menu {
     position: relative;
    float: right;
    margin-right: 25px;
    margin-top: 30px;
    display: none;

    -webkit-transition: all .3 linear;
    		transition: all .3 linear;
}

nav.main .open-menu:before, .open-menu:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 2px;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), top 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), margin-top 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), top 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), margin-top 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

nav.main .open-menu:before {
    top: 0px;
}

nav.main .open-menu:after {
    top: 7px;
}

nav.main .close-menu:before {
  top: 50%;
  margin-top: 2.5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

nav.main .close-menu:after {
  top: 50%;
  margin-top: 2.5px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }


div.webradio
{
	display: inline-block;
	width: 100%;
	height: 50px;
	/*background: #343746;*/
	background:#343746;
	content: " ";
}
.webradio-container {
	/*display: inline-block;*/
	margin-left: 120px;
	margin-top: 5px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}

.webradio-container .play-control {
	height: 40px;
	line-height: 37px;
	width: 50px;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: inline-block;
}
.webradio-container .play-control img {
	height: 20px;
	vertical-align: middle;
}
.webradio-container .play-control img.pause, .webradio-container .play-control img.load {
	display: none;
}
.webradio-container .player {
	background-color: rgba(0,0,0,0.5);
	height: 40px;
	line-height: 40px;
	width: 827px;
	float: right;
	margin-left: 2px;

	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}


.webradio-container .player .containerState span.svg-img svg, .webradio-container .player .containerState span.svg-img img
{
	height: 15px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 1;
}
.webradio-container .player .containerState span.svg-img svg path {
	fill: white;
}
.webradio-container .player .containerState span.svg-img.live
{
	display: none;
}
.webradio-container .player .containerNaming {
	color:white;
	font-size: 0.9em;
	max-width: 250px;
	overflow: hidden;
}
.webradio-container .player .containerNaming .dataMeta {
	/*width: 100%;*/
	white-space:nowrap;
}
.webradio-container .player .containerTimeLeft
{
  	width: 100%;
  	margin-right: 15px;
  	margin-left: 10px;
  	margin-top: 17px;

  	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
.webradio-container .player .timeLeft
{
	height: 5px;
  	background-color: #525252;
  	/* margin-top: 13px; */
  	overflow: hidden;
  	width: 100%;
  	margin-left: 10px;
  	margin-right: 10px;
  	vertical-align: middle;
}
.webradio-container .player .containerTimeLeft .timeIndicator
{
	font-size: 0.8em;
  	color: #878787;
  	line-height: 5px;
}

.webradio-container .player .progressBar
{
	width: 0%;
	background-color: #85C5DA;
	height: 10px;
}

/*Volume */

.webradio-container .player .containerVolume {
	position: relative;
}
.webradio-container .player .containerVolume span.svg-img svg, .webradio-container .player .containerVolume span.svg-img img
{
	width: 17px;
    height: 20px;
    margin-top: -2px;
    margin-right: 5px;
	opacity: 1;
	cursor: pointer;
	vertical-align: middle;
}
.webradio-container .player .containerVolume span.svg-img svg path
{
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	fill:#525252;
}
.webradio-container .player .containerVolume span.svg-img:hover svg path
{
	fill:#85C5DA;
}
.webradio-container .player .containerVolume span.svg-img.active svg path
{
	fill:#85C5DA;
}

.webradio-container .player .containerVolume .volumePane {
	position: absolute;
    display: inline-block;
    width: 100%;
    background: rgb(26, 27, 35);
    z-index: 5;
    left: -11px;
    height: 80px;
    width: 34px;
     display: none;
}

.webradio-container .player .containerVolume .volumePane .scroll {
 	width: 8px;
    height: 65px;
    margin-top: 5px;
    margin-left: 13px;
    background-color: #525252;
    position: relative;
    overflow: hidden;
}

.webradio-container .player .containerVolume .volumePane .fill {
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 29px;
    background-color: #85C5DA;
    display: inline-block;
}

.webradio-container .player .containerVolume .volumePane .cursor {
	height: 8px;
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    background-color: white;
    cursor: pointer;
    bottom: 29px;
}

/*Share*/

.webradio-container .player .containerShare {
	position: relative;
}
.webradio-container .player .containerShare span.svg-img svg
{
	height: 15px;
	vertical-align: middle;
	margin-right: 10px;
	/*margin-left: 7px;*/
	opacity: 1;
	cursor: pointer;
}
.webradio-container .player .containerShare span.svg-img svg path
{
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	fill:#525252;
}
.webradio-container .player .containerShare span.svg-img:hover svg path
{
	fill:#85C5DA;
}
.webradio-container .player .containerShare span.svg-img.active svg path
{
	fill:#85C5DA;
}
.webradio-container .player .containerShare .socialContainer {
	position: absolute;
  	display: inline-block;
  	width: 100%;
  	background: rgb(26, 27, 35);
  	z-index: 5;
  	left: 0px;
  	display: none;
}
.webradio-container .player .containerShare .socialContainer div {
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.webradio-container .player .containerShare .socialContainer div:hover {
	background: #85C5DA;
	cursor: pointer;
}
.webradio-container .player .containerShare .socialContainer span {
	text-align: center;
}
.webradio-container .player .containerShare .socialContainer span.svg-img svg {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom:5px;
}
.webradio-container .player .containerShare .socialContainer div.fb span.svg-img svg {
	  margin-right: 7px;
	  margin-left: 3px;
	  margin-top: 4px;
	  margin-bottom: 6px;
}
.webradio-container .player .containerShare .socialContainer span.svg-img svg path{
	fill:white;
}

section.main {
	margin-top: -4px;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
}
section.main div.container {

	/*padding:10px;*/
	overflow: hidden;
	margin-bottom: 30px;
}

section.main div.container > article, section.main div.container > section {
	background-color: #FFF;
}
section.main div.container > article:after, section.main div.container > section:after {
	display: block;
	content:"";
	clear: both;
}
section.main div.container > article.no-bg {
	background: none;
}

section.ads {
	text-align: 	center;
	margin-top: 	10px;
	margin-bottom: 	10px;
}
section.ads .container ins {
	width: 80%;
	margin: auto;
}
section.actus-list {
	overflow: hidden;
  	margin: 0;
  	padding: 0;

  	/*transition*/
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;

  	/*display: block;*/


}

article.actu-list {
	padding: 0 !important;
}

.actu-list .actulist-container {
	text-align: center;
}
.actu-list .actulist-container article.actu-block.unpublished {
	opacity: 0.5;
}
.actu-list .actulist-container article.actu-block {
	display: inline-block;
	width: 300px;
	margin: 15px;
	vertical-align: top;
	height: 450px;
	background-color: white;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	position: relative;
	padding: 0 !important;
}
.actu-list .actulist-container article.actu-block > a {
	display: block;
}
.actu-list .actulist-container article.actu-block .cover {
	display: inline-block;
	width: 100%;
	height: 160px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.actu-list .actulist-container article.actu-block .cover .stats {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: white;
	font-weight: 700;
	font-size: 1.1em;
	text-shadow: 1px 1px 6px #3A3A3A;
}

.actu-list .actulist-container article.actu-block .content {
	padding: 20px;
	padding-top: 15px;
}
.actu-list .actulist-container article.actu-block .content h1 {
	text-transform: uppercase;
	color: #343746;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 150%;
	text-align: center;

	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.actu-list .actulist-container article.actu-block .content h1:hover {
	color: #85C5DA;
}
.actu-list .actulist-container article.actu-block .content .summary {
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 150%;
}
.actu-list .actulist-container article.actu-block .category {
	position: absolute;
	display: block;
	width: 100%;
	background-color: white;
	bottom: 0;
	padding: 20px;
	font-size: 0.95em;
	color: #777;
}

.actu-list .actulist-container article.actu-block .category .icon-price-tag
{
	font-size: 17px;
	vertical-align: -2px;
	/*margin-left: 5px;*/
	margin-right: 10px;
	opacity: 1;
}
.actu-list .actulist-container article.actu-block .category .icon-price-tag {
	color: #B3B3B3;
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.actu-list .actulist-container article.actu-block .category:hover .icon-price-tag {
	color: #85C5DA;
}
section.actus-list article.actu {
    position: relative;
    overflow: hidden;

    background-repeat: none;
    background-size: cover;
    background-position: center center;

    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

section.actus-list article.actu.w1
{
	width: 25%;
	font-size: 1.3em;
}
section.actus-list article.actu.w2
{
	width: 50%;
	font-size: 1.5em;
}
section.actus-list article.actu.w3
{
	width: 75%;
	font-size: 2em;
}
section.actus-list article.actu.w4
{
	width: 100%;
	font-size: 2em;
}
section.actus-list article.actu.h1
{
	height: 170px;
}
section.actus-list article.actu.h2
{
	height: 340px;
}
section.actus-list article.actu.h3
{
	height: 510px;
}
section.actus-list article.actu.h4
{
	height: 680px;
}


section.actus-list article.actu .place-image {
	overflow: hidden;
/*	height: 170px;*/
}
section.actus-list article.actu .overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*transition*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
section.actus-list article.actu:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
section.actus-list article.actu .place-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
section.actus-list article.actu .place-inner a {
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;

}
section.actus-list article.actu .place-inner a .tableOuter {
	display: table;
	width: 100%;
	height: 100%;
	padding: 20px;

	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
section.actus-list article.actu .place-inner a .tableOuter .tableInner {
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
}
section.actus-list article.actu .place-inner a .tableOuter .tableInner h1 {
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	/*letter-spacing: 0.2em;*/
	text-align: center;
	text-shadow: 1px 1px 4px #000000;
}

.partenaire-container {
	text-align: center;
}

.partenaire-container article.part-block {
	display: inline-block;
	width: 370px;
	margin: 13px;
	vertical-align: top;
	height: 385px;
	background-color: white;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	position: relative;
	padding: 0 !important;
}
.partenaire-container article.part-block > a {
	display: block;
}
.partenaire-container article.part-block .cover {
	display: inline-block;
	width: 100%;
	height: 208px;
	background-size: 80%;
    background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	border-bottom: 1px solid rgba(170,170,170,0.1);
}
.partenaire-container article.part-block .cover.full {
	background-size: cover;
}

.partenaire-container article.part-block .content {
	padding: 20px;
	padding-top: 15px;
}
.partenaire-container article.part-block .content h1 {
	text-transform: uppercase;
	color: #343746;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 150%;
	/*text-align: center;*/

	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.partenaire-container article.part-block .content .summary {
	margin-top: 9px;
	font-size: 0.9em;
	line-height: 150%;
}




article.module.right {
	float:right;
	width: 35%;
	clear: right;
	margin: 15px;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 0px;
	overflow: 	hidden;
}
article.module.left {
	width: 60%;
	clear: left;
	margin: 15px;
	margin-right: 0;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 0px;
	overflow: 	hidden;
}
article.module h1
{
	padding-left: 25px;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 400;
}

article.module.planning .module-planning {
	border: 1px solid #ececec;
	/*margin-top: 20px;*/
	/*border-radius: 5px;*/
}
article.module.planning .module-planning .label {
	background-color: #343746;
	padding: 20px;
	text-transform: uppercase;
	color:white;
	font-weight: 600;
	display: block;
}
article.module.planning .module-planning div.moment a
{
	  display: inline-block;
  	width: 100%;
}
article.module.planning .module-planning div.moment .emission {
	border-bottom: 1px solid #ececec;
	margin: 15px;
	padding-bottom: 15px;
	height: 80px;
	display: block;
	margin-bottom: 0;
}
article.module.planning .module-planning div.moment a:last-child .emission {
	border-bottom: none;
	/*padding-bottom: 0;*/
}
article.module.planning .module-planning .emission .logo {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-size: 100%;
	background-position: center center;
	float: left;
	margin-right: 20px;
}
article.module.planning .module-planning .emission .name {
	font-size: 1.3em;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	padding-top: 18px;
	margin-bottom: 5px;
}
article.module.planning .module-planning .emission .time {
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	float: right;
}
article.module.planning .module-planning .emission .team {
	font-style: italic;
}

article.module.standard p {
	padding-right: 15px;
	padding-left: 15px;
	color:white;
	font-weight: 500;

	padding-top: 15px;
	padding-bottom: 15px;
}
article.module.standard p.label{
	font-size: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #343746;
	line-height: 125%;
	text-align: center;
}
article.module.standard p.num {
	background-color: #85C5DA;
	text-align: center;
	font-size: 1.5em;
	position: relative;
	font-style: italic;

	padding-top: 20px;
	padding-bottom: 12px;
}
article.module.standard p.num .mention {
	display: block;
	font-size: 0.35em;
	font-weight: 500;
	text-align: right;
	margin-top: 4px;
	margin-right: -6px;
	margin-bottom: -3px;
}

article.module.twitter {
	min-height: 600px;
}

article.module.dedicace h1 {
	margin-bottom: 15px;
}

article.module.dedicace input, article.module.dedicace textarea {
	display: block;
	width: 100%;
	box-sizing:border-box;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 1.1em;
	font-family: Raleway, Arial;
	letter-spacing: 0.05em;
}
article.module.dedicace input.name {
	font-weight: 500;
}
article.module.dedicace div.message-container {
	position: relative;
}
article.module.dedicace textarea.message {
	height: 150px;
	resize: none;
}
article.module.dedicace div.overlay {
	display: none;
	position: absolute;
	background: rgba(255,255,255,0.7);
	height: 100%;
	width: 100%;
	top:0;
	z-index: 2;
}
article.module.dedicace div.overlay span {
	padding-top: 50px;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
}
article.module.dedicace div.overlay span img.load {
	height: 13px;

	animation: rotating 1s linear infinite;
	-webkit-animation: rotating 1s linear infinite;
	-moz-animation: rotating 1s linear infinite;
	-ms-animation: rotating 1s linear infinite;
	margin-right: 5px;
}

article.module.dedicace input.send {
	background-color: #343746;
	border: none;
	font-weight: 500;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
}

footer {
	display: inline-block;
	width: 100%;
	background: #343746; /*#343746*/
	color:white;
}

footer div.partenaires {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	color:#FFF;
	font-size: 0.9em;
	/*background: #343746;*/

}
footer div.partenaires span.label {
	text-transform: uppercase;
	font-weight: 600;
}
footer div.partenaires ul {
	display: inline-block;
	padding-left: 15px;
	font-weight: 300;

}
footer div.partenaires li {
	display: inline-block;
	margin: 15px;
	margin-right: 15px;
	margin-left: 0;
}
footer div.partenaires ul li:last-child {
	margin-right: 0;
}
footer div.partenaires .all {
	float: right;
	font-weight: 600;
	margin-right: 0;
}
footer div.credits
{
	padding-top:15px;
	padding-bottom: 15px;
	/*color: #343746;*/
	font-weight: 200;
	font-size: 0.8em;
	line-height: 130%;
}
footer div.credits:after
{
	content:'';
    display:block;
    clear: both;
}
footer div.credits p
{
	margin-bottom: 10px;
}
footer div.credits p:last-child
{
	margin-bottom: 0;
}
footer div.credits div.left
{
	display: inline-block;
	float:left;
	width: 25%;
}
footer div.credits div.left h1
{
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 10px;
}
footer div.credits div.center
{
	width: 30%;
	margin: auto;
	text-align: center;
}
footer div.credits div.center p
{
	margin-bottom: 15px;
}
footer div.credits div.center p:last-child
{
	margin-bottom: 0;
}
footer div.credits div.center b {
	font-weight: 500;
}
footer div.credits div.right
{
	display: inline-block;
	float:right;
	width: 25%;
	text-align: right;
}
footer div.credits .social {
	font-size: 1.2em;
}
footer div.credits .social span {
	margin-left: 10px;
	opacity:0.8;
}


/*PAGE PLANNING*/
.planningPage-content nav.planningMenu {

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;

	width: 100%;
	color:white;
	background: #85C5DA;
	font-weight: 600;
	text-transform: uppercase;
}
.planningPage-content nav.planningMenu li {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;

	display: inline-block;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-right: 1px solid rgba(255,255,255,0.5);
	cursor: pointer;

	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.planningPage-content nav.planningMenu li:last-child {
	border: none;
}
.planningPage-content nav.planningMenu li.active {
	background-color: white;
	color:#85C5DA;
}
.emissions-container {
	display: inline-block;
	width: 100%;
}
.emissions-container .emission a {

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
.emissions-container:after {
	content:'';
	display: block;
	clear: both;
}
.emissions-container .emission {
	margin: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}

.emissions-container .emission.no-emission {
	background: #1A1B23;
	color:white !important;
	padding: 15px;
	margin-top: 30px;
	text-align: center;
}
.emissions-container .emission.no-emission.not-displayed {
	display: none;
}

.emissions-container .emission .logo-emi {
	display: inline-block;
	width: 150px;
	height: 150px;
	background-size: 100%;
	background-position: middle middle;
	margin-right: 15px;
	margin-top:auto;
	margin-bottom: auto;
	/*float: left;*/
}
.emissions-container .emission .details-emi {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;

	background: #1A1B23;
	color:white;
	padding: 15px;
	padding-left: 20px;
	padding-left: 20px;
}

.emissions-container .emission .label-bar {


	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	/*width: 100%;*/
	/*margin-left: 130px;*/
	/*padding-top: 10px;
	padding-bottom: 10px;*/

	border-bottom: 1px solid rgba(255,255,255,0.2);

}

.emissions-container .emission .name {
	font-size: 1.3em;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}
.emissions-container .emission .name span[class^="icon-"] {
	font-size: 0.8em;
	margin-right: 5px;
}
.emissions-container .emission .team {
	font-style: italic;
	display: block;
	font-size: 0.9em;
}
.emissions-container .emission .time {
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	float: right;
	vertical-align: middle;
	margin-top: 5px;
}
.emissions-container .emission .desc {
	text-align: justify;
	line-height: 150%;
	font-size: 0.95em;
}

.page-container > h1 {
	font-size: 1.3em;
	width: 100%;
	padding: 20px;
	padding-left: 30px;
	background: #343746;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.page-container strong {
	font-weight: bold;
}


.page-container img {
    max-width: 100%;
    height: auto !important;
}

.page-container.no-bg > h1 {
	font-size: 1.8em;
	padding-left: 8px;
	background: none;
	color: #343746;
}

.page-container.emission-page p {
	padding: 15px;
	line-height: 150%;
}
.page-container.emission-page p:after {
	content:'';
	display: block;
	clear: both;
}
.page-container.emission-page img.logo {
	float:right;
	width:200px;
}

.page-container.error-page .error-container img {
	float:left;
	margin-right: 30px;
	max-width: 350px;
	max-height: 350px;
}
.page-container.error-page .error-container .desc-container {
	margin-top: 120px;
	float:left;
	width: 50%;
}
.page-container.error-page .error-container p.titre {
	font-size: 2em;
	font-weight: 600;
	margin-bottom: 10px;
}
.page-container.error-page .error-container p.desc {
	font-size: 1.2em;
}

.page-container.actu-list .actulist-container article.actu {
	background-size: 100%;
	background-position: middle middle;
	color:rgba(0,0,0,0.8);
	position: relative;
	margin:10px;
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
.page-container.actu-list .actulist-container article.actu:last-child {
	border:none;
}
.page-container.actu-list .actulist-container article.actu:after {
	display: block;
	content:'';
	clear: both;
}
.page-container.actu-list .actulist-container article.actu div.overlay {
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: black;
	opacity: 0.2;

}
.page-container.actu-list .actulist-container article.actu div.date {
	font-size: 1.5em;
	margin: 10px;
	margin-left: 0;
	text-align: center;
	padding:20px;
	border-right: 1px solid rgba(0,0,0,0.2);
	width: 125px;
}
.page-container.actu-list .actulist-container article.actu div.date .annee {
	display: block;
}

.page-container.actu-list .actulist-container article.actu div.content {
	margin: 10px;
}
.page-container.actu-list .actulist-container article.actu div.content h1 {
	font-size: 1.7em;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 10px;
}
.page-container.actu-list .actulist-container article.actu div.content p.summary {
	line-height: 150%;
}
.page-container.actu-list .actulist-container article.actu div.content .read-more {
	text-decoration: underline;
	text-align: right;
}
.page-container.actu-page > div.cover {
	display: inline-block;
	width: 100%;
	height:175px;
	margin-top: -10px;
	background-size: cover;
	background-position: 0 center;
	border-bottom: 8px solid #343746;
	background-repeat: no-repeat;

}
.page-container.actu-page div.right_column {
	float: right;
	width: 30%;
	padding-top: 20px;
}
a.more_article {
	display: inline-block;
	text-decoration: none !important;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
a.more_article:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

a.more_article div.cover {
	background-size: cover;
	height: 140px;
	background-position: center center;
	position: relative;
	border-bottom: 4px solid #343746;
}
.right_column .fb-like {
	margin-left: 	5%;
}
.bottom_column .fb-like {
	margin-left: 	3%;
}

a.more_article .cat {
	background-color: #85C5DA;
	color: white;
	font-weight: 700;
	padding: 5px;
	float: right;
	margin-top: 20px;
	font-size: 1.1em;
	max-width: 50%;
	box-shadow: -4px 4px 0px 0 white;
}
a.more_article .titre {
	padding: 10px;
	text-transform: uppercase;
	font-size: 0.75em;
	color:#343746;
	display: block;
	font-weight: 700;
	line-height: 130%;
	text-decoration: none !important;
}

.bottom_column a.more_article {
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: top;
}
.bottom_column a.more_article .cover {
	height: 120px;
}
.bottom_column a.more_article .cat {
	font-size: 0.9em;
}

.page-container.actu-page .author {
	text-align: right;
	font-size: 0.9em;
	color: #666;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-style: italic;
}
.page-container.actu-page .contain_scroll {
	overflow-x:auto;
}

.page-container.actu-page .footer {
	background: #F4F4F4;
	font-size: 0.8em;
	color: #777;
	font-style: italic;
	padding: 7px;
}
.page-container.actu-page .footer:after {
	display: block;
	clear: both;
	content: '';
}
.page-container.actu-page .footer .categorie {
	float:left;
}
.page-container.actu-page .footer .date {
	float:right;
}
.page-container.equipe-list .equipe-container {
	text-align: center;
}
.page-container.equipe-list h2 {
	text-align: left;
	font-size: 1.5em;
	border-bottom: 1px solid #E6E6E6;
	margin: 25px;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.page-container.equipe-list .membre {
	display: inline-block;
	width: 150px;
	background-color: #eee;
	margin: 30px;
	vertical-align: top;
	padding-bottom: 10px;
}
.page-container.equipe-list .membre .avatar {
	width: 150px;
	height: 150px;
	display: inline-block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.page-container.equipe-list .membre .nom {
	font-weight: 500;
	display: block;
	margin-top: 5px;
}
.page-container.equipe-list .membre .role {
	font-size: 0.8em;
	display: block;
}
.page-container.mentions-legales {
	margin-bottom: 10px;
	line-height: initial;
}
.page-container.mentions-legales .content-mentions {
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: justify;
}
.page-container.mentions-legales h2 {
	text-align: left;
	font-size: 1.5em;
	border-bottom: 1px solid #E6E6E6;
	margin: 25px;
	margin-left: 0;
	margin-right: 0;
    padding-bottom: 10px;
    /*margin-bottom: 10px;*/
}
.page-container.mentions-legales h2:first-child {
	margin-top: 5px;
}
.page-container.mentions-legales a {
	text-decoration: underline;
}


/* AUTH BAR */

.auth_bar {
	height: 40px;
	overflow: hidden;
	position: fixed;
    z-index: 2;
    background-color: #1C1C1D;
    width: 100%;
    color:rgb(220,220,220);
}

.auth_bar .right {
	height: 100%;
	float: right;
}
.auth_bar .left {
	height: 100%;
}

.auth_bar .avatar {
	height: 100%;
	vertical-align: middle;
}
.auth_bar .nom {
	vertical-align: middle;
	margin-left: 5px;
}
.auth_bar .button {
	height: 100%;
    width: 40px;
    display: inline-block;
    font-size: 1.25em;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    color: white;
}
.auth_bar .button:hover {
	background-color: rgb(80,80,80);
}
.auth_bar .state_page {
	display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 40px;
    margin-right: -5px;
    vertical-align: middle;
}

.auth_bar .state_page.published {
	background-color: rgb(45, 111, 6);
}
.auth_bar .state_page.unpublished {
	background-color: rgb(152, 24, 24);
}
.auth_bar .state_page.schedule {
	background-color: rgb(32, 138, 183);
}

.auth_bar .view {

	margin-right: 5px;
	display: inline-block;
}
.auth_bar .view span {
	vertical-align: -2px;
}

.page-container.music .music-container {
	text-align: center;
}
.page-container.music .music-container .iframe {
	padding-bottom: 35px;
	display: none;
}
.page-container.music .music-container .music-element {
	width: 180px;
	height: 180px;
	background-size: cover;
	background-position: center center;
	display: inline-block;
  margin: 20px;
	cursor: pointer;
	vertical-align: top;
}

.page-container.music .music-container .music-element .playlist_cta {
	width: 100%;
	height: 50%;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	display: none;
}
.page-container.music .music-container .music-element:hover .playlist_cta {
	display: block;
}
.page-container.music .music-container .music-element .playlist_cta:hover img{
	opacity: 1;
}

.page-container.music .music-container .music-element .playlist_cta img {
	width: 30px;
	width: 70%;
  margin-top: 16%;
	opacity: 0.7;
}

/*KEYFRAMES*/
/*Défilement des métas*/

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}