body.modal-open-noscroll {
  padding-right: 0px !important;
  margin-right: 0px !important;
  overflow: hidden;
}
.modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0 !important;
}
.nav.nav-sidebar .active a:before {
	content: "► ";
}
.nav.nav-sidebar .active {
	font-weight: bold;
	font-size: 1.0em;
}	

table .legende {
	font-size: 9px;
}

.cal-month-day.cal-day-inmonth {
	cursor: pointer;
}

.navbar.navbar-default.navbar-fixed-top .navbar-brand {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}
	.navbar.navbar-default.navbar-fixed-top .navbar-brand .ico-md {
		margin-top: -8px;
	}
	.navbar.navbar-default.navbar-fixed-top .navbar-nav li.active {
		font-weight: bold;
	}

	
	.twitter-typeahead .tt-menu.tt-open {
		background-color: white;
	}


.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
	.vcenter .prettycheckbox {
		vertical-align: middle;
	}


a.normal {
	color: inherit;
	text-decoration: inherit;
}
	a.normal:hover, a.normal:focus {
		color: inherit;
	}


/************************************/
/* Widgets **************************/
/************************************/
.panels_deplacables .panel-heading {
	cursor: move;
}
	
.widget_la_vache img {
	max-width: 100%;
}


/************************************/
/* Notifications header accueil *****/
/************************************/
.notifs_header .huge {
	font-size: 30px;
}
.notifs_header .text-right div {
	display: inline-block;
}

/************************************/
/* Menu latéral principal ***********/
/************************************/
.sidebar .ico-sm {
	width: 23px;
	height: 23px;
}

.sidebar .nav-second-level li a {
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 0px;
}


/************************************/
/* DataTable ************************/
/************************************/
/* Boutons */

.dt-buttons {
	width: 100%;
	text-align: center;
}

.dt-button {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	z-index: 4 !important;
}

.dt-button, .dt-button:hover, .dt-button:focus {
	background-image: none !important;
	background-color: transparent !important;
}

.dt-button:hover, .dt-button:focus {
	font-weight: bold;
	border-color: black;
}


/************************************/
/* Tableaux *************************/
/************************************/
/* Balance dataTables / Bootstrap */
.dataTable.table-condensed thead th {
	font-size: 14px;
	padding-left: 3px;
}
.dataTable.table-condensed tbody td {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}
.dataTable.table-condensed td {
	font-size: 12px;
}


.dataTables_processing {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
	text-align: center;
}

.dt-buttons.btn-group {
	width: auto;
}

div.dataTables_scrollHead table.dataTable {
	margin-top: auto !important;
}


/* Bleu */
table.table.table-bleu tbody tr,
table.table.table-bleu tbody tr td						{	color: #444;	}
table.table.table-bleu thead tr,
table.table.table-bleu thead tr th						{	background-color: #4BACC6; color: white;	}
table.table.table-bleu thead tr th.sorting_asc,
table.table.table-bleu thead tr th.sorting_desc,
table.table.table-bleu thead tr td.sorting_asc,
table.table.table-bleu thead tr td.sorting_desc		{	background-color: #2B6E7D;	}
table.table.table-bleu tbody tr.odd 					{	background-color: #B6DDE8;	}
table.table.table-bleu tbody tr.even 					{	background-color: #DBEEF3;	}
table.table.table-bleu tbody tr:hover, 
table.table.table-bleu tbody tr.active				{	background-color: #40A5BC;	}

/* Orange */
table.table.table-orange tbody tr,
table.table.table-orange tbody tr td					{	color: #222;	}
table.table.table-orange thead tr 						{	background-color: #E99150;	color: white;	}
table.table.table-orange thead tr th.sorting_asc,
table.table.table-orange thead tr th.sorting_desc,
table.table.table-orange thead tr td.sorting_asc,
table.table.table-orange thead tr td.sorting_desc	{	background-color: #E47628;	}
table.table.table-orange tbody tr.odd 					{	background-color: #FCD5B4;	}
table.table.table-orange tbody tr.even 				{	background-color: #FDE9D9;	}
table.table.table-orange tbody tr:hover, 
table.table.table-orange tbody tr.active				{	background-color: #F9B075;	}


/* Rouge */
table.table.table-rouge thead tr 						{	background-color: #C0504D;	}
table.table.table-rouge thead tr th						{	color: white !important;	}
table.table.table-rouge thead tr th.sorting_asc,
table.table.table-rouge thead tr th.sorting_desc,
table.table.table-rouge thead tr td.sorting_asc,
table.table.table-rouge thead tr td.sorting_desc 	{	background-color: #923734;	}
table.table.table-rouge tbody tr,
table.table.table-rouge tbody tr td						{	color: #222;	}
table.table.table-rouge tbody tr.odd 					{	background-color: #E6B8B7;	}
table.table.table-rouge tbody tr.even 					{	background-color: #F2DCDB;	}
table.table.table-rouge tbody tr:hover, 
table.table.table-rouge tbody tr.active				{	background-color: #F5706B;	}


/* Vert */
table.table.table-vert thead tr 							{	background-color: #9BBB59;	}
table.table.table-vert thead tr th						{	color: white !important;	}
table.table.table-vert thead tr th.sorting_asc,
table.table.table-vert thead tr th.sorting_desc,
table.table.table-vert thead tr td.sorting_asc,
table.table.table-vert thead tr td.sorting_desc 	{	background-color: #85A644;	}
                 
table.table.table-vert tbody tr,
table.table.table-vert tbody tr td						{	color: #222;	}
                 
table.table.table-vert tbody tr.odd 					{	background-color: #D8E4BC;	}
table.table.table-vert tbody tr.even 					{	background-color: #EBF1DE;	}
table.table.table-vert tbody tr:hover, 
table.table.table-vert tbody tr.active				{	background-color: #A6CF73;	}

/* noir-blanc */
table.table.table-noir-blanc thead tr 							{	background-color: black;	}
table.table.table-noir-blanc thead tr th						{	color: white !important;	}
table.table.table-noir-blanc thead tr th.sorting_asc,
table.table.table-noir-blanc thead tr th.sorting_desc,
table.table.table-noir-blanc thead tr td.sorting_asc,
table.table.table-noir-blanc thead tr td.sorting_desc 	{	background-color: #6A6A6A;	}
                 
table.table.table-noir-blanc tbody tr,
table.table.table-noir-blanc tbody tr td						{	color: #222;	}
                 
table.table.table-noir-blanc tbody tr.odd 					{	background-color: white;	}
table.table.table-noir-blanc tbody tr.even 					{	background-color: #D9D9D9;	}
table.table.table-noir-blanc tbody tr:hover, 
table.table.table-noir-blanc tbody tr.active				{	background-color: #7B7B7B;	}
table.table.table-noir-blanc tbody tr:hover td, 
table.table.table-noir-blanc tbody tr.active td				{	color: white !important; }


/* Violet */
table.table.table-violet thead tr 							{	background-color: #8064A2;	}
table.table.table-violet thead tr th						{	color: white !important;	}
table.table.table-violet thead tr th.sorting_asc,
table.table.table-violet thead tr th.sorting_desc,
table.table.table-violet thead tr td.sorting_asc,
table.table.table-violet thead tr td.sorting_desc 		{	background-color: #4A4B7C;	}
                 
table.table.table-violet tbody tr,
table.table.table-violet tbody tr td						{	color: #222;	}
                 
table.table.table-violet tbody tr.odd 						{	background-color: #CCC0DA;	}
table.table.table-violet tbody tr.even 					{	background-color: #E4DFEC;	}
table.table.table-violet tbody tr:hover, 
table.table.table-violet tbody tr.active					{	background-color: #A7A7CB;	}


/* Cyan */
table.table.table-cyan thead tr 							{	background-color: #33AFA3;	}
table.table.table-cyan thead tr th						{	color: white !important;	}
table.table.table-cyan thead tr th.sorting_asc,
table.table.table-cyan thead tr th.sorting_desc,
table.table.table-cyan thead tr td.sorting_asc,
table.table.table-cyan thead tr td.sorting_desc 		{	background-color: #21746c;	}
                 
table.table.table-cyan tbody tr,
table.table.table-cyan tbody tr td						{	color: #222;	}
                 
table.table.table-cyan tbody tr.odd 						{	background-color: #33f5e0;	}
table.table.table-cyan tbody tr.even 					{	background-color: #6dfff0;	}
table.table.table-cyan tbody tr:hover, 
table.table.table-cyan tbody tr.active					{	background-color: #00d8bf;	}


/* Olive */
table.table.table-olive thead tr 							{	background-color: #445200;	}
table.table.table-olive thead tr th						{	color: white !important;	}
table.table.table-olive thead tr th.sorting_asc,
table.table.table-olive thead tr th.sorting_desc,
table.table.table-olive thead tr td.sorting_asc,
table.table.table-olive thead tr td.sorting_desc 	{	background-color: #697B15;	}
                   
table.table.table-olive tbody tr,
table.table.table-olive tbody tr td						{	color: white;	}
                   
table.table.table-olive tbody tr.odd 					{	background-color: #95a83c;	}
table.table.table-olive tbody tr.even 					{	background-color: #afc34a;	}
table.table.table-olive tbody tr:hover, 
table.table.table-olive tbody tr.active					{	background-color: #697B15;	}




/************************************/
/* Améliorations Bootstrap **********/
/************************************/
.panel.panel-condensed > * {
	font-size: 12px;
}


/************************************/
/* Tagsinput ************************/
/************************************/
.tagsinput-small .bootstrap-tagsinput  {
	width: 280px;
}

.tagsinput-small .bootstrap-tagsinput input {
	max-width: 260px;
}


/************************************/
/* Containers ***********************/
/************************************/
.avec-menu {
	margin-top: 48px;
}

.avec-footer {
	padding-bottom: 55px;
}



/************************************/
/* Teintes **************************/
/************************************/
.hue15	{	filter: hue-rotate(15deg);		}
.hue30	{	filter: hue-rotate(30deg);		}
.hue45	{	filter: hue-rotate(45deg);		}
.hue60	{	filter: hue-rotate(60deg);		}
.hue75	{	filter: hue-rotate(75deg);		}
.hue90	{	filter: hue-rotate(90deg);		}
.hue105	{	filter: hue-rotate(105deg);	}
.hue120	{	filter: hue-rotate(120deg);	}
.hue135	{	filter: hue-rotate(135deg);	}
.hue150	{	filter: hue-rotate(150deg);	}
.hue175	{	filter: hue-rotate(175deg);	}
.hue190	{	filter: hue-rotate(190deg);	}
.hue205	{	filter: hue-rotate(205deg);	}
.hue220	{	filter: hue-rotate(220deg);	}
.hue235	{	filter: hue-rotate(235deg);	}
.hue250	{	filter: hue-rotate(250deg);	}
.hue275	{	filter: hue-rotate(275deg);	}
.hue290	{	filter: hue-rotate(290deg);	}
.hue305	{	filter: hue-rotate(305deg);	}
.hue320	{	filter: hue-rotate(320deg);	}
.hue335	{	filter: hue-rotate(335deg);	}
.hue350	{	filter: hue-rotate(350deg);	}

/************************************/
/* Colonnes *************************/
/************************************/
.pleine-largeur {
	padding: 0px;
	margin: 0px;
}


 /**************************************************/
 /* Chargements CSS ********************************/
 /**************************************************/
 
 /* Barres hautes fondu */
	.chargement #chargementCSS1 {
		width:240px;
		height:38px;
		margin: auto;
	}

	.chargementCSS1{
	top:0;
	background-color:#1E5799;
	width:29px;
	height:38px;
	-moz-animation-name:bounce_chargementCSS1;
	-moz-animation-duration:1.6s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-animation-name:bounce_chargementCSS1;
	-webkit-animation-duration:1.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-o-animation-name:bounce_chargementCSS1;
	-o-animation-duration:1.6s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-ms-animation-name:bounce_chargementCSS1;
	-ms-animation-duration:1.6s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	animation-name:bounce_chargementCSS1;
	animation-duration:1.6s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	float: left;
	margin-left: 1px;
	}

	#chargementCSS1_1{
	left:0;
	-moz-animation-delay:0.64s;
	-webkit-animation-delay:0.64s;
	-o-animation-delay:0.64s;
	-ms-animation-delay:0.64s;
	animation-delay:0.64s;
	}

	#chargementCSS1_2{
	left:30px;
	-moz-animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
	-o-animation-delay:0.8s;
	-ms-animation-delay:0.8s;
	animation-delay:0.8s;
	}

	#chargementCSS1_3{
	left:60px;
	-moz-animation-delay:0.96s;
	-webkit-animation-delay:0.96s;
	-o-animation-delay:0.96s;
	-ms-animation-delay:0.96s;
	animation-delay:0.96s;
	}

	#chargementCSS1_4{
	left:90px;
	-moz-animation-delay:1.12s;
	-webkit-animation-delay:1.12s;
	-o-animation-delay:1.12s;
	-ms-animation-delay:1.12s;
	animation-delay:1.12s;
	}

	#chargementCSS1_5{
	left:120px;
	-moz-animation-delay:1.28s;
	-webkit-animation-delay:1.28s;
	-o-animation-delay:1.28s;
	-ms-animation-delay:1.28s;
	animation-delay:1.28s;
	}

	#chargementCSS1_6{
	left:150px;
	-moz-animation-delay:1.44s;
	-webkit-animation-delay:1.44s;
	-o-animation-delay:1.44s;
	-ms-animation-delay:1.44s;
	animation-delay:1.44s;
	}

	#chargementCSS1_7{
	left:180px;
	-moz-animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
	-o-animation-delay:1.6s;
	-ms-animation-delay:1.6s;
	animation-delay:1.6s;
	}

	#chargementCSS1_8{
	left:210px;
	-moz-animation-delay:1.76s;
	-webkit-animation-delay:1.76s;
	-o-animation-delay:1.76s;
	-ms-animation-delay:1.76s;
	animation-delay:1.76s;
	}


	@keyframes bounce_chargementCSS1{
	0%{
	background-color:#1E5799;
	}

	100%{
	background-color:#FFFFFF;
	}

	}

	
/* Carrés fondus */
#chargementCSS2{
	margin: auto;
	width:240px;
	height:29px
}

.chargementCSS2{
	float:left;
	margin-left:1px;
	top:0;
	background-color:#1E5799;
	width:29px;
	height:29px;
	-moz-animation-name:bounce_chargementCSS2;
	-moz-animation-duration:1.8s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-transform:scale(.3);
	-webkit-animation-name:bounce_chargementCSS2;
	-webkit-animation-duration:1.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-transform:scale(.3);
	-o-animation-name:bounce_chargementCSS2;
	-o-animation-duration:1.8s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-transform:scale(.3);
	-ms-animation-name:bounce_chargementCSS2;
	-ms-animation-duration:1.8s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-transform:scale(.3);
	animation-name:bounce_chargementCSS2;
	animation-duration:1.8s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	transform:scale(.3);
}

#chargementCSS2_1{
	left:0;
	-moz-animation-delay:0.72s;
	-webkit-animation-delay:0.72s;
	-o-animation-delay:0.72s;
	-ms-animation-delay:0.72s;
	animation-delay:0.72s;
}

#chargementCSS2_2{
	left:30px;
	-moz-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	animation-delay:0.9s;
}

#chargementCSS2_3{
	left:60px;
	-moz-animation-delay:1.08s;
	-webkit-animation-delay:1.08s;
	-o-animation-delay:1.08s;
	-ms-animation-delay:1.08s;
	animation-delay:1.08s;
}

#chargementCSS2_4{
	left:90px;
	-moz-animation-delay:1.26s;
	-webkit-animation-delay:1.26s;
	-o-animation-delay:1.26s;
	-ms-animation-delay:1.26s;
	animation-delay:1.26s;
}

#chargementCSS2_5{
	left:120px;
	-moz-animation-delay:1.44s;
	-webkit-animation-delay:1.44s;
	-o-animation-delay:1.44s;
	-ms-animation-delay:1.44s;
	animation-delay:1.44s;
}

#chargementCSS2_6{
	left:150px;
	-moz-animation-delay:1.62s;
	-webkit-animation-delay:1.62s;
	-o-animation-delay:1.62s;
	-ms-animation-delay:1.62s;
	animation-delay:1.62s;
}

#chargementCSS2_7{
	left:180px;
	-moz-animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
	-o-animation-delay:1.8s;
	-ms-animation-delay:1.8s;
	animation-delay:1.8s;
}

#chargementCSS2_8{
	left:210px;
	-moz-animation-delay:1.98s;
	-webkit-animation-delay:1.98s;
	-o-animation-delay:1.98s;
	-ms-animation-delay:1.98s;
	animation-delay:1.98s;
}

@keyframes bounce_chargementCSS2{
0%{
transform:scale(1);
background-color:#1E5799;
}

100%{
transform:scale(.3);
background-color:#FFFFFF;
}

}


/* Bille gauche-droite */
#chargementCSS3{
	position: relative;
	margin: auto;
	width:205px;
	height:16px;
}

.chargementCSS3Ligne{
position: absolute;
left:0px;
top:6px;
height:3px;
width:205px;
background-color:#FFFFFF;
}

.chargementCSS3{
position: absolute;
background-color:#1E5799;
top:0;
left:0;
width:16px;
height:16px;
-moz-border-radius:8px;
-moz-animation-name:bounce_chargementCSS3;
-moz-animation-duration:2.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:8px;
-webkit-animation-name:bounce_chargementCSS3;
-webkit-animation-duration:2.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-o-border-radius:8px;
-o-animation-name:bounce_chargementCSS3;
-o-animation-duration:2.2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-border-radius:8px;
-ms-animation-name:bounce_chargementCSS3;
-ms-animation-duration:2.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
border-radius:8px;
animation-name:bounce_chargementCSS3;
animation-duration:2.2s;
animation-iteration-count:infinite;
animation-direction:linear;
}


@keyframes bounce_chargementCSS3{
0%{
left:0px;
}

50%{
left:189px;
}

100%{
left:0px;
}

}


/* billes fondu */
#chargementCSS4{
	margin: auto;
	width:165px;
	height:35px;
	margin-bottom: -15px;
}

.chargementCSS4{
float:left;
margin-left:1px;
top:0;
background-color:#1E5799;
width:19px;
height:19px;
-moz-animation-name:chargementCSS4;
-moz-animation-duration:2.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:10px;
-webkit-animation-name:chargementCSS4;
-webkit-animation-duration:2.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:10px;
-o-animation-name:chargementCSS4;
-o-animation-duration:2.2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:10px;
-ms-animation-name:chargementCSS4;
-ms-animation-duration:2.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:10px;
animation-name:chargementCSS4;
animation-duration:2.2s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:10px;
}

#chargementCSS4_1{
left:0;
-moz-animation-delay:0.88s;
-webkit-animation-delay:0.88s;
-o-animation-delay:0.88s;
-ms-animation-delay:0.88s;
animation-delay:0.88s;
}

#chargementCSS4_2{
left:18px;
-moz-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-o-animation-delay:1.1s;
-ms-animation-delay:1.1s;
animation-delay:1.1s;
}

#chargementCSS4_3{
left:37px;
-moz-animation-delay:1.32s;
-webkit-animation-delay:1.32s;
-o-animation-delay:1.32s;
-ms-animation-delay:1.32s;
animation-delay:1.32s;
}

#chargementCSS4_4{
left:55px;
-moz-animation-delay:1.54s;
-webkit-animation-delay:1.54s;
-o-animation-delay:1.54s;
-ms-animation-delay:1.54s;
animation-delay:1.54s;
}

#chargementCSS4_5{
left:74px;
-moz-animation-delay:1.76s;
-webkit-animation-delay:1.76s;
-o-animation-delay:1.76s;
-ms-animation-delay:1.76s;
animation-delay:1.76s;
}

#chargementCSS4_6{
left:93px;
-moz-animation-delay:1.98s;
-webkit-animation-delay:1.98s;
-o-animation-delay:1.98s;
-ms-animation-delay:1.98s;
animation-delay:1.98s;
}

#chargementCSS4_7{
left:111px;
-moz-animation-delay:2.2s;
-webkit-animation-delay:2.2s;
-o-animation-delay:2.2s;
-ms-animation-delay:2.2s;
animation-delay:2.2s;
}

#chargementCSS4_8{
left:130px;
-moz-animation-delay:2.42s;
-webkit-animation-delay:2.42s;
-o-animation-delay:2.42s;
-ms-animation-delay:2.42s;
animation-delay:2.42s;
}


@keyframes chargementCSS4{
0%{
background-color:#1E5799;
}

100%{
background-color:#FFFFFF;
}

}


/* Barre chargement */
#chargementCSS5{
margin:auto;
width:256px;
height:20px;
overflow:hidden;
background-color:#1E5799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}

.chargementCSS5{
background-color:#FFFFFF;
margin-top:0;
margin-left:-256px;
-moz-animation-name:bounce_chargementCSS5;
-moz-animation-duration:3.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:bounce_chargementCSS5;
-webkit-animation-duration:3.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-o-animation-name:bounce_chargementCSS5;
-o-animation-duration:3.2s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
-ms-animation-name:bounce_chargementCSS5;
-ms-animation-duration:3.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
animation-name:bounce_chargementCSS5;
animation-duration:3.2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
width:256px;
height:20px;
}


@keyframes bounce_chargementCSS5{
0%{
margin-left:-256px;
}

100%{
margin-left:256px;
}

}


/* Rectangle 3 barres obliques */
#ext-chargementCSS6{
	height:37px;
	width:128px;
	border:2px solid #1E5799;
	overflow:hidden;
	background-color:#FFFFFF;
	margin:auto;
}

.barre-chargementCSS6{
	background-color:#1E5799;
	float:left;
	width:18px;
	height:120px;
	margin-right:24px;
	margin-top:-28px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.chargementCSS6{
	margin-left:168px;
	width:168px;
	-moz-animation-name:chargementCSS6;
	-moz-animation-duration:3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-animation-name:chargementCSS6;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-animation-name:chargementCSS6;
	-ms-animation-duration:3s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-animation-name:chargementCSS6;
	-o-animation-duration:3s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	animation-name:chargementCSS6;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

@keyframes chargementCSS6{
0%{
margin-left:-128px;
margin-top:-18px}

100%{
margin-left:155px;
margin-top:-18px}

}

/* 3 bulles */
.chargementCSS7 {
text-align: center;
width:110px;
height:69px;
margin: auto;
}

.chargementCSS7 span {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
margin: 34px auto;
background: #1E5799;
-moz-border-radius: 69px;
-moz-animation: chargementCSS7 1.7s infinite alternate;
-webkit-border-radius: 69px;
-webkit-animation: chargementCSS7 1.7s infinite alternate;
-ms-border-radius: 69px;
-ms-animation: chargementCSS7 1.7s infinite alternate;
-o-border-radius: 69px;
-o-animation: chargementCSS7 1.7s infinite alternate;
border-radius: 69px;
animation: chargementCSS7 1.7s infinite alternate;
}

#chargementCSS7_1 {
-moz-animation-delay: 1.02s;
-webkit-animation-delay: 1.02s;
-ms-animation-delay: 1.02s;
-o-animation-delay: 1.02s;
animation-delay: 1.02s;
}

#chargementCSS7_2 {
-moz-animation-delay: 0.51s;
-webkit-animation-delay: 0.51s;
-ms-animation-delay: 0.51s;
-o-animation-delay: 0.51s;
animation-delay: 0.51s;
}

#chargementCSS7_3 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

@keyframes chargementCSS7 {
0% {
width: 14px;
height: 14px;
background-color:#1E5799;
transform: translateY(0);
}

100% {
width: 33px;
height: 33px;
background-color:#FFFFFF;
transform: translateY(-29px);
}

}

/* 3 bulles alignées */
.chargementCSS8{
	width:127px;
	margin: auto;
	padding-bottom: 35px;
	padding-right: 15px;
}

.elem_chargementCSS8{
	background-color:#FFFFFF;
	float:left;
	height:27px;
	margin-left:14px;
	width:27px;
	-moz-animation-name:chargementCSS8;
	-moz-animation-duration:2.55s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-border-radius:18px;
	-webkit-animation-name:chargementCSS8;
	-webkit-animation-duration:2.55s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:18px;
	-ms-animation-name:chargementCSS8;
	-ms-animation-duration:2.55s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-border-radius:18px;
	-o-animation-name:chargementCSS8;
	-o-animation-duration:2.55s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-border-radius:18px;
	animation-name:chargementCSS8;
	animation-duration:2.55s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:18px;
}

#chargementCSS8_1{
	-moz-animation-delay:0.51s;
	-webkit-animation-delay:0.51s;
	-ms-animation-delay:0.51s;
	-o-animation-delay:0.51s;
	animation-delay:0.51s;
	display:block;
}

#chargementCSS8_2{
	-moz-animation-delay:1.19s;
	-webkit-animation-delay:1.19s;
	-ms-animation-delay:1.19s;
	-o-animation-delay:1.19s;
	animation-delay:1.19s;
	display:block;
}

#chargementCSS8_3{
	-moz-animation-delay:1.5299999999999998s;
	-webkit-animation-delay:1.5299999999999998s;
	-ms-animation-delay:1.5299999999999998s;
	-o-animation-delay:1.5299999999999998s;
	animation-delay:1.5299999999999998s;
	display:block;
}

@keyframes chargementCSS8{
	0 %{}
	50% {	background-color:#1E5799;	}
	100%{}
}

/* Trois rectangles verticaux */
#chargementCSS9{
	width:56px;
	margin:auto;
	padding-bottom:25px;
}

.elem_chargementCSS9 {
	background-color:#1E5799;
	border:1px solid #000000;
	float:left;
	height:40px;
	margin-left:3px;
	width:11px;
	opacity:0.1;
	-moz-animation-name:chargementCSS9;
	-moz-animation-duration:1.7s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-transform:scale(0.7);
	-webkit-animation-name:chargementCSS9;
	-webkit-animation-duration:1.7s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-transform:scale(0.7);
	-o-animation-name:chargementCSS9;
	-o-animation-duration:1.7s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-transform:scale(0.7);
	-ms-animation-name:chargementCSS9;
	-ms-animation-duration:1.7s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-transform:scale(0.7);
	animation-name:chargementCSS9;
	animation-duration:1.7s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	transform:scale(0.7);
}

#chargementCSS9_1{
	-moz-animation-delay:0.51s;
	-webkit-animation-delay:0.51s;
	-o-animation-delay:0.51s;
	-ms-animation-delay:0.51s;
	animation-delay:0.51s;
}

#chargementCSS9_2{
	-moz-animation-delay:0.6799999999999999s;
	-webkit-animation-delay:0.6799999999999999s;
	-o-animation-delay:0.6799999999999999s;
	-ms-animation-delay:0.6799999999999999s;
	animation-delay:0.6799999999999999s;
}

#chargementCSS9_3{
	-moz-animation-delay:0.85s;
	-webkit-animation-delay:0.85s;
	-o-animation-delay:0.85s;
	-ms-animation-delay:0.85s;
	animation-delay:0.85s;
}

@keyframes chargementCSS9 {
	0% {
		transform:scale(1.2);
		opacity:1
	}

	100% {
		transform:scale(0.7);
		opacity:0.1
	}
}