body { 
  background: url('../img/background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html {
 position: relative;
 min-height: 100%;
}

h1{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
}

.scroll-left {
	height: 50px;  
	overflow: hidden;
	position: relative;
	background-color: white;
	opacity: 1;
	color: black;
	border: 1px solid Lightgrey;
	border-radius: 5px;
 }
.scroll-left p {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	/* Starting position */
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);  
	transform:translateX(100%);
	/* Apply animation to this element */  
	-moz-animation: scroll-left 40s linear infinite;
	-webkit-animation: scroll-left 40s linear infinite;
	animation: scroll-left 40s linear infinite;
	}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
	0%   { 
		-moz-transform: translateX(100%); /* Browser bug fix */
		-webkit-transform: translateX(100%); /* Browser bug fix */
		transform: translateX(100%);     
	}
	100% { 
		-moz-transform: translateX(-100%); /* Browser bug fix */
		-webkit-transform: translateX(-100%); /* Browser bug fix */
		transform: translateX(-100%); 
	}
}
.required label:after{
	content:" *";
}

.admin-area-links{
	margin-bottom: 10px;
}

.alpha-80{
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(248, 248, 248);
    /* RGBa with 0.8 opacity */
    background-color: rgba(248, 248, 248, 0.8);
}

.alpha-60{
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.8);
}

#login-btn {
	margin-top: 10px;
	display: block;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}

#login-btn.btn-danger:hover {
	background-color: #d2322d;
	border-color: #ac2925;
}

#login-btn.btn-info:hover {
	background-color: #39b3d7;
	border-color: #269abc;
}

.margin-top {
	margin-top: 30px !important;
}

#navigation {
	border-radius: 0;
}

#content {
	margin-top: 30px;
	color: black;
	margin-bottom: 130px;
}

.article {
	display: block;
	margin-top: 20px;
}

.art_content  {
/* 	background-color:white;
opacity: 0.6; */
	padding: 10px 10px 10px 10px;
}

.standard_content{
/* 	background-color:white;
background-opacity: 0.6; */
	padding: 10px 10px 10px 10px;
	margin-top: 20px;
	display: block;
}

 h4 {
	font-size: 12px;
}

#content h2 {
	font-size: 14px;
	width: 35%;
	color:white;
	padding: 5px 0 5px 0;
	text-align: center;
}

.article>h2 {
	width: 100% !important; 
	padding: 5px !important;
}

.navbar-brand img {
	height: 39px;
	display: block;
	margin-top: -10px;
}

.blue {
	background-color: #3498db;
}

.red {
	background-color: #e74c3c;
}

.orange {
	background-color: #e67e22;
}

.footer {
	background-color:white;
	opacity: 0.8;
	position:absolute;
	bottom: 0;
	left: 0;
	height: 95px !important;/*70*/
	width: 100%;
	overflow:hidden;
	padding: 15px 0 7px 0 !important;
}

.footer ul {
	 text-align: center;
	 display: inline-block;
	 margin-top: 13px;
	 margin-left: 0;
	 padding-left: 0;
}

.footer li {
	list-style: none;
	display: inline;
}

.footer a {
	text-decoration: none; 
	color:black;
}

#anr{
	display: inline-block;
	height: 50px;
	margin-right: 0;
	float:right;
}

.bubble-list{
	list-style: none;
}

.bubble{
	font-size: 23px;
	display: inline-block;
	height: 250px;
	width: 250px;
	border-radius:50%;
	background: -webkit-linear-gradient(#f4fad6, #69a423); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f4fad6, #69a423); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f4fad6, #69a423); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f4fad6, #69a423); /* Standard syntax */
	padding-top: 113px;/*150*/
	padding-left: 0px;/*60*/
	cursor: pointer;
	text-align : center;
}

.bubble:hover{
	background: -webkit-linear-gradient(#69a423, #f4fad6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#69a423, #f4fad6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#69a423, #f4fad6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#69a423, #f4fad6); /* Standard syntax */
}

.bubble a{
	color:black;
}

.blue-bubble{
	text-decoration: none;
	border-radius: 50%;
	background-color: #214689;
	padding: 30px 30px 20px 30px;
	height:250px;
	width:250px;
	display: inline-block;
	/* margin: 20px auto 0 auto; */
}

.blue-bubble p{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #cacce6;
}

.blue-bubble:hover{
	background-color:#3b73d6;
}

#msg-list>ul{
	padding: 0;
	list-style: none;
}

#msg-list>ul>li{
	border-bottom: 1px solid #e1e1e1;
	line-height: 15px;
	padding: 5px 10px 5px 15px;
}

#msg-list>ul>li:last-child{
	border-bottom: none;
}

.msg {
	cursor: pointer;	
}

a.msg{
	color: black;
}

.msg > div{
	display: inline;
}

.not-readed > td{
	font-weight:bold; 
}

#inbox-panel legend{
	padding:10px 0px 12px 0px;
	border-bottom: 1px solid #e1e1e1;
}

#inbox-panel ul{
	padding: 0;
	list-style: none;
}

#inbox-panel ul li:last-child{
	border-top: 1px solid #e1e1e1;
}

#msg-container{
	border-left: 1px solid #e1e1e1;
}

#msg-container-header {
	border-radius: 0;
	margin-bottom: 0;
	background-color: inherit;
	border-bottom: 1px solid #e1e1e1;
	border-top: none;
	border-right: none;
	border-left: none;
}

#msg-view-header{
	border-bottom: 1px solid #e1e1e1;
}

#msg-view-header h3{
	margin-top: 0px;
}

#msg-content{
	margin-top: 10px;
	background-color: #fff;
	padding: 15px;
}

.list-elt a{
	color: black;
}

.list-elt>div{
	display:inline;
}

#recipients-container{
	margin-bottom: 20px;
}

#recipients-container button{
	margin-right: 10px;
	margin-top: 10px;
}

/*
 * PARTIE EVENT
 */


#DateActuelleColor, #EvenementColor {
	display:block;
	width:30px;
	background-color:green;
	/*padding-right:35px;*/
}
#DateActuelleColor {
	background-color:#6DAEBD;
}

#EvenementColor {
	background-color: green;
}

.article-ctrl .btn{
	margin-right: 10px;
}

.article-content{

}

/* Areas (Axes) */
#Areas{
	margin-left: auto;
	width:600px;
	height: 400px;
	margin-right: auto;
}
#Areas h2{  
	font-family: Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 22px;

	text-align: center;
}  
#Areas ul, #Areas li{  
  list-style:none;
  display:inline;
  margin-right:40px;  
}  
#Areas ul{  
  overflow:hidden;  
  padding-left:20px; 
  font-size: 28px;	 
}  
#Areas ul li{  
  margin:10px;  
  padding-left:30px;  
  float:left;  
}  
#Areas ul li a{  
  display:block;  
  height:150px;  
  width:250px;  
  padding:10px;   
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
  -moz-transition:-moz-transform .15s linear;  
  -o-transition:-o-transform .15s linear;  
  -webkit-transition:-webkit-transform .15s linear;  
  -o-transform:rotate(2deg);  
  -webkit-transform:rotate(2deg);  
  -moz-transform:rotate(2deg);
  /* anti aliasing */
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.000);
    -webkit-filter: blur(0px); /* or any other filter*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
#Areas ul li:nth-child(even) a{  
  -o-transform:rotate(4deg);  
  -webkit-transform:rotate(4deg);  
  -moz-transform:rotate(4deg);  
  position:relative;  
  top:5px;  
}  
#Areas ul li:nth-child(2n) a{  
  -o-transform:rotate(-3deg);  
  -webkit-transform:rotate(-3deg);  
  -moz-transform:rotate(-3deg);  
  position:relative;  
  top:-5px;   
}
#Areas ul li a:hover, #Areas ul li a:focus{  
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);  
  box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-transform: scale(1.25);  
  -moz-transform: scale(1.25);  
  -o-transform: scale(1.25);  
  position:relative;  
  z-index:5;  
  color:#ffffff;
  background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#6A77C5), to(#3498db), color-stop(.6,#A7ADE3));
  background:-moz-linear-gradient(19% 75% 90deg,#899AFF, #3498db, #6A77C5 80%);
} 

.blue-txt{
	color:#246910;
}



.profil_pic{
	width: 150px;
	height: 150px;
}

.btn-view-tag{
	margin-right: 20px;
	margin-bottom: 10px;
}