/* */
@font-face {
	font-family: Bretagne;
	font-weight: 400;
	src: url(crb-font/fonts/bretagnepro-reg.eot?embdur);
	src: url(crb-font/fonts/bretagnepro-reg.eot?#iefix) format('embedded-opentype'), 
		url(crb-font/fonts/bretagnepro-reg.woff?embdur) format('woff'), 
		url(crb-font/fonts/bretagnepro-reg.ttf?embdur) format('truetype'), 
		url(crb-font/fonts/bretagnepro-reg.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
	font-family: Bretagne;
	font-weight: 700;
	src: url(crb-font/fonts/bretagnepro-bold.eot?embdur);
	src: url(crb-font/fonts/bretagnepro-bold.eot?#iefix) format('embedded-opentype'), 
		url(crb-font/fonts/bretagnepro-bold.woff?embdur) format('woff'), 
		url(crb-font/fonts/bretagnepro-bold.ttf?embdur) format('truetype'), 
		url(crb-font/fonts/bretagnepro-bold.svg#glyphicons_halflingsregular) format('svg')
}
.icst-body {
    font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
}
.icst-player-top {
	border-top: 1px solid #5a9eaa !important;
    border-left: 0px solid #5a9eaa !important;
	border-bottom: 1px solid #5a9eaa !important;
    border-right: 0px solid #5a9eaa !important;
}
.icst-player-left {
	border-top: 1px solid #5a9eaa !important;
    border-left: 0px solid #5a9eaa !important;
	border-bottom: 1px solid #5a9eaa !important;
    border-right: 0px solid #5a9eaa !important;
}
.icst-playlist-title {
	font-size:14px !important;
	color: #333 !important;
}

.icst-playlist-desc {
	font-size:12px !important;
	color: #333 !important;
}

.list-group {
	border-top-color: #5a9eaa !important;
    border-right-color: #5a9eaa !important;
    border-bottom-color: #5a9eaa !important;
    border-left-color: #5a9eaa !important;
    border: 0px solid #eee !important;
    background: #eee !important;}

.list-group-item {
	border-top-color: #5a9eaa !important;
	border-right-color: #5a9eaa !important;
	border-bottom-color: #5a9eaa !important;
	background-color: #eee !important;
    padding: 5px 15px !important;
}

a.list-group-item {
	color: #676767 !important;
	border-top-color: #5a9eaa !important;
	border-right-color: #5a9eaa !important;
	border-bottom-color: #5a9eaa !important;
	background: #eee !important;
}

/*rollover fond de playlist*/
a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item:hover .list-group-item-heading,
a.list-group-item:hover .list-group-item-text,
a.list-group-item:focus .list-group-item-text {
	background-color: #5a9eaa !important;
	color: #FFFFFF !important ;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item:hover {
	background-color: #5a9eaa !important;
}
/*rollover fond de playlist point sélectionné*/
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	background-color: #5a9eaa !important;
	border-top-color: #5a9eaa !important;
	border-right-color: #5a9eaa !important;
	border-bottom-color: #5a9eaa !important;
	color: #FFFFFF !important;
	padding-left: 35px !important;
	background-image: url(images/puces/puces_message_forward.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px 8px !important;
}

a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
	color: #FFFFFF !important;
}

a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
	color: #FFFFFF !important;
}

a.list-group-item.active_dvr:hover,
a.list-group-item.active_dvr:focus,
a.list-group-item.active_dvr,
a.list-group-item.active_dvr:focus .list-group-item-heading,
a.list-group-item.active_dvr:hover .list-group-item-heading {
	background: #C8E9F3 !important;
	color: #333 !important;
}
.row {
    margin-left: -3px !important;
    margin-right: -2px !important;
}
/**/
.vjs-logo-hidden {
	visibility: visible !important;
	width: 52px;
	height: 50px;
	background-image: url(https://secure.synople.tv/mediacenter3/custom/logo/CRBretagne_logo.jpg)!important;
}

#myTabContent {
    height: calc(100% - 74px) !important;
}

#myTabs.nav-tabs {
	font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
	font-weight: 400 !important;
	height: 55px !important;
	padding-top: 2px !important;
	background: transparent !important;
	width: 100% !important;
}

.nav-tabs {
	height: 43px !important;
	padding-top: 12px !important;
	background-color: #eee !important;
}

.nav-tabs > li > a {
	border-top: 1px solid #5a9eaa !important;
}

.nav-tabs>li>a:hover {
	border-top: 1px solid #8f8f8f !important;
	border-left: 1px solid #8f8f8f !important;
	border-right: 1px solid #8f8f8f !important;
	color: #676767 !important;
}

#myTabs.nav-tabs > li > a::before {
	background-color: #5a9eaa !important;
	border-top: 1px solid #5a9eaa !important;    
	border-left: 1px solid #5a9eaa5 !important;    
	border-right: 1px solid #5a9eaa !important;    
}
#myTabs.nav-tabs > li > a:after {
	border-color: #5a9eaa transparent transparent transparent !important;
	border-width: 6px 4px 0 4px !important;
}

.nav-tabs> li.active > a {
	color: #333 !important;
	background-image: none !important;
	padding: 6px 25px !important;
	margin-top: -4px;
	background-color: #fff !important;
	border-top: 1px solid;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	border: 1px solid #5a9eaa !important;
}

.nav-tabs li.active a:before {
	background: #5a9eaa !important;
	height: 5px !important;
}

/*onglets inactifs*/
#myTabs.nav-tabs > li > a{
	color: #545454 !important;
	margin: 11px 0 0 !important;
	border-radius: 1px !important;
	padding: 11px 5px 16px !important;
	border-left: 1px solid #878787 !important;
	border-top: 1px solid #878787 !important;
	border-right: 1px solid #878787 !important;
	border-bottom: none !important;
	background-image: none !important;	
}

/*onglet actif*/
#myTabs.nav-tabs > li > a:hover,
#myTabs.nav-tabs > li.active > a,
#myTabs.nav-tabs > li.active > a:hover {
	margin: 0 !important;
	border: 1px solid #878787 !important;
	border-bottom: none !important;
	padding: 18px 5px 16px !important;
	background-image: none !important;
	color: #545454 !important;
}

#myTabs.nav-tabs > li > a:hover,
#myTabs.nav-tabs > li.active > a,
#myTabs.nav-tabs > li.active > a:hover,
#myTabs.nav-tabs > li.active > a:focus {
	font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
	color: #333 !important;
	font-size: 1.2em;
	background-image: none !important;
	padding: 18px 5px 20px !important;
	margin-top: 0px;
	background-color: #fff !important;
	border-bottom: none !important;
	margin: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	border: 1px solid #5a9eaa !important;
}

.nav-tabs> li.ordre a {
	border: 1px solid #5a9eaa !important;
}

.nav-tabs> li.ordre.active > a {
	border-left: 1px solid #5a9eaa !important;
}

.nav-tabs> li.ordre.active > a:after {
	border-top: 1px solid #5a9eaa !important;
	background-color: #eee !important;
}

.nav-tabs> li.contenu.active > a {
	border-right: 1px solid #5a9eaa !important;
}

.nav-tabs> li.contenu.active > a:before {
	border-top: 1px solid #5a9eaa !important;
}

.nav-tabs> li.ordre > a,
.nav-tabs> li.contenu > a,
.nav-tabs> li.embed > a,
.nav-tabs> li.ordre.active > a,
.nav-tabs> li.contenu.active > a,
.nav-tabs> li.embed.active > a {
	font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
	border: 1px solid #5a9eaa;
	font-size: 1.2em;
	
}

.tab-pane {
	background-color: #eee!important;
}

#myTabContent {
	background: #eee !important;
	overflow: auto; /*hidden*/
	border: 1px solid #5a9eaa !important;
	margin-top: -6px !important; /* -6*/
}


#contenus div.vert div {
	color: #333 !important;
	margin-right: -1px !important;
}

#contenus div.bleu div {
	color: #333 !important;
	margin-right: -1px !important;
}

#intervenant_progress_inner {
	background: #5a9eaa !important;
}

#point_progress_inner {
	background: #5a9eaa !important;
}

#titrage_watermark {
	/* 	*/height: 69px; 	 
	background-image: url(https://secure.synople.tv/mediacenter3/custom/titrages/CRBretagne_Titrage.png) !important;
}

/* à utiliser quand un prgrm ne doit pas contenir de titrage => remplacer 4720 par n° du prgrm 
.body-vod-4720 #titrage_watermark {
	display: none !important;
}*/

#titrate_watermark_titre {
	font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
	color: #333333 !important;
	margin-left: 10%;
	top: 20%!important;
	position: absolute;
}

.speaker_orga {
	font-family: Bretagne,"Trebuchet Ms",Helvetica,Arial,sans-serif !important;
	font-weight: normal !important;
}

#titrate_watermark_titre.fullscreen{
	margin-left: 18%;
	font-size:40px;
	top: 24% !important;
	line-height: 110% !important;
}

.speaker_orga.fullscreen{
	font-size:26px !important;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
		line-height: 25px !important;
		border: 1px solid #5a9eaa!important;
	}
}
#embed {
    border: 1px solid #5a9eaa!important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
    border: 1px solid #5a9eaa !important;
}

.item-keywords-speaker {
	padding-left: 30px !important;
	color: #333 !important;
	/*background-image: url(images/puces/puces_play_button_flecheseule_bleue_CG93.png) !important;*/
	background-repeat: no-repeat !important;
	background-position: 6px -1px !important;
	font-weight:normal !important;
}

@media all and (max-width: 1200px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:13px;
	}
	#titrate_watermark_titre {
		font-size:30px;
		top: 25% !important;
		line-height:110% !important;
	}
	.speaker_orga{
	font-size:26px !important;
	line-height:95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:13px !important;
	padding:0 !important;
}
	
}
@media all and (max-width: 1000px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:12px;
	}
	#titrate_watermark_titre {
		font-size:26px;
		top: 20% !important;
		line-height:110% !important;
		padding-left: 80px;
				padding-top: 11px;

	}
	.speaker_orga{
	font-size:22px !important;
	padding-right: 145px !important;
	line-height: 95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:12px !important;
	line-height:95% !important;
}
	
}
@media all and (max-width: 900px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:12px;
	}
	#titrate_watermark_titre {
		font-size:28px;
		top: 20% !important;
		line-height:115% !important;
		padding-left: 80px;
		padding-top: 12px;

	}
	.speaker_orga{
	font-size:20px !important;
	padding-right: 135px !important;
	line-height: 95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:12px !important;
	padding:0 !important;
}
}
@media all and (max-width: 800px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:11px;
	}
	#titrate_watermark_titre {
		font-size:26px;
		top: 20% !important;
		line-height: 110% !important;
		padding-left: 90px;
		padding-top: 10px;
	}
		.speaker_orga{
	font-size:18px !important;
	padding-right: 150px !important;
	line-height: 90% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:11px !important;
	padding:0 !important;
}
}
@media all and (max-width: 700px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:11px;
	}
	#titrate_watermark_titre {
		font-size:22px;
		top: 20% !important;
		line-height: 110% !important;
		padding-left: 50px;
		padding-top: 0px;
	}
	.speaker_orga{
	font-size:18px !important;
	padding-right: 150px !important;
	line-height: 105% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:11px !important;
	padding:0 !important;
}
	
}
@media all and (max-width: 600px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:11px;
	}
	#titrate_watermark_titre {
		font-size:18px;
		top: 25% !important;
		line-height: 120% !important;
		padding-left: 40px;
		padding-top: 0px;
	}
	.speaker_orga{
	font-size:16px !important;
	padding-right: 140px !important;
	line-height: 95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:11px !important;
	padding:0 !important;
}
}
@media all and (max-width: 490px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:10px;
	}
	#titrate_watermark_titre {
		font-size:16px;
		top: 25% !important;
		line-height: 110% !important;
		padding-left: 40px;
		padding-top: 2px;
	}
	.speaker_orga{
	font-size:14px !important;
	padding-right: 110px !important;
	line-height: 95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:10px !important;
	padding:0 !important;
}
	
}
@media all and (max-width: 426px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:10px;
	}
	#titrate_watermark_titre {
		font-size:14px;
		top: 27% !important;
		line-height: 115% !important;
		padding-left: 30px;
		padding-top: 2px;
	}
	.speaker_orga{
	font-size:12px !important;
	padding-right: 120px !important;
	line-height: 100% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:9px !important;
	padding:0 !important;
}
	.position_ .row.icst-pl-search {
    float: left;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
	}
}
@media all and (max-width: 380px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:9px;
	}
	#titrate_watermark_titre {
		font-size:13px;
		top: 27% !important;
		line-height: 90% !important;
		padding-left: 20px;
		padding-top: 5px;
	}
	.speaker_orga{
	font-size:11px !important;
	padding-right: 90px !important;
	line-height: 95% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:10px !important;
	padding:0 !important;
}
	.position_ .row.icst-pl-search {
    float: left;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
	}
}
@media all and (max-width: 325px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:9px;
	}
	#titrate_watermark_titre {
		font-size:11px;
		top: 32% !important;
		line-height: 75% !important;
		padding-left: 20px;
		padding-top: 5px;
	}
	.speaker_orga{
	font-size:10px !important;
	padding-right: 70px !important;
	line-height: 100% !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:7px !important;
	padding:0 !important;
}
	.position_ .row.icst-pl-search {
    float: left;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
	}
}
@media all and (max-width: 205px) {
	body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
		font-size:9px;
	}
	#titrate_watermark_titre {
		font-size:8px;
		top: 40% !important;
		line-height: 60% !important;
		padding-left: 15px;
		padding-top: 3px;
	}
	.speaker_orga{
	font-size:7px !important;
	padding-right: 5px !important;
}
/* gestion du speaker orga dans Tab intervenant */
	#myTabContent .speaker_orga {
	font-size:7px !important;
	padding:0 !important;
}
	.position_ .row.icst-pl-search {
    float: left;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
	}
}