*.jwlogo {display:none;}
*.jw-logo {width:100%}
img.jw-logo-image {width:100%;opacity:1; }
*.jwclick, *.jwclick_item, *.jw-rightclick  {display:none;position:absolute;top:-999em;left:-999em;height:0px;width:0px;border:none;visibility:hidden;content:''}


.copyname { 
position:absolute;
/*
top:45%;left:50%;
margin:-40px 0 0 -25%;
width: 50%;
text-align: center;
*/
z-index:2147483647;
color: #FFF;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 1);
/*padding:10px 20px;*/
height:20px;
line-height:20px;
font-size:20px;
font-weight:700;
opacity:0.5;
/*
top:8px;
left:8px;
z-index:2147483647;
color: #FFF;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
padding:20px;
font-size:20px;
font-weight:700;
opacity:0.2;*/
top:8px;
left:8px;
}
.copysite {
position:absolute;
float:none;
/*
top:100%;
left:8px;
margin-top:-70px;*/
/*
top:45%;left:50%;
margin:-20px 0 0 -25%;
width: 50%;
text-align: center;
*/
z-index:2147483647;
color: #FFF;
text-shadow: 1px 2px 5px rgba(0, 0, 0, 1);
/*padding:10px 20px;*/
height:20px;
line-height:20px;
font-size:20px;
font-weight:700;
opacity:0.5;
top:28px;
left:8px;
}

/*
.jwplayer.jw-flag-fullscreen .jw-controls .jw-controls-right {
    position: relative;
    top: 50%;
    right: 50%;
}


.copynamenormal { 
position:absolute;
top:8px;
left:8px;
}
.copysitenormal {
position:relative;
float:right;
top:-80px;
margin-top:0px;
position:absolute;
float:none;
top:100%;
right:8px;
margin-top:-68px;
}

.copynamefullscreen { 
position:absolute;
top:8px;
left:8px;
}
.copysitefullscreen {
position:absolute;
float:none;
top:35%;
right:8px;
margin-top:-68px;
}
*/

* {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
body { 
    height: 100%;/**/
    background:#DADFE1;
   
}
a {
	color:#7f8c8d;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	/*color: #367889;*/
    color:#f39c12;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: bold;
	
}
h1 {color: #446CB3;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
	color: #c92434;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/**/
	font-size: 190%;
}
h1.titre {
	margin-top: 0;
}
h3 {
	color: #22A7F0;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 165%;
}
h4 {
	color: #5bc0de;
	font-weight: normal;
}
h5,h6 {
	color: #7cadbe;
	font-weight: normal;
}
ul, li {
	margin: 0 0px;
}
p {
	margin: 0 0 1em 0;
}


/** Layout **/
img#brandlogo{margin-top: 5px;}

@media (max-width:767px) {
	.row {
    margin-right: -5px;
    margin-left: -5px;

}
}

a.navbar-brand {
    padding: 0 15px;
}
#mainnav {
    border-radius: 0px;margin: 0 0 0 0;z-index: 1000;background-color: #6C7A89;border: none;padding: 0 10px;
	/*height:55px; background:#2c3e50;border:none;*/border-bottom:  5px solid #BDC3C7;
}
#mainnav ul, #mainnav li{
    background: #6C7A89;
}
.navbar-collapse {
    padding-left: 0;padding-right: 0px;
}
.navbar-nav {
    margin: 0px 15px;
}
.navbar-right {
    margin: 0px 0px;
}
@media (min-width:768px) {
.navbar-right {
    float: right !important;
    margin-right: 5px;
}
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}


.navbar-inverse {
/*background: #2c3e50;
border-color: #2c3e50;*/
    background-color: #6C7A89;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
/*color: #fff;
background-color: #080808;
background-color: #7f8c8d;*/
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
/**/color: #fff;
background-color: #BDC3C7;
border-color: #fff;
}
.navbar-inverse .navbar-brand {
/*color: #fff;*/
padding:0px 15px;line-height: 55px;height:55px;
}

.navbar-inverse .navbar-nav > li > a ,
.navbar-inverse-bottom .navbar-nav > li > a {
color: #fff;padding:0px 15px;line-height: 55px;height:55px;
}

.navbar-inverse .navbar-nav > li > a:hover ,
.navbar-inverse-bottom .navbar-nav > li > a:hover {
color: #BDC3C7;
}
.navbar-inverse .navbar-toggle {
/*border-color: #fff;background: #2c3e50;*/
}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus  {
/*border-color: #fff;background: #2c3e50;*/
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
    background-color: #BDC3C7;
}

#mainnav ul.dropdown-menu,#mainnav .dropdown-menu>li,#mainnav ul.dropdown-menu,#mainnav .dropdown-menu>li a:hover{ 
/*
background-color: #7f8c8d;
color: #fff;
*/
}
#mainnav ul.dropdown-menu,#mainnav .dropdown-menu>li a:hover{ 
/*
background-color: #bdc3c7;
color: #fff;
*/
}
#mainnav .dropdown-menu>li>a{ 
/*color: #fff;*/
}
#mainnav  .active ul.dropdown-menu, #mainnav .active .dropdown-menu>li{ 
    /*
background-color: #95a5a6;
color: #fff;
*/
}
#mainnav .container{
    padding: 0 0 0 0;
}
.container {
	text-align: left;
}

.breadcrumb {
background-color: #f5f5f5;
border:1px solid #ddd;
}

.main { padding:15px;

}

.maintitle{
color: #BDC3C7;
}



#header{
	padding: 10px 20px;font-size: 0.9em;
}
#header h1 {
	line-height:20px;
	background:#2c3e50 url('../../img/cake.icon.png') no-repeat left;
	color: #fff;
	padding: 0px 30px 0px 30px;font-size:18px;margin:0 0 0 0;
}
#header h1 a {
	/*color: #fff;
	background:#2c3e50;*/
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	/*color: #fff;
	background:#2c3e50;*/
	text-decoration: underline;
}
#logout {
	margin:0  0 0 20px;
	padding:0px 0 0 0;height:55px;line-height: 55px;/**/
}

#content{
	background: #ddd;
	clear: both;
	color: #333;
	padding: 15px 15px 15px 15px;
	/*overflow: auto;*/
}


.bienvenuemembre {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;background:0#e2007a;font-weight: bold;color:white;
    padding: 10px 15px;margin :0 0 20px 0;
    border:1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#footer {
	clear: both;
    margin-top:2em;
	padding: 6px 10px;
	text-align: right;
    /*background:#34495e;*/
    background:#ABB7B7;
    height: auto;
}

#footerlinks{
    float: left;
    font-weight: 500;
}#footerlinks a{
    font-size: 0.8em;
    font-weight: 500;
}
#header a, #footer a {
	color: #fff;
}
/** containers **/
div.form,
div.index,
div.view, div.related {
	padding: 15px 15px;border: 1px solid #ddd;border-radius: 4px;background: #fff;
}

/**  Actions  **/
div.actions {
	float:right;margin:-5px -0px;
	padding: 4px 4px 4px 4px;border: 1px solid #ddd;border-radius: 4px;background: #BDC3C7;background: #ddd;
}
div.panel-actions {
	float:right;margin:-5px -0px;display: inline-block;
    padding: 0px 0px 0px 0px;border: none;background:  none;
}
div.actions ul li { display: inline-block;}

div.actions h3 {
	padding-top:0;display:none;
	color:#777;
}

/**  Actions  **/
.actions ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.actions li {
	margin:0 0 0 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0 0 0 0;
}
.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}


/** Related **/
.related {
	clear: both;
	display: block;
    margin-top: 15px;
}

.related h3, .related h4{
    float: left;margin-right: 10px;margin-top: 0px;
}
.related table{
	clear: both;
}

.haut{
        float:right;
    }

.text-info {
    margin-top: 2em;
    font-size: 0.8em;
  color: #999;
}

.text-info:hover {
  color: #777;
}

div.maj {
    clear: both;
    margin: 15px 0 0 0;
    padding: 2px  0 0 0;
    border-top: 1px solid #eee;
}
/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}
form{display: block;margin:0 0 0 0;padding: 0 0 0 0;}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
div.form-group-date select,  select.form-group-date {
    /*float:left;*/
    display: inline-block;
    width: auto;
    margin-right: 5px;
}

.form-group ul{
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/** Scaffold View **/
dl {
  margin-bottom: 0px;
}

dt,
dd {
  line-height: 2em;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 100%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}

dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 14em;clear: left;
}
dd {
	margin-left: 14em;
	margin-top: -2em;
	vertical-align: top;
}

/** Tables **/
table {
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(even) {
	background: #f9f9f9;
}
table tr.formation-historique {
	background: #faf2cc;
}
table tr.formation-historique:nth-child(even) {
	background: #eae2c0;
}
td.actions {
	text-align: center;
	white-space: nowrap;
    width: 50px;
}
table td.actions a {
    display: block;margin: 0px 1px 2px 1px;
	padding:1px 4px 1px 4px;
}
 a.actions {
    display: inline-block;margin: 0px 1px 2px 1px;
	padding:1px 4px 1px 4px;
}

.actions a , a.actions{
	font-weight:normal;
	padding: 2px 4px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions a:hover , a.actions:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

.panel {
    clear: both;
}
.related .panel{
    margin-bottom: 10px;
}
.panel-action {
  border-color: #e2007a;
}

.panel-action > .panel-heading {
  color: #ffffff;
  background-color: #e2007a;
  border-color: #e2007a;
}

.panel-action > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e2007a;
}

.panel-action > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-action > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e2007a;
}

.panel-related {
  border-color: #9a7c63;
}

.panel-related > .panel-heading {
  color: #ffffff;
  background-color: #9a7c63;
  border-color: #9a7c63;
}

.panel-related > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #9a7c63;
}

.panel-related > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-related > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #9a7c63;
}
.panel-menu {
  border-color: #476178;
}

.panel-menu > .panel-heading {
  color: #ffffff;
  background-color: #476178;
  border-color: #476178;
}

.panel-menu > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #476178;
}

.panel-menu > .panel-heading > .dropdown .caret {
  border-color: #ffffff transparent;
}

.panel-menu > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #476178;
}

.panel-heading-actions {
    float: right;
    /*margin: -6px -12px;*/
}

div.panel-success div.panel-heading h4.panel-title {
    color : #5cb85c;
    border-bottom: none;
}

div.panel-success {
    color : #999;
}
h3.panel-title {
    float: none;
}


.sequence-upload {
    
    margin: 15px;
    
}
.sequence-upload .progress{
    display: none;
    margin: 15px 0px;
    
}
/*
.video-container {
	 width: 100%;
     display: block;
     padding: 0px;
	 margin: 0px auto 20px auto;
     background: #000;
	}
video {
  display: block;
  width: 100%    !important;
  height: auto   !important;
  max-width: 100%;
  border: 1px solid #ddd;
  margin:-1px -1px 0px 0px;
}*/
.videoplayer {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.sequence-thumbnail {
    border: 1px solid #ddd;
}

.spinner {display: inline-block;
  margin: 0px auto;
  color:#446CB3;
  font-size: 0.8em;
  text-align: center;
}

.spinner > div {
  width: 5px;
  height: 5px;
  background-color: #446CB3;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

#UserAdminLoginForm {
max-width: 300px;
margin: 1em auto;
padding: 1em;
}


.w-100 {
width:100%;
}