.couleur-fond-encours
{
	background-color: #a0f5a0;
}

body {
	/* background-image: url("../images/fond.png"); */
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.navbar-brand {
	padding-top: 5px;
}

.panel-heading table {
	width: 100%;
}

.panel-body table {
	width: 100%;
}

.panel-footer table {
	width: 100%;
}

.list-objectifs {
	height: 300px; 
	width: 100%;
	overflow-x: hidden; 
	overflow-y: scroll;
	border: 1px solid #ddd;
}

.lo-famille {
	font-weight: bold;
}

.lo-objectif {
	margin-left:30px;
	margin-right:30px;
	padding-left: 5px;
	/*user-select: none;*/
}

.lo-objectif:hover {
	background-color: #249AF5;
	color: #fff;
	cursor: move;
}

.zone-drop-survolee {
	border-color: blue;
}

.observations {
	margin-top: 10px;
}

.chart {
	width: 100%; 
	min-height: 450px;
}

.text-top {
	vertical-align: top;
}

.titre1 {
	font-size: 2em;
}

.titre2 {
	font-size: 1.8em;
}

.titre3 {
	font-size: 1.6em;
}

.titre4 {
	font-size: 1.4em;
}

.titre5 {
	font-size: 1.2em;
}

.titre6 {
	font-size: 1.1em;
}

.titre7 {
	font-size: 0.9em;
}

.titre8 {
	font-size: 0.8em;
}

.titre9 {
	font-size: 0.7em;
}

.texte-noir {
	color: #000;
}

.texte-gris1 {
	color: #333;
}

.texte-gris2 {
	color: #555;
}

.texte-gris3 {
	color: #888;
}

.texte-gris4 {
	color: #bbb;
}

.texte-gris5 {
	color: #ddd;
}

.fond-noir {
	background-color: #000 !important;
}

.fond-gris1 {
	background-color: #333 !important;
}

.fond-gris2 {
	background-color: #555 !important;
}

.fond-gris3 {
	background-color: #888 !important;
}

.fond-gris4 {
	background-color: #bbb !important;
}

.fond-gris5 {
	background-color: #ddd !important;
}

.fond-bleu1 {
	background-color: #E5EDF6 !important;
}

.fond-blanc1 {
	background-color: #ffffff !important;
}

.slider-selection {
	background: #2FC407;
}


/*page accueil*/


.ContainerPaire img {
	float: left;
	padding: 0;
	width: 175px;
}

.ContainerImpaire img {
	float: right;
	padding: 0;
	width: 175px;
}

.transparence {
    background: rgba(255,255,255,0.3);
    margin-bottom: 10px;
    box-shadow: grey -5px 5px 10px;
}

.rotate_color {
	animation: animation_rotate_color 3s infinite;
}

@keyframes animation_rotate_color
    {
      0%   {color: red;}
      33%  {color: yellow; margin-left: 15px;}
      66%  {color: blue;}
      100%   {color: red; margin-left: 0px;}
    }