/* cmsms stylesheet: menu modified: dimanche 3 avril 2022 13:33:23 */
@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

nav a {
	text-decoration: none;
}
nav, ul, li, a {
	margin: 0;
	padding: 0;
}
nav {
	width: 100%;
	margin: 0 auto;
	font-size: 2rem;
	text-align: left;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	position: relative;
	border-bottom:solid 2px #e9242d;
    margin-top:-45px;
        
}
.toggleMenu {
	display: none;
	padding: 5px 5px;
	color: #000000;
	font-size: 1.5rem;
}
.nav {
	list-style: none;
 *zoom: 1;
	margin: 0 auto;
	max-width:1260px;
	text-align: left;
    box-sizing:border-box;
    padding-left:240px;
    margin-bottom:15px;
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	padding: 0;
    margin: 0 auto;
       
}
.nav a {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	text-decoration: none;
}
.nav li {
	margin: 0 70px 0 0;
	position: relative;
	display: inline-block;
	width: auto;
}
.nav > li a:hover {
	color: #e9242d;
}
.nav > li {
	float: none;
}
.nav > li > a {
	display: block;
}
.nav li ul {
	position: absolute;
	left: -9999px;
    width:auto;
}
.nav > li.hover > ul {
	left: 0px;
	top:0;
	padding-top:35px;
}
.nav li li.hover ul {
	left: 100%;
}


/**** 2e niveau *****/


.nav li li{
    width:140px;
    height:auto;
}

.nav li li a {
	display: block;
	color: #000000;
	position: relative;
	z-index: 100;
	padding:10px 5px10px 5px;
	text-transform: uppercase;
	background-color:#ececec;
	border-bottom: solid 1px rgba(255,255,255,0.93);
	width:auto;
	font-size:2rem;
	
}
.nav li li a:hover {
	color: #ffffff;
	background-color:#e9242d;
}

@media screen and (max-width: 1060px) {
.nav a{
       padding-right:45px;
}
}

/************************** MOBILES **************************************/
@media screen and (max-width: 920px) {
.toggleMenu {
	top: 18px;
	right: 5px;
	display: block;
	width:26px;
	height:26px;
	background-image:url(https://www.globalsport.ch/uploads/images/site/btn-menu.png);
	background-repeat: no-repeat;
	background-size:contain;
    position:fixed;
    z-index:12;
	font-size:0;
	border-radius:4px;
    
}
nav {
	z-index: 11;
	background-color:#ffffff;
    border-bottom:none;
    margin:0;
    top:70px;
    left:0;
    position:fixed;
 font-size:1.8rem;
       
}
.active {
	display: block;
}
.nav {
	width: 100%;
	text-align: left;
	margin: 0;
        padding-left:0;
        
}
.nav a {
	color: #e9242d;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.nav a:hover{
       color:#000000;
}
.nav li {
	display: block;
	width: 100%;
	margin:0;
}
.nav > li {
	float: left;
	border-bottom: 1px solid #2f2323;
	padding: 0;
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	background-image: url("images/downArrow.png");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul {
	display: block;
	width: 100%;
}
.nav > li.hover > ul, .nav li li.hover ul {
	position: static;
	padding:0;
}

.nav li li{
    width:100%;
    height:auto;
}

.nav li li a {
	display: block;
	color: #000000;
	position: relative;
	z-index: 100;
	padding:10px 5px10px 5px;
	text-transform: uppercase;
	background-color:#ececec;
	border-bottom: solid 1px rgba(255,255,255,0.93);
	width:auto;
	font-size:1.8rem;
	
}
.nav li li a:hover {
	color: #ffffff;
	background-color:#e9242d;
}

}
/* cmsms stylesheet: styles_2021 modified: samedi 9 novembre 2024 19:06:43 */
@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	width: 100%;
	min-height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #ffffff;
}

div, section, article, img, main, aside,footer,audio, h1,h2,p {
	box-sizing: border-box;
}

/******* Titrage du site *******/
#titre {
	width: calc(100% - 10px);
	margin-left: 10px;
}

h1 {
	margin: 0;
	padding: 0;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 3.2rem;
	font-weight: bold;
	text-transform: uppercase;
}

h1 .sous-titre {
	font-size: 2.4rem;
	font-weight: normal;
}

h2 {
	color: #980701;
	padding: 0;
	margin: 0 0 20px 5px;
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

h2.home{
	padding: 20px 0 0 5px;
  font-size: 2.7rem;
  color: #000000;
}

h2.home2{
	padding: 40px 0 0 5px;
  font-size: 2.7rem;
  color: #000000;
}

h2.home::before{
	content: "//// ";
}



h3, h4 {
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
	font-size: 2rem;
	text-transform: uppercase;
}

/****** Apparence *******/

a {
	color: #000000;
}

a.lien-bloc {
	display: block;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

p {
	margin: 0;
	padding: 5px;
	line-height: 1.5;
	font-size: 2rem;
	text-align: justify;
	font-weight: 400;
	color: #000000;
}

p.match {
	text-transform: uppercase;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.centre {
	text-align: center;
}

p.dateJour {
	float: right;
	margin-top: 15px;
	text-transform: capitalize
}

p.double {
	padding-bottom: 15px;
}



/*********** Images **************/
img {
	font-size: 1.7rem;
	color: #000000;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border: none;
}

article img {
	max-width: 100%;
}

p.match img {
	height: 100px;
	width: auto;
	margin: 0 20px;
	display: inline;
	border: none;
        border-radius:5px;
     
	vertical-align: middle;
}

img.grandLogo {
	height: 40px;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
	margin: 0;
	border: none;
	vertical-align: middle;
}

img.grande-image {
	width: 100%;
}

img.icone {
	height: 30px !important;
	width: auto;
	display: inline;
	margin: 0;
	margin-right: 15px;
	border: solid 1px #4a4a4a;
	vertical-align: middle;
}

img.logoEquipe {
	height: 80px;
	width: auto;
	margin: 0 10px;
	display: inline !important;
	border: none;
	vertical-align: middle;
}

img.logoEquipeGrand {
        max-width:100% !important;
        max-height:100% !important;
	height: 160px !important;
        width: auto !important;
         margin: 0 auto !important;
        margin-top: 0px;
        display: block !important;
        margin-top: -20px !important;
        border-radius:0 important;
        box-shadow:none !important;
   
}

h3 img.logoEquipe {
	margin-left: 0;
	height: 60px;
}

img.zoom {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	border: solid 1px #4a4a4a;
	box-sizing: border-box
}

img.duo {
	width: 140px;
	border: solid 1px #4a4a4a;
	margin: 20px;
	vertical-align: top;
	display: inline;
}

img.carrousel-news {
	max-width: 71%;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	border: solid 1px #4a4a4a;
}

img.noborder {
	border: none !important;
}


/****** Structure *******/


header {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	display: block;
	z-index: 15;
	box-sizing: border-box;
	padding: 5px;
	margin-top: 10px;
	height: 60px;
}

header #lienHome {
	display: inline-block;
	height: 100%;
	position: relative;
}

header #lienHome a {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	z-index: 16;
}

header img {
	height: 100%;
	width: auto;
	z-index: 15;
	display: block;
	border: none;
	padding-left:5px;
}

main {
	margin: 0 auto;
	margin-top: 10px;
	padding: 20px 15px 20px 5px;
	max-width: 1280px;
	background-color: #ffffff;
	position: relative;
	box-sizing: border-box;
}

section {
	position: relative;
	width: calc(100% - 280px);
	display: inline-block;
	vertical-align: top;
	clear: both;
	z-index: 1;
	padding-right: 20px;
}

section#top {
	height: auto;
	min-height: auto;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	width: calc(100% - 10px);
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg_clair.png');
	background-position: top left;
	background-repeat: repeat;
	background-size: cover;
}

section#top h2 {
	display: none;
}

aside {
	width: 280px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 25px;
	padding: 10px;
	background-color: #f1f1f1;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg_clair.png');
	background-position: top left;
	background-repeat: repeat;
	background-size: contain;
}

aside h2 {
	color: #980701;
        font-size:2.1rem;
}

aside p{
      text-align:center;
}

aside a{

       font-size:1.7rem;
       text-transform:uppercase;
       text-decoration:none;
}

article {
	margin-bottom: 25px;
	display: block;
	z-index: 1;
	min-height: 100px;
	position: relative;
	padding: 10px 5px;
}

footer {
	margin: 0 auto;
	width: 100%;
	min-height: 100px;
	background-color: #5F5F5F;
	clear: both;
	position: relative;
	box-sizing: border-box;
	padding: 20px;
}

footer #inner-footer {
	margin: 0 auto;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	max-width: 1280px;
}

footer #inner-footer a {
	font-weight: normal;
}

footer .foot-left, footer .foot-right {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

footer p {
	margin: 0;
	font-size: 1.6rem;
	color: #ececec;
}

footer .foot-right p {
	text-align: right;
}

footer a {
	color: #ececec;
	font-weight: bold;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}


/******* Diapo ******************/
article#diaporama {
	border: none;
	padding: 0 10px;
	margin-bottom: 15px !important;
}

.nivoSlider {
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3) !important;
}

article#diaporama img {
	border: none;
	margin: 0;
}

article#diaporama h2 {
	border: none;
}

.theme-default .nivo-caption {
 bottom:0 !important;
position:relative !important;
}

/*------ bloc highlights et directs --------*/

#highlights_carre, .direct, #intro_carre, #lhc10, #kmedia{
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
	overflow: hidden;
	padding: 10px;
	margin: 0;
}

#highlights_carre h2, .direct h2,  #intro_carre h2, .video h2, #lhc10 h2, #kmedia h2{
	background: #ffffff;
	text-align: left;
	padding: 10px 5px 10px 10px;
	width: 100%;
	margin: 0;
	position: absolute;
	bottom: 0;
	font-size: 2rem;
	color: #980701;
	border-top: solid 1px #cccccc;
}

.highlights_mini, .direct_mini, .intro_mini, .blog_mini {
	width: 100%;
	height: 280px;
	overflow: hidden;
	position: relative;
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg.png');
	background-position: top left;
	background-repeat: repeat;
	background-size: cover;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	display: block;
	cursor: pointer;
}

.highlights_mini img, .intro_mini img, .blog_mini img, .important_mini_content img {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 45%;
	transform: translate(-50%,-50%);
	margin: 0;
}

#highlights, #intro {
	display: none;
	background-color: #eeeeee;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	width: calc(100% - 20px);
	margin: 20px 10px 15px 10px;
	position: relative;
}



#highlights p, #highlights p span, #intro p, #intro p span{
	font-weight: 300;
	font-size: 2rem;
	margin-bottom: 20px;
	text-align: left;
	text-decoration: none !important;
	line-height: 1.6;
	position: relative;
}

.btn_close {
	position: absolute;
	display: block;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	background: url('https://www.globalsport.ch/uploads/images/site/btn_close.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

#highlights p strong {
	font-weight: 600;
}

#highlights h2 {
	margin-bottom: 5px;
	margin-top: 10px;
}

#highlights h2 span {
	text-decoration: none !important;
}

#highlights h2:nth-of-type(1) {
	margin-top: 5px;
}

.texte p {
	font-weight: 300;
	font-size: 1.9rem;
}

.texte p strong {
	font-weight: 500;
}

/*---- grand bloc match en direct ----*/
.direct_grand_cadre{
	padding: 0 10px;
	margin-bottom: 10px;
}

.direct_grand_cadre h2{
	padding-top: 20px;
	padding-left: 20px;
}

.direct_grand{
	width:100%;
	height:360px;
	overflow: hidden;
	position: relative;
	background: url('https://www.globalsport.ch/uploads/images/site/background_gris.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	display:block;
	cursor:pointer;
}

.direct_grand_content{
	position: absolute;
	height: 360px;
	width:100%;
	left: 50%;
	top: 75%;
	transform: translate(-50%,-50%);
}

.direct_grand_content h2, .direct_grand_content p{
	display: none;
}

.direct_grand_content p.match{
	display: block;
	font-size: 2.8rem;
}

.direct_grand_content p.match img{
	height: 100px;
}


/*----- bloc match en direct et news ------------*/

.direct_mini_content, .important_mini_content {
	position: absolute;
	height: 280px;
	width: 100%;
	left: 50%;
	top: 65%;
	transform: translate(-50%,-50%);
}

.direct_mini_content h2, .direct_mini_content p, .news_content {
	display: none;
}

.direct_mini_content p.match {
	display: block;
	font-size: 2.2rem;
}

.direct_mini_content p.match img {
	max-height: 70px;
	max-width: 80px;
	height: auto;
}

.direct_mini p.liste_news {
	font-size: 2.2rem;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 30px;
	white-space: nowrap;
}

/*------ blocs youtube ----------------*/
.video {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	overflow: hidden;
	padding: 10px;
	margin: 0;
}

.video_mini {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg.png');
	background-position: top left;
	background-repeat: repeat;
	background-size: cover;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	display: block;
	cursor: pointer;
	display: block;
}

.video h2 {
	background: #ffffff;
	text-align: left;
	padding: 10px 5px 10px 10px;
	width: 100%;
	margin: 0;
	position: relative;
	bottom: 0;
	font-size: 2rem;
	color: #980701;
	border-top: solid 1px #cccccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/******* Actu club ************/
.colFB{
     width:30%;
     margin-right:3.33%;
     display:inline-block;
     vertical-align:top;
     box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
}

/******* Liens médias **********/
.medias {
	margin-bottom: 30px;
}

.bloc {
	display: block;
}

.lien-media {
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.lien-media img {
	display: block;
	margin: 0 auto;
	width: 60px;
	max-width: 90%;
	border-radius: 4px;
	filter: grayscale(90%);
	border: none;
}

.lien-media img:hover {
	filter: grayscale(0);
}

/*----------------- articles divers ------------*/

/* article en detail */

article.detail, article.chapeau {
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	width: calc(100% - 20px);
	margin-left: 10px;
}

article.detail h2 {
	display: none;
}

article.detail p {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.2rem;
	text-align: center !important;
}

article.detail p.match {
	font-size: 3rem;
}

article.detail img {
	max-width: 600px;
}

article.detail .img_attachee {
	max-width: 480px;
}

article.detail audio {
	max-width: 480px;
	width: 100%;
	display: block;
	margin: 10px auto 0 auto;
}

article .sondage {
	height: 180px;
}

article.important {
	padding: 0;
}

article.important h2 {
	display: none;
}

article.important p {
	padding: 0;
}

article.important img {
	margin: 0;
}

.map {
	margin: 0 auto;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	height: 400px;
	border: solid 1px #4a4a4a !important;
	margin-top: 35px;
	margin-bottom: 20px;
}

p iframe, video {
	margin: 0 auto;
	position: relative;
	border: none;
	padding: 0;
	box-sizing: border-box;
	display: block;
	width: 100% !important;
	max-width: 600px;
	max-height: 320px;
}

p.youtube{
width_100% !important;
}

p iframe.soundcloud, p.soundcloud iframe {
	height: 150px !important;
	width: 100% !important;
}

p iframe.sondage {
	width: 100%;
	height: 1010px;
	border: none;
	margin-top: 20px;
}

.map iframe {
	width: 100% !important;
	height: 100%!important;
	border: none;
}
/
/****** YOUTUBE ***************************/
iframe.youtube {
	margin-top: 40px;
	margin-bottom: 10px;
}


/****** PUB ********************************/


aside h2 {
	margin-bottom: 20px;
}

div.pub img {
	width: 360px;
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	max-width: 100%;
	border: solid 1px #cccccc;
}

div.pub img:hover {
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
}

#pub-mobile {
	position: relative;
}

/****** Général *******/
.mobile {
	display: none;
}


/********************* STAFF *************/
p.staff {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 300;
}

p.staff img {
	height: 200px;
	width: auto;
	border: solid 1px #4a4a4a;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
}

/*------ Page émissions ----------*/
.emission {

}

.emission p {

}

.emission img {
	margin: 0;
	border: none;
	height: auto;
	width: auto;
	border: none;
}

p.nopad {
	padding: 0;
}

img.case {
	display: inline-block;
	padding: 5px;
	box-sizing: border-box;
	border: none;
	width: 24.6%;
	max-width: 24.6%;
}

.emission img.case {
	display: inline-block;
	margin: 10px;
	width: 200px;
}

.zone-titre {
	font-size: 1.6rem;
	text-align: left !important;
	bottom: 0;
	left: 0;
	position: relative;
	width: 100%;
	display: block;
	z-index: 25;
	text-align: center;
}


/*---------blcos podcast -------------*/
.wrap_podcast {
	display: block;
	width: 100%;
	border: solid 1px #dddddd;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
}

.col_podcast {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 10px;
}

.col_podcast a {
	text-decoration: none;
}

.col_podcast p {
	display: none;
	box-sizing: border-box;
	text-decoration: none;
}

.col_podcast p.titre_podcast {
	display: block;
	margin: 0;
	background-color: #ffffff;
	width: 100%;
	text-align: center;
}

.col_podcast p audio {
	display: block;
}

.miniature_podcast {
	width: 100%;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.detail audio {
		width: 100%;
		max-width: 100%;
		border: solid 1px #000000;
		box-sizing: border-box;
	}

	.col_podcast {
		width: 50%;
	}
}

/*-------------- Blocs membres -------------------*/

.carre_membre {
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
	overflow: hidden;
	padding: 10px;
	margin: 0;

}

.carre_membre h3{
	background: #ffffff;
	text-align: center;
	padding: 10px 5px 10px 10px;
	width: 100%;
	margin: 0;
	font-size: 2rem;
	color: #000000;
	font-weight: 500;
	z-index: 1;
	position: absolute;
	top:0;
	box-sizing: border-box;
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.carre_membre_detail{
	background: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: 10px 5px 10px 10px;
	width: 100%;
	font-size: 1.5rem;
	color: #980701;
	border-top: solid 1px #cccccc;
	background: url('https://www.globalsport.ch/uploads/images/site/article_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.carre_membre .img_wrap{
	position: relative;
	height: 360px;
	overflow: hidden;
	box-shadow: 0px 2px 6px 3px rgba(1, 1, 1, 0.3);
}

.carre_membre img{
	position: absolute;
	width:100%;
	left: 50%;
	top: 45%;
	transform: translate(-50%,-50%);
	margin: 0;
}

/******************************* Images et Iframe responsive ************************/
@media screen and (max-width: 1250px) {
	.direct_mini_content p.match img {
		max-width: 60px;
	}
}

@media screen and (max-width: 1180px) {
	#highlights_carre, .direct,  #intro_carre, #lhc10{
		width: 50%;
	}

	.direct_mini_content p.match img {
		max-width: 80px;
	}
}

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

	p iframe.sondage {
		width: 100% !important;
		height: 1080px !important;
	}
}

@media screen and (max-width: 980px) {
	.listeStaff p {
		text-align: center;
		margin-bottom: 20px;
	}

	p.staff img {
		width: 120px;
		border: solid 1px #000000;
		margin: 0 auto;
		display: block;
		height: auto;
	}

	header {
		margin: 0;
		margin-bottom: 10px;
		border-bottom: solid 1px #e9242d;
		top: 0;
		position: fixed;
		z-index: 10;
		background-color: #ffffff;
		height: 70px;
	}

	header img {
		margin: 5px;
		height: 50px;
	}

	main {
		margin-top: 80px;
	}
}

/********************************* MOBILE *******************************************/
@media screen and (max-width: 868px) {
	.desktop {
		display: none;
	}

	/****** supression des ombres ********/
	aside,div,article, section, img, .nivoSlider {
		box-shadow: none !important;
	}

	/****** Mise en page *******/
	main {
		padding: 20px 10px;
	}

	p {
		text-align: left;
		font-size: 1.8rem !important;
	}

	p.match {
		font-size: 2.2rem;
	}

	p.match img {
		width: auto;
		max-width: 80px;
		height: auto;
		max-height: 80px;
		margin: 0;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	p.nopad {
		margin-bottom: 10px;
	}

	img.case {
		width: 49%;
		max-width: 49%;
		margin: 0;
	}

	p.dateJour {
		float: none;
		margin-top: 15px;
		text-transform: capitalize;
		text-align: left;
		position: relative;
	}

	/******* Blocs ***********/
	aside {
		border: solid 1px #cccccc;
	}

	section#top {
		padding: 0;
		width: 100%;
		margin-left: 0;
		border: solid 1px #cccccc;
	}

	#highlights, #intro {
		margin: 10px 0;
		width: 100%;
	}

	article#diaporama, article#diaporamaMobile {
		padding: 0;
	}

	article.chapeau {
		margin-left: 0;
		width: 100%;
		border: solid 1px #cccccc;
	}

	article.detail {
		border: solid 1px #cccccc;
	}

	article.video {
		width: 100%;
		margin: 10px 0;
		padding: 0;
		border: solid 1px #cccccc;
	}

       /* --- flux twitter -- */
      .tagembed-container{
         display:block !important;
      }

       /* ---- flux fb -----*/
       .colFB{
         width:100%;
         margin: 0 auto;
         margin-bottom:20px;
         display:block;
       
     }

/*----- Medias -----*/
	.medias {
		width: 100%;
		padding: 5px 5px 15px 5px;
		margin-top: 10px;
	}
/*----- PUB ------*/


	div.pub p {
		text-align: center;
	}

	div.pub img {
		width: 100%;
		max-width: 360px;
		-webkit-filter: grayscale(90%);
		filter: grayscale(90%);
	}

	div.pub img:hover {
		-webkit-filter: grayscale(50%);
		filter: grayscale(50%);
	}

/*---- blocs d'accueil et d'articles ----------*/
	#highlights_carre, .direct,  #intro_carre, .carre_membre, #lhc10, #kmedia {
		width: 100%;
		padding: 10px 0;
	}

.direct.actu_club {
		width: 50%;
		padding: 10px;
	}


	.highlights_mini, .direct_mini, .intro_mini, .carre_membre {
		border: solid 1px #cccccc;
	}

	.carre_membre {
		margin-bottom: 10px;
	}

	#highlights p, #highlights p span {
		text-align: left;
	}

	.direct_mini_content p.match img {
		max-width: 80px;
	}
/***** Titrage *******/

	h1 {
		display: block;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 10px;
	}

	h1 .sous-titre {
		display: block;
		margin: 0 auto;
	}

	#titre p.dateJour {
		float: none;
		margin:0;
		text-transform: capitalize;
		text-align: left;
		position: relative;
                padding:10px;
	}



}

/***************************/

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

        main{
               padding-top:0;
       }

	aside {
		width: 100%;
	}

	article.detail {
		width: 100%;
		margin: 10px 0;
	}

	p.staff img {
		height: 140px;
	}

	section {
		width: 100%;
		padding: 0;
	}

        .titre_general{
                display:none;
        }
        #titre p.dateJour {
		float:right;
                padding-right:0;
                text-transform:uppercase;
                font-size:15px !important;
	}

        div.pub img {
	 max-width: 240px;
	 
        }
}
/* cmsms stylesheet: player-large modified: mercredi 22 mai 2024 14:02:23 */
@charset "utf-8";
/* CSS Document */

/********PLAYER LARGE (accueil) ************/
#player-large {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}

#player-large h2 {
    display: none;
}

#player-large #image {
    width: 102px;
    height: 102px;
    position: absolute;
}

#player-large #image #img-wrap {
    background-image: url(player/images/imgGlobal.png);
    background-size: contain;
    overflow: hidden;
    text-align: center;
    border: solid 1px #000000;
    width: 100%;
    height: 100%;
}

#player-large #image #img-wrap img {
    margin-top: -1px;
    margin-left: -1px;
    border: none;
    width: 104px;
    height: 104px;
    display: block;
}

#player-large #commandes {
    box-sizing: border-box;
    display: block;
    padding-left: 117px;
    padding-right: 360px;
    position-relative;
}

#player-large #station {
    width: 100%;
    padding: 0
}

#player-large #station p {
    padding: 0;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-weight: bold;
}

#player-large #station p::before {
    content: "A l'antenne - ";
}

#player-large #titrage {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px 0;
}

#player-large #titrage p {
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
    font-weight: 400;
    max-width: 600px
}

#player-large #boutons-player {
    display: block;
    width: 100%;
}

#player-large #boutons {
    margin: 0 auto;
    top: 0;
    right: 7px;
    box-sizing: border-box;
    position: absolute;
    text-align: right;
    display: block;
    width: 420px;
}

#player-large #boutons p {
    margin: 0;
    text-align: right;
    font-size: 1.4rem;
    padding-right: 0;
    font-weight: 400;
}

#player-large #boutons p.canaux {
    font-size: 1.5rem;
}

#player-large #cantons {
    display: inline;
}

#player-large #cantons {
    width: auto;
}

#player-large img.img_reseaux {
    width: auto;
    padding: 5px;
    height: 80px;
    margin: 0;
    float: right;
}

#player-large #bouton-play,
#player-large #bouton-pause {
    height: 30px;
    width: 30px;
    margin-right:10px;
    margin-bottom: 8px;
    display: inline-block;
}

#player-large #bouton-play img,
#player-large #bouton-pause img {
    height: 30px;
    width: 30px;
    border: none;
}

#player-large .btnClair img {
    filter: invert(0.6);
    -webkit-filter: invert(0.6);
}

#player-large .hidden {
    visibility: hidden;
}

#player-large .btn-canton-player {
    width: calc(100% / 7);
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
    max-width: 70px;
}

#player-large .btn-canton-player img {
    width: 80%;
    max-width: 70px;
    filter: grayscale(90%);
    display: block;
    margin: 0 auto;
    border: none;
}

#player-large .btn-canton-player img.canton-actif,
#player-large .btn-canton-player img:hover {
    filter: grayscale(0);
}

#player-large audio {
    display: none;
}

#player-large br.mobilebr {
    display: none;
}

#player-large .visible {
    display: block;
    visibility: visible;
}

#player-large .invisible {
    display: none;
    visibility: hidden;
}

/******************Liste des canaux ***********************/
/******* Liste titres ***********/

p.lien-titres {
    float: left;
}

span.fleche {
    position: absolute;
    right: 10px;
    text-decoration: none;
}

#titreOpen {
    visibility: visible;
    position: absolute;
    left: 1px;
}

#titreClose {
    visibility: hidden;
    position: absolute;
    left: 1px;
}

#liste-titres {
    width: 100%;
    padding: 10px;
}

.col-titre {
    box-sizing: border-box;
    display: inline-block;
}

.col-titre div {
    display: inline-block;
    box-sizing: border-box;
}

.col-titre .canal-titre {
    display: block;
    box-sizing: border-box;
}

.col-titre .canal-titre p {
    padding-left: 0;
    font-size: 1.5rem;
}

.col-titre .texte-titre {
    position: relative;
    box-sizing: border-box;
    height: 40px;
    padding-right: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-titre .texte-titre img {
    height: 30px;
    width: 30px;
    border: solid 1px #000000;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.col-titre .texte-titre p {
    text-align: left;
    padding-left: 40px;
    padding-top: 6px;
    font-size: 1.5rem;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

/****************************** MOBILES ***********************************/

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

    #player-large {
        max-width: 760px !important;
    }

    #player-large h2 {
        display: inline-block;
    }

    #player-large #image {
        display: block;
        margin: 0;
        height: auto;
        padding: 0;
        float: left;
        height: 100px;
        width: 100px;
    }

    #player-large #image #img-wrap img {
        height: 104px;
        width: 104px;
    }

    #player-large #station p::before {
        content: "";
    }

    #player-large #commandes {
        width: 100%;
        padding: 0;
    }

    #player-large #station {
        float: left;
        padding-left: 110px;
    }


    #player-large #titrage {
        height: 60px;
        float: left;
        padding-left: 110px;
    }

    #player-large #titrage p {
        max-width: 100% !important;
    }

    #player-large #station p,
    #player-large #titrage p {
        padding: 0;
        font-size: 1.8rem;
    }

    #player-large #boutons {
        clear: both;
        padding-top: 20px;
        text-align: left;
        position: relative;
        width: 100%;
    }

    #player-large #boutons-player {
        float:left;
        display: block;
        width: 100%;
    }

    #player-large #bouton-play,
    #player-large #bouton-pause {
        height: 45px;
        width: 45px;
        float: left;
        margin: 0 10px 0 0 !important;
    }

    #player-large #bouton-play img,
    #player-large #bouton-pause img {
        height: 45px;
        width: 45px;
    }

    #player-large #boutons p {
        display: none;
    }

    #player-large #boutons p.canaux {
        display: block;
        text-align: left;
    }

 

    #player-large img.img_reseaux {
        width: auto;
        padding: 5px;
        height: 80px;
        margin: 0 auto;
        float: none;
    }

    #titre p {
        display: block;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }

    p.lien-titres {
        float: none;
        text-align: center;
        display: block !important;
        padding-top: 20px !important;
    }

    .col-titre {
        padding-right: 0;
    }

    .col-titre img {
        display: none;
    }

    .col-titre p {
        text-align: let;
    }

    .col-titre .texte-titre p {
        padding-left: 0;
        text-align: left;
    }

    #titreOpen {
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }

    #titreClose {
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
    }

}

@media screen and (max-width: 540px) {
    #liste-titres{
        display:none;
}
    #player-large #boutons {
        width: 100%;
        max-width: 100% !important;
    }
}



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

    #player-large #boutons-player,
    #player-large #cantons {
        display: block;
        text-align: center;
    }


}