/*
 Theme Name:   ATOS
 Theme URI:    http://www.bluemotion.fr
 Description:  ATOS
 Author:       Belaid Aitdahmane
 Author URI:   http://www.bluemotion.fr
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  atos
*/
/* Theme customization starts here
-------------------------------------------------------------- */
html{
	width:100%;
	height:100%;
}
body{
	position:absolute;
	width:100%;
	height:100%;
	min-width:360px;
	min-height:320px;
	top:0;
	margin:0;
	padding:0;
	font-family:Raleway-Medium,Arial,Helvetica,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	overflow: hidden;
}
body.faq{
	overflow:auto;
}
img{
	max-height:100%;
	max-width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
}
strong{
	font-weight:normal;
}
h1{
	text-align:justify;
	text-align-last:justify;
	font-size:1.6em;
	height:1em;
	letter-spacing:0.2em;
	margin:0;
	padding:0 10px;
	font-weight:normal;
	text-transform:uppercase;
}
h1:after{
	content:"";
	display:inline-block;
	width:100%;
}
h3{
	margin:2.5% 0 0.5% 0;
	padding:0;
	font-weight:bold;
}
.textwidget{
	width:100%;
}
/* CONTAINER
-------------------------------------------------------------- */
#container{
	position:relative;
	width:100%;
	/*max-width:1024px;*/
	height:100%;
	min-height:320px;
	margin:auto;
}
#container{
	width:100%;
	height:100%;
	background:#000;
	background: url('/wp-content/themes/atos/images/background-player.png') no-repeat bottom center!important;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
#container.webcast.container-fullp{
	max-width:100%;
	overflow:auto;
}
/* HEADER
-------------------------------------------------------------- */
#header{
	overflow:hidden;
	width:100%;
	margin:auto;
	background-color: black;
	height: 85px;
	position: absolute;
}
.faq #header{
	margin: 0;
	float: left;
	width:auto;
}
#header img{
	vertical-align:bottom;
	display:block;
	margin:auto;
	padding:0;
}
#header-left img{
	float:none;
}
.faq #header img{
	width: 150px;
	padding-right: 20px;
	margin: 0;
	margin-top: 20px
}
.faq div#back{
	padding: 10px;
	float:right;
	clear: both;;
}
.webcast #header-left{
	float: left;
}
.webcast #header img{
	margin:0;
	padding: 10px;
}
.webcast .hwim-image{
	max-width:35% !important;
}
#header-middle,
.widgettitle{
	display:none;
}
#header-right{
	/*
	float:right;
	margin-top:8px;
	margin-right:2px;
	*/
}
.faq .check-block, .faq .qblock{
	border-right: solid 1px #eee !important;
}
.faq #bande{
	float: left;
		background-image:url('images/fond.gif');
		min-height: 100%;
		min-width: 46px;
		width:46px
}
.faq #content{
	max-width: 93%

}
/* CONTENT
-------------------------------------------------------------- */
#content{
	margin:auto;
	max-width:1024px;
	-webkit-background-size:100% 70%;
	background-size:100% 70%;
	max-width:100%;
	height:70%;
	position:relative;
}
.webcast #content{
	height:100%;
	position:relative;
	margin:0 auto;
	max-width: 1024px;
}
.webcast #content #banner{
	width:100%;
	padding:20px 0px 20px 10px;
	background-color:black;
	height: 100%;
	min-height: 45px;
	max-height: 80px;
}
.webcast #content #banner div{
	max-width:1024px;
	margin:0 auto;
}
#bannerLeft{
	float: left;
	height: 34px;
	padding-right: 40px;
}
#bannerRight{
	float: Right;
	color: white;
	font-family: Raleway-Medium,Arial,Helvetica,sans-serif;
	text-align: right;
	font-size: 24px;
	top: -8px;
	position: relative;
	right: 16px;
}
.faq #content{
	height:100%;
}
.webcast #content,
.vod #content{
	overflow:hidden;
	height:auto;
}
#wrapper{
	text-align:center;
	width:80%;
	max-width:700px;
	height:100%;
	margin:auto;
	overflow:auto;
}
#wrapper-video{
	background:#000;
	/*margin:auto;*/
	margin:30px auto!important;
}
#container[class*=live_before] #wrapper-video,
#container[class*=live_problem] #wrapper-video,
#container[class*=live_break] #wrapper-video,
#container[class*=live_stop] #wrapper-video,
#container[class*=vod_before] #wrapper-video,
.webcast_live_before #wrapper-video,
.webcast_live_problem #wrapper-video,
.webcast_live_break #wrapper-video,
.webcast_live_stop #wrapper-video,
.webcast_vod_before #wrapper-video{
	background:transparent;
}
.webcast_live_before_session1 #wrapper-video,
.webcast_live_before_session2 #wrapper-video,
.webcast_live_break #wrapper-video{
	position:relative;
}
#video{
	height:0;
	padding-bottom:56.2%;
}
#content.notfound{
	height:100%;
}
#content.notfound #wrapper{
	text-align:center;
}
#content.notfound #wrapper p{
	font-weight:bold;
	font-size:1.5em;
	padding-top:10%;
	padding-bottom:2%;
	margin:0;
	color:#39244e;
}
#content.notfound #wrapper a{
	text-decoration:underline;
}
.notfound #content{
	padding-top: 30px;

}
.jw-icon-hd .jw-text{
	text-align:left;
}
.notfound #content #wrapper p{
	color: white;
}
.jw-icon-rewind,
.jw-icon-next,
.jw-icon-cast,
.jw-nextup-container,
.jw-playlist-btn,
.jw-playlist-dock-btn,
.jw-related-btn,
.jw-related-dock-btn{
  display:none!important;
}
#jwp_swf_0{ /* thin border workaround */
	height:calc(100% + 1px);
	top:-1px !important;
	bottom:-1px !important;
	width:calc(100% + 4px);
	left:-2px !important;
}
video.jw-video{ /* thin border workaround */
	width:calc(100% + 4px) !important;
	height:calc(100% + 2px) !important;
	top:-2px !important;
	left:-2px !important;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){/* IE10+ */
	video.jw-video{
		transform:none!important;/* IE */
	}
}
.check-block{
	margin-top: -10px;
}
.countdown{
	position: absolute;
	bottom: 5%;
	/* left: 20px; */
	right: 20px;
	margin: 0 auto;
	width: 60%;
	max-width: 500px;
	overflow: hidden;
	color: #fff;
}
#container[class*=live_before] #wrapper-video,
.webcast_live_before #wrapper-video{ /* for countdown */
  position:relative;
  width:98%;
  background:transparent;
}
/**/
.vimeo-container{
  position:relative;
  //padding-bottom:56.25%;
  overflow:hidden;
  height:100%;
  overflow:hidden;
  height:100%;
}
.vimeo-container iframe,
.vimeo-container object,
.vimeo-container embed{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
/* FOOTER
-------------------------------------------------------------- */
#footer{
	width:100%;
	margin:auto;
	max-width:1024px;
}
#container.webcast.container-fullp #footer{
	display:none;
}
#footer-left,
#footer-middle,
#footer-right{
	position:relative;
	height:85%;
}
#footer *,
#footer-left *,
#footer-middle *,
#footer-right *{
	float:left;
}
#footer-left * *,
#footer-middle * *,
#footer-right * *{
	float:none;
}
#footer-left{
	color:#39244e;
	width:100%;
	min-height:80px;
}
#footer-middle,
#footer-right{
	display:none;
}
#container[class*=live_before] #footer #respond,
#container[class*=live_problem] #footer #respond,
#container[class*=live_break] #footer #respond,
#container[class*=live_stop] #footer #respond,
.webcast_live_before #footer #respond,
.webcast_live_problem #footer #respond,
.webcast_live_break #footer #respond,
.webcast_live_wait #footer #respond{
	display:none;
}
.webcast #footer{
	display:block!important;
	max-width:1138px;
	margin:0 auto;
	color:#fff;
}
.webcast #footer *{
	float:none;
}
.webcast #footer ul.fs{
	text-align:center;
	list-style:none;
	padding:0 20px 20px 0;
	float:none;
}
.webcast #footer ul.fs > li{
	padding:8px;
	display:inline;
}
.webcast #footer ul.fs a{
	color:#fff;
	text-decoration:none;
}
/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-height:480px),
(min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) /* iPhone 2G-4S in landscape */,
(min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) /* iPhone 5 & 5S in landscape */,
(min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) /* iPhone 6 in landscape */{
	body{
		overflow:hidden;
	}
	#header-right{
		float:right;
		width:12%;
		margin-top:2px;
		margin-right:0;
	}
	#header-right #btn-icon{
		float:right;
	}
}
@media all and (max-width:800px){
	.faq #content{
		max-width: 86% !important;
	}
	.faq #header{
		width:150px;
		margin:0 auto;
		float:none;
	}
}
@media all and (max-width:700px){
	#bannerRight {float:none;}
}
@media screen and (orientation: portrait){
	.faq #content{
		max-width:80%;
	}
	.faq #header{
		width:150px;
		margin:0 auto;
		float:none;
	}
}
@media only screen and (max-width:370px){
	#header-left img{
		width:55%;
	}
	#header-right #vod-icon img{
		float:none;
		margin:auto;
		width:70%
	}
	#header-right #btn-icon .widgettitle{
		font-size:0.7em;
		margin-bottom:2%;
	}
}