body{
	background-image : url('../images/cl_back.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.fenetre{
	color:white;
}
.fenetre h2{
	color:white;
}
.fenetre h2:hover{
	color:white;
}
.fenetre h2:active{
	color:white;
}
.fenetre h3{
	color:white;
}

.closeContentA{
	z-index : 14;
	width   : 42px;
	height  : 42px;
	border  : solid 0px gray;
	display : inline-block;
	margin-top:-5px;
	background-image : url('../images/arrowleftwhite.png');
	background-repeat:no-repeat;
	text-decoration : none;
}

.closeContent{
	z-index:14;
	margin-top:-5px;
	text-decoration : none;
}

.btsubtitle{
	position:absolute;
	left:250px;
	top:100px;
	text-align:right;
	font-size: 17pt;
	color:#585858;
	font-style:italic;
}

.btsubscribe{
	position:absolute;
	display:block;
	left:-200px;
	top:0px;
	padding:6px;
	text-align:center;
	font-size: 17pt;
	width:200px;
	border: 1px #ccc solid !important;
	cursor : pointer;
	background: #5858FA;
	color:white;
}
.btsubscribe:hover{
	background: #DF0101;
	color:yellow;
}

.btnnext{
	position: absolute;
	display: block;
	right: 1px;
	top: 107px;
	height: 34px;
	width: 130px;
	background: #298A08;
	background-image : url('../images/next.png');
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	color:white;
	font-size:9px;
}
.btnnext:hover{
	background: #DF0101;
	background-image : url('../images/next.png');
	background-repeat:no-repeat;
	background-position:right center;
	color:yellow;
}
.labelnext{
	position: absolute;
	left: 7px;
	top: 8px;
	height: 20px;
	width: 92px;
	border:solid 0px white;
	font-size:9px;
}

.btabo{
	position:absolute;
	display:block;
	right: 50px;
	top:0px;
	margin-left:-75px;
	padding:6px;
	text-align:center;
	font-size: 17pt;
	width:200px;
	border: 1px #ccc solid !important;
	cursor : pointer;
	background: #DF0101;
	color:white;
	display:none;
}
.btabo:hover{
	color:yellow;
}

.contentShowHtml{
	position:absolute;
	left:0px;
	top:8px;
	border: 1px #ccc solid !important;
	width:98%;
	max-width:800px;
	height:auto;
	max-width:800px;
	margin:0px;
	background:#1d1d1d;
	z-index:13;
	overflow:hidden;
	padding:1%;
	color:white;
	display:none;
}

.labelform{
	color:white;
	margin-bottom:0.5em;
}

.titleh3{
    font-family: 'Segoe UI Light','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 22pt;
    font-weight: 200;
    letter-spacing: 0.01em;
    line-height: 24pt;
	margin-bottom:0.5em;
}

.imageintegre{
	position : relative;
	float:right;
	width:40%;
	padding:10px;
	border:solid 1px gray;
}
.imageintegre img{
	width:100%;
}

/*DELETE*/
.btndelete{
	position : absolute;
	right : -2px;top : -3px;
	width : 32px;height : 25px;
	border : solid 0px gray;
	background : url("icon_delete.png") no-repeat center transparent;
	cursor : pointer;
	z-index:100;
}
.btndelete:hover{background-color : #F6CECE;}

/*UP*/
.btnup{
	position : absolute;
	right : -2px;bottom : 28px;
	width : 32px;height : 25px;
	border : solid 0px gray;
	background : url("up.png") no-repeat center transparent;
	cursor : pointer;
	z-index:100;
}
.btnup:hover{background-color : #F6CECE;}

/*DOWN*/
.btndown{
	position : absolute;
	right : -2px;bottom : -3px;
	width : 32px;height : 25px;
	border : solid 0px gray;
	background : url("down.png") no-repeat center transparent;
	cursor : pointer;
	z-index:100;
}
.btndown:hover{background-color : #F6CECE;}

.btnedit{
	position : absolute;
	left : 2px;top : -3px;
	width : 32px;height : 25px;
	border : solid 0px gray;
	background : url("icon_pen.png") no-repeat center transparent;
	cursor : pointer;
	z-index:100;
}
.btnedit:hover{background-color : #F6CECE;}

.btnTitleEdit{
	display 		: inline-block;
	border 			: solid 0px gray;
	background 		: url("icon_pen_white.png") no-repeat center transparent;
	cursor 			: pointer;
	margin-bottom	: -2px;
	z-index			: 100;
}
.btnTitleEdit:hover{background-color : #F6CECE;}

.abofond{
	background : url("../images/abodeco.png") no-repeat right center ;
}

.ministats{
	position:absolute;
	left:5px;
	bottom:5px;
	background-color: #B40486;
	color:white;
	border:solid 1px black;
	box-shadow: 0 0 1px #FFFFCC inset;
	width:42px;
	height:41px;
	z-index:100;
	cursor:pointer;
}
.ministats:hover{
	border:solid 1px gray;
}

.bt-color-white{
	font-size:20pt;
}

.listemedias{
	position:absolute;
	width:97%;
	height:21%;
	bottom:50px;
	left:10px;
	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	background:#1d1d1d;
	z-index:13;
	overflow:hidden;
}

.containsmedias{
	float:left;
	padding-top:1%;
	padding-left:1%;
	margin-left:100px;
	height:97%;
	z-index:13;
	overflow:hidden;
}

.firstmedias{
	float:left;
	margin-right:1%;
	height:100%;
	z-index:14;
	display:none;
}

.imgmedias{
	float:left;
	margin-right:3px;
	height:100%;
	z-index:14;
	border:none;
	display:none;
}

.handsee{
	position : absolute;
	left : 10px;
	top : -25px;
	z-index : 4;
	display:none;
}

.centermedias{
	position:absolute;
	width:100%;
	top:64px;
	left:0px;
	border:solid 0px gray;
	background:#1d1d1d;
	text-align:center;
	z-index:12;
	display:none;
}

.beginlesson{
	clear: both;
	color:black;
	display: table;
	background-color: #F7BE81;
    color: black;
	border: 1px solid transparent;
    border-radius: 0 0 0 0;
    cursor: pointer;
    display: inline-block;
    font-family: 'Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    padding: 5px;
	margin-top:5px;
    vertical-align: middle !important;
    width: 65%;
	text-decoration:none;
}
.beginlesson:hover{
	padding-left: 20px;
	background-color: #FA5882;
}

.beginlesson{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.informations{
	position : absolute;
	width : 500px;
	height : 18px;
	line-height: 18px;
	left : 0px;
	bottom : 0px;
	background-color : #6E6E6E;
	color : white;
	border-top-right-radius: 13px;
	-moz-border-top-right-radius: 13px;
}
.informations a{
	float:left;
	color : white;
	padding-left:10px;
	font-size: 9px;
}
.informations a:hover{
	color : yellow;
}