/*Feuilles de style accueil  */
body {
	font-family:verdana, Arial;
	font-size:12px;
	top:0px;
	left:0px;
	background-color:#000000;
	color: #FFFFFF;
	margin:0;
	padding:0;
	letter-spacing:0px;
	scrollbar-face-color:#333333;
	scrollbar-shadow-color:#000;
	scrollbar-track-color:#000;
	scrollbar-higlight-color:#000;
	scrollbar-3dlight-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-arrow-color:#fff;
	scrollbar-width:8px;
	scrollbar-track-width:4px;
}
a {
	color:#ffffff;
	text-decoration:none;
	}
a:hover {
	color:#e60205;
	cursor:pointer;
	text-decoration:none;
	}
.anews {
	color:#ff0000;
	font-weight: bold;
	}
.anews:hover {
	color:#000000;
	cursor:pointer;
}
/* GENERIC STYLES */
ul, ol{
	list-style: none;
	text-indent: 0;
	padding: 0;
}
@media screen and (max-width: 767px) {
	h1{
		font-size: 24px;
		color: #808080;;
		margin-bottom: 10px;
		margin-top:5px;
		font-weight:bold;
	}
}
@media screen and (min-width: 768px) {
	h1{
		font-size: 32px;
		color: #808080;;
		margin-bottom: 10px;
		margin-top:5px;
		font-weight:bold;
	}
}
h1 a {
	color: #404040;
	}
h1 a:hover{
	color: #505050;
	}
h2{
	font-size: 24px;
	color: #F90;
}
h3{
	font-size: 18px;
	color: #F90;
}
h4{
	margin-top:5px;
	font-size: 14px;
	margin-bottom:10px;
	color: #F90;
}
hr {
	height:1px;
	background-color: #faf0d0;
	border:1px #000 solid;
	
	}
.hrbig {
	height:3px;
	background-color: #f90;
	border:1px #f90 solid;
	}
ul, ol{
	list-style: none;
	text-indent: 0;
	padding: 0;
}
li {
	color: #faf0d0;
	}
#globpage {
	width:804px;
	}

.clear {
	clear: both;
  	height: 0; overflow: hidden; /* empêche le débordement des flottant */
	}
.mysmall {
	font-size:10px;
	} 
/* FM : Utils */
.inline {
	display:inline;
	}
.inlineblock {
	display:inline-block;
	}
.yellow {
	color: #F90;
}
.yellownotif {
	color: #F90;
}
.trend-1 {
	color:#DC93FA;
}
.myblue{
	color:#aaafee;
}
.trend-2 {
	color:#FDF405;
}
.trend-3 {
	color:#ffffff;
}
.domCol {
	color:#DC93FA;
}
.soumCol {
	color:#FDF405;
}
.switchCol {
	color:#ffffff;
}
.maxvideo {
max-width:720px;
	}
.txtleft {
	text-align:left;
	}
.txtright {
	text-align:right;
	}
.green {
	color:green;
	}	
.jaunepale {
	color: #faf0d0;
	}
.red {
	color:#CD0007;
	}
.noir {
	color:#000000;
	}
.white {
	color:white;
	}
.info {
	color:#5bc0de;
	}
.grey {
	color:#888888;
	}
.success {
	color: #449d44;
	}
.blue {
	color: #6666FF;
	}
.primary {
	color: #337ab7;
	}
.warning {
	color: #eea236;
	}
.bgwhite {
	background-color:#ffffff;
	color:#000000;
	}
.bgblack{
	background-color:#000000;
	}
.bggrey0 {
	background-color:#666666;
	}	
.bggrey1 {
	background-color:#555555;
	}
.bggrey2 {
	background-color:#444444;
	}
.bggrey3 {
	background-color:#333333;
	}
.bggrey4 {
	background-color:#222222;
	}
.btnsmall {
    display: inline-block;
    padding: 3px 3px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
	}
.btnbig {
    display: inline-block;
    padding: 12px 16px;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    margin:6px;
}
.limittof {
	max-height:150px;
	overflow:hidden;
	}
.nodeco {
	text-decoration: none;
	}
.mygrey{
	color:#777777;
	}
.femme {
	color:#ef5572;
	}
.homme {
	color:#7788d7;
	}
.italic {
	font-style: italic;
	}
.fdgrey {
	background-color:#222222;
	}
.flright{
	float:right;
	}
.flleft{
	float:left;
	}
.marginR {
	margin-right:10px;
	}
.pointer {
	cursor:pointer;
	}
.third {
	margin-right:1%;
	width:31%;
	}
.half {
	width:48%;
	}
.full {
	width:100%;
	}
.paddItem {
	padding:10px;
	}
.visible {
	display:block;
	}
.notVisible {
	display:none;
	}
.fs12px {
	font-size:12px;
	}
.fs14px {
	font-size:14px;
	}
.fs16px {
	font-size:16px;
	}
.fs18px {
	font-size:18px;
	}
.fs20px {
	font-size:20px;
	} 
.fs24px {
	font-size:24px;
	} 
.fs28px {
	font-size:28px;
	} 
.lh25px{
	line-height:25px;
	}
/* FM : Class Header */
.top15 {
	margin-top:15px;
	}
.bottom15 {
	margin-bottom: 15px;
	}
.stdpadding {
	padding-left:5px;
	}
.annonce {
	background-color: #DDDDDD;
	padding: 10px;
	border-radius: 4px;
	margin-bottom:3px;
	}
.overflowauto {
	overflow:auto;
	}
.annonceGrey {
	background-color: #333333;
	padding: 10px;
	border :1px solid #FF0000;
	border-radius: 4px;
	margin-bottom:10px;
	}
.dropdown-li>form {
	padding-left: 20px;
	}
/******************* surcharge bootstrap */


.navbar-default .navbar-nav>li>a {
    color: #faf0d0;
	}
.dropdown-li {
	background-color:white;
	}
.open {
	background-color:white;
	}
.form-wrapper {padding:0px 15px;}
.alert-errors li {color:black;}
.navbar-default .navbar-nav>.open>a {background-color:#FFF;}
.navbar-default .navbar-nav>.open>a {background-image: linear-gradient(to bottom,#FFF,#FFF 100%);}
.dropdown-header {background-color:#e7e7e7;}

.form-horizontal .control-label {
    padding-top: 0px;
    }

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

form {
    color: black !important;
}



#ajaxModalBody #notification{
	height: 500px;
}

/*#ajaxModalBody a#notificationLink{
	visibility: hidden;
}*/


#notification span {
	padding-left:10px;
	color: #aaaaaa;
	}	

/*a#notificationLink{
	float: right;
}*/

#notification::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000000;
}

#notification::-webkit-scrollbar
{
	width: 6px;
	background-color: #000000;
}
#notification::-webkit-scrollbar-thumb
{
	background-color: #f90;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
#notifmodal::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000000;
}

#notifmodal::-webkit-scrollbar
{
	width: 6px;
	background-color: #000000;
}
#notifmodal::-webkit-scrollbar-thumb
{
	background-color: #f90;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}
@media screen and (min-width: 768px) {
.htitle {
	font-family: Arial;
	font-size:14px;
	font-style: italic;
	color: #faf0d0;
	line-height:44px;
	}
}
@media screen and (max-width: 767px) {
	.htitle {
	font-family: Arial;
	font-size:12px;
	font-style: italic;
	color: #faf0d0;
	line-height:44px;
	}
}
.bold{
	font-weight: bold;
}
.marginlogged {
	margin-top: 90px;
	}
.bottom{
	position: relative;
	bottom: 0;
}
.deco {
    /* font-size: 24px; */
    font-weight: 700;
    line-height: 1;
    color: #f00;
    text-shadow: 0 1px 0 #FFF;
    filter: alpha(opacity=20);
    opacity: .8;
	}
/********* PAGE CONTENT **********/
#page-container{
	padding-top: 10px;
	color: #faf0d0;
}
.pclogged {
	margin-top:10px;
	}

/***************** HEADER ******************/
/***************** non loggé ******************/
@media screen and (min-width: 768px) {
	.homeLeft {
		text-align:left;
		}
	.homeRight {
		text-align:right;
		}
	.pcnolog {
		margin-top:10px;
		}
	}
@media screen and (max-width: 767px) {
	.homeLeft {
		text-align:center;
		}
	.homeRight {
		text-align:center;
		}
	}
#loginHelp a {
	font-size : 12px;
	}
/***************** HEADER ******************/
/***************** loggé ******************/
a.menu{
	color:#ffffff;
	text-decoration:none;
}
a.menu:hover {
	color:#e60205;
	cursor:pointer;
	text-decoration:none;
}
.navbar-brand{
	padding: 0;
}
#chatActive {
	padding:0px;
	}
#tochat {
	padding-right:5px;
	}
@media screen and (min-width: 768px) {
	#navbar {
		border:0px;
		width:100%;
		display:inline-block;
		margin-top:75px;
		margin-bottom:0px;
		min-height:40px;
		}
	.navbar-nav {
		float:left;
		font-size:14px;
		line-height: 24px;
		}	
	.alogout {
		float:right;
		}
	.btnLogout {
		color:white;
		margin-top:2px;
		height:24px;
		padding-top:0px;
		}
	.logologged {
		margin-left:10px;
		height:60px;
		margin-left:15px;
		}
	#notification {
		text-align:right;
		padding-top:3px;
		height:75px;
		max-width:600px;
		overflow-y:scroll;
		font-size:12px;
		line-height:18px;
		margin-right:15px;
		}
	.navbar-default {
		-webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 5px rgba(0,0,0,.075);
		}
	}
@media screen and (max-width: 767px) {
	#navbar {
		display: block;
		background-color: black;
		width:100%;	
		border:0px;
		margin-top:50px;
		
		}
	.navbar-nav {
		float:left;
		margin:0px;
		width :50%;
		}
	.alogout {
		float:right;
		}
	.btnLogout {
		color:white;
		margin-top:2px;
		height:24px;
		padding-top:0px;
		}
	.logologged {
		height:35px;
		margin-left:10px;
		}
	#notification {
		text-align:right;
		padding-top:3px;
		height:40px;
		max-width:210px;
		overflow-y:scroll;
		font-size:10px;
		line-height:18px;
		margin-right:15px;
		}

	}
.arrivee {
	color:#0be1d4;
	}
.notifdate{
	width:20%;
	font-size:10px;
	text-decoration:italic;
	padding-right:10px;
	vertical-align:top;
	}
.notiftxt{
	font-size:12px;
	}
#notifModal {
	overflow-y:scroll;
	max-height:500px;
	}
#messageWaiting{
	color:red;
	}
#letterWaiting{
	color:red;
	}
.navbar-default {
	background-color: black;
	background-image: linear-gradient(to bottom,#000,#000 100%);	
}
nav.navbar{
	background-image: none;
	background-color: black;
	}

.navbar-nav>li>a {
	padding-top: 2px;
	padding-bottom: 2px;
	}

.dropdown-menu {
	font-size:12px;
	margin-top: -45px;
	}

/* FOOTER */
#footerLink {
	margin-top: 30px;
	}
/* FORMS */
.btn-group-lg > .btn, .btn-lg {
	margin: 9px 5px;
    padding: 7px 11px;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
}

/* MODAL */
.modal .modal-content{
	background-color: black;
	border-radius: 4px;
	border: 1px solid red;
	font-size: 16px;
	/*text-align: center;*/
}

/* Disclaimer modal */

#disclaimer h4{
	display: block;
	width: 100%;
	text-align: center;
	color: red;
	font-size: 18px;
	font-weight: bold;
}
#disclaimer #buttons_container{
	width: 50%;
	margin-left: 25%;
	width: 284px;
	height: 101px;
	margin: 0 auto;
}
#disclaimer #buttons_container a{
	display: block;
	width: 50%;
	margin-left: 25%;
	height: 100%;
	border: none;
}
a#confirm_majeur{ background: url('../img/majeur.jpg') no-repeat; }
a#confirm_majeur:hover{ background: url('../img/majeur_hover.jpg') no-repeat; }
a#confirm_mineur{ background: url('../img/mineur.jpg') no-repeat; }
a#confirm_mineur:hover{ background: url('../img/mineur_hover.jpg') no-repeat; }
.close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #f00;
    text-shadow: 0 1px 0 #FFF;
    filter: alpha(opacity=20);
    opacity: .8;
}
/*******************************/
/*********** ADMIN *************/
/*******************************/



div.admin-action a{
	color: black;
}
@media screen and (min-width: 768px) {
.bigger {
	margin-left:-200px;
	min-width:400px;
	}
.admindivider {
	height:5px;
	}
}
.ficheuser{
	border-radius:4px;
	background-color:#333333;
	padding:10px;	
	margin-bottom:5px;
	font-size:14px;
}	

/*******************************/
/*********** INFOS *************/
/*******************************/
.alert {
	margin-bottom :5px;
	padding:5px;
	}
.alert ul li{
	font-weight: bold;
}
.alert-informations ul li, .alert-confirmations ul li{
	color: green;
}
.alert-warnings ul li{
	color: orange;
}
.alert-errors ul li{
	color: red;
}

#ajaxModal #infos-container{
	width: 100%;
}

/*******************************/
/*********** WEBCAM ************/
/*******************************/

#webcam-container .webcam{
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.video-container, .canvas-container{
/*	position: relative;
	display: block;*/
}

.video-control, .canvas-control{
/*	position: absolute;
	top:0px;
	right:0px;*/
	float:right;
	position:relative;
}

.canvas-container{
	width:106px;
	position: relative;
}

.canvas-container a .glyphicon{
	font-size: 16px;
}

.canvas-control{
/*	position: absolute;
*/	bottom:0px;
	left: 0px;
	width: 100%;
}

.canvas-control .webcam-start, .canvas-control .webcam-stop{
	float: left;
	vertical-align: bottom;
}

.canvas-control .webcam-close, .canvas-control .webcam-full, .canvas-control .webcam-small{
	float: right;
}

.webcam-private{
	margin-left: 5px;
}

/*******************************/
/*********** LIGHTBOX **********/
/*******************************/

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url('../img/overlay.png') repeat; 
    text-align:center;
    vertical-align: middle;
    display: none;
}
#lightbox #content{
	width: 640px;
	height: 480px;
	margin: auto;
}
ul#chatMenu li a{
	display: inline-block;
	}
.btnDel {
	display: inline-block;
    margin-bottom: 0;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: red;
    border: 1px solid transparent;
    border-radius: 4px;
	}
/**** positionnement puces profil like link ***/
.fonctionprf {
	float:right;
	}
.fonctionlike {
	float:right;
	height:18px;
	margin-right:5px;
	font-size:18px;
	color:#449d44;
	}
.fonctionlink {
	float:right;
	height:18px;
	margin-right:5px;
	font-size:18px;
	color:#5bc0de;
	}

#webcam-container{
	display: none;
	padding: 5px;
	margin-top: 15px;
}

#webcam-container .webcam{
	border: solid 1px white;
	
}

#webcam-container .close{
	margin-right: 3px;
}
#animContainer {
	height:100px;
	overflow:hidden;
	width:100%;
	}
#animContent {
	height:320px;
	width:100%;
	}
.animPart {
	display:block;
	height:100px;
	width:100%;
	font-size:24px;
	}
.animReward{
	-webkit-animation:reward 16s linear infinite;
	-moz-animation:reward 16s linear infinite;
	-o-animation:reward 16s linear infinite;
	-ms-animation:reward 16s linear infinite;
	animation:reward 16s linear infinite
	}
@-moz-keyframes reward{0%{margin-top:0px}18%{margin-top:-0px}24%{margin-top:-100px}44%{margin-top:-100px}48%{margin-top:-200px}70%{margin-top:-200px}74%{margin-top:-300px}94%{margin-top:-300px}98%{margin-top:0px}}
@-webkit-keyframes reward{0%{margin-top:0px}18%{margin-top:-0px}24%{margin-top:-100px}44%{margin-top:-100px}48%{margin-top:-200px}70%{margin-top:-200px}74%{margin-top:-300px}94%{margin-top:-300px}98%{margin-top:0px}}
@-o-keyframes reward{0%{margin-top:0px}18%{margin-top:-0px}24%{margin-top:-100px}44%{margin-top:-100px}48%{margin-top:-200px}70%{margin-top:-200px}74%{margin-top:-300px}94%{margin-top:-300px}98%{margin-top:0px}}
@keyframes reward{0%{margin-top:0px}18%{margin-top:-0px}24%{margin-top:-100px}44%{margin-top:-100px}48%{margin-top:-200px}70%{margin-top:-200px}74%{margin-top:-300px}94%{margin-top:-300px}98%{margin-top:0px}}
#photoContainer {
	width:90%;
	margin-left:5%;
	overflow:hidden;
	background-color: #333333;
	padding: 10px;
	border :1px solid #FF0000;
	border-radius: 4px;
	margin-top:-10px;
	margin-bottom:-10px;
	}
#photoContent {
	text-align: left;
	width:1840px;
	}
.photoPart {
	display:inline-block;
	height:100px;
	width:176px;
	}
.photolimit{
	width:100%;
	height:230px;
	overflow:hidden;
	vertical-align: top;
	}
.animPhoto{
	-webkit-animation:photo 30s linear infinite;
	-moz-animation:photo 30s linear infinite;
	-o-animation:photo 30s linear infinite;
	-ms-animation:photo 30s linear infinite;
	animation:photo 30s linear infinite
	}
@-moz-keyframes photo{0%{margin-left:0px}9%{margin-left:0px}10%{margin-left:-180px}19%{margin-left:-180px}20%{margin-left:-360px}29%{margin-left:-360px}30%{margin-left:-540px}39%{margin-left:-540px}40%{margin-left:-720px}49%{margin-left:-720px}50%{margin-left:-900px}59%{margin-left:-900px}60%{margin-left:-1080px}69%{margin-left:-1080px}70%{margin-left:-1260px}79%{margin-left:-1260px}80%{margin-left:-1440px}89%{margin-left:-1440px}90%{margin-left:-1620px}98%{margin-left:-1620px}99%{margin-left:0px}}
@-webkit-keyframes photo{0%{margin-left:0px}9%{margin-left:0px}10%{margin-left:-180px}19%{margin-left:-180px}20%{margin-left:-360px}29%{margin-left:-360px}30%{margin-left:-540px}39%{margin-left:-540px}40%{margin-left:-720px}49%{margin-left:-720px}50%{margin-left:-900px}59%{margin-left:-900px}60%{margin-left:-1080px}69%{margin-left:-1080px}70%{margin-left:-1260px}79%{margin-left:-1260px}80%{margin-left:-1440px}89%{margin-left:-1440px}90%{margin-left:-1620px}98%{margin-left:-1620px}99%{margin-left:0px}}
@-o-keyframes photo{0%{margin-left:0px}9%{margin-left:0px}10%{margin-left:-180px}19%{margin-left:-180px}20%{margin-left:-360px}29%{margin-left:-360px}30%{margin-left:-540px}39%{margin-left:-540px}40%{margin-left:-720px}49%{margin-left:-720px}50%{margin-left:-900px}59%{margin-left:-900px}60%{margin-left:-1080px}69%{margin-left:-1080px}70%{margin-left:-1260px}79%{margin-left:-1260px}80%{margin-left:-1440px}89%{margin-left:-1440px}90%{margin-left:-1620px}98%{margin-left:-1620px}99%{margin-left:0px}}
@keyframes photo{0%{margin-left:0px}9%{margin-left:0px}10%{margin-left:-180px}19%{margin-left:-180px}20%{margin-left:-360px}29%{margin-left:-360px}30%{margin-left:-540px}39%{margin-left:-540px}40%{margin-left:-720px}49%{margin-left:-720px}50%{margin-left:-900px}59%{margin-left:-900px}60%{margin-left:-1080px}69%{margin-left:-1080px}70%{margin-left:-1260px}79%{margin-left:-1260px}80%{margin-left:-1440px}89%{margin-left:-1440px}90%{margin-left:-1620px}98%{margin-left:-1620px}99%{margin-left:0px}}
#negatifContainer {
	width:90%;
	margin-left:5%;
	overflow:hidden;
	background-color: #333333;
	padding: 10px;
	border :1px solid #FF0000;
	border-radius: 4px;
	margin-top:-2px;
	}
#negatifContent {
	text-align: left;
	width:1110px;
	}
.negatifPart {
	display:inline-block;
	height:147px;
	width:180px;
	}
.negatiflimit{
	width:100%;
	height:147px;
	overflow:hidden;
	vertical-align: top;
	}
.animnegatif{
	-webkit-animation:negatif 30s linear infinite;
	-moz-animation:negatif 30s linear infinite;
	-o-animation:negatif 30s linear infinite;
	-ms-animation:negatif 30s linear infinite;
	animation:negatif 30s linear infinite
	}
@-moz-keyframes negatif{0%{margin-left:0px}16%{margin-left:0px}17%{margin-left:-180px}33%{margin-left:-180px}34%{margin-left:-360px}50%{margin-left:-360px}51%{margin-left:-540px}67%{margin-left:-540px}68%{margin-left:-720px}84%{margin-left:-720px}85%{margin-left:-900px}99%{margin-left:-900px}100%{margin-left:-1080px}}
@-webkit-keyframes negatif{0%{margin-left:0px}16%{margin-left:0px}17%{margin-left:-180px}33%{margin-left:-180px}34%{margin-left:-360px}50%{margin-left:-360px}51%{margin-left:-540px}67%{margin-left:-540px}68%{margin-left:-720px}84%{margin-left:-720px}85%{margin-left:-900px}99%{margin-left:-900px}100%{margin-left:-1080px}}
@-o-keyframes negatif{0%{margin-left:0px}16%{margin-left:0px}17%{margin-left:-180px}33%{margin-left:-180px}34%{margin-left:-360px}50%{margin-left:-360px}51%{margin-left:-540px}67%{margin-left:-540px}68%{margin-left:-720px}84%{margin-left:-720px}85%{margin-left:-900px}99%{margin-left:-900px}100%{margin-left:-1080px}}
@keyframes negatif{0%{margin-left:0px}16%{margin-left:0px}17%{margin-left:-180px}33%{margin-left:-180px}34%{margin-left:-360px}50%{margin-left:-360px}51%{margin-left:-540px}67%{margin-left:-540px}68%{margin-left:-720px}84%{margin-left:-720px}85%{margin-left:-900px}99%{margin-left:-900px}100%{margin-left:-1080px}}