/* ***************************************
	RESET CSS
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	background-color: white;
}
html, body {
	height: 100%;
	margin-bottom: 1px;
}
img {
	border-width:0;
	border-color:transparent;
}
:focus {
	outline: 0 none;
}
ol, ul {
	list-style: none;
}
em, i {
	font-style:italic;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
strong, b {
	font-weight:bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
}

/* Clearfix */
.clearfix:after,
.elgg-grid:after,
.elgg-layout:after,
.elgg-inner:after,
.elgg-page-header:after,
.elgg-page-footer:after,
.elgg-head:after,
.elgg-foot:after,
.elgg-col:after,
.elgg-image-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	
}

/* Fluid width container that does not wrap floats */
.elgg-body,
.elgg-col-last {
	display: block;
	width: auto;
	word-wrap: break-word;
	overflow: hidden;
	
	/* IE 6, 7 */
	zoom:1;
	*overflow:visible;
}

.elgg-body:after,
.elgg-col-last:after {
	display: block;
	visibility: hidden;
	height: 0 !important;
	line-height: 0;
	overflow: hidden;
	
	/* Stretch to fill up available space */
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/* ***************************************
 * MENUS
 *
 * To add separators to a menu:
 * .elgg-menu-$menu > li:after {content: '|'; background: ...;}
 *************************************** */
/* Enabled nesting of dropdown/flyout menus */
.elgg-menu > li { position: relative; }

.elgg-menu > li:last-child::after {
	display: none;
}

/* Maximize click target */
.elgg-menu > li > a { display: block }

/* Horizontal menus w/ separator support */
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	vertical-align: middle;
}

/* Allow inline image blocks in horizontal menus */
.elgg-menu-hz .elgg-body:after { content: '.'; }

/* Inline block */
.elgg-gallery > li,
.elgg-button,
.elgg-icon,
.elgg-menu-hz > li,
.elgg-menu-hz > li:after,
.elgg-menu-hz > li > a,
.elgg-menu-hz > li > span {
	/* Google says do this, but why? */
	position: relative;

	display: inline-block;
}

/* ***************************************
	GRID
*************************************** */
.elgg-col {
	float: left;
}
.elgg-col-1of1 {
	float: none;
}
.elgg-col-1of2 {
	width: 50%;
}
.elgg-col-1of3 {
	width: 33.33%;
}
.elgg-col-2of3 {
	width: 66.66%;
}
.elgg-col-1of4 {
	width: 25%;
}
.elgg-col-3of4 {
	width: 75%;
}
.elgg-col-1of5 {
	width: 20%;
}
.elgg-col-2of5 {
	width: 40%;
}
.elgg-col-3of5 {
	width: 60%;
}
.elgg-col-4of5 {
	width: 80%;
}
.elgg-col-1of6 {
	width: 16.66%;
}
.elgg-col-5of6 {
	width: 83.33%;
}

/* ***************************************
	Typography
*************************************** */
/* Thème ADF - Urbilog */

@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/* TODO : Replace by free, open fonts
 * Gill Sans => Puritan ou Lato (Book 400) ou Cabin
 * ITC Avant Garde Gothic Std => Tex Gyre Adventor ou Raleway (plus large) ou Didact Gothic
	
	font-family: 'Lato', sans-serif;
	font-family: 'Puritan', sans-serif;
	font-family: 'Didact Gothic', sans-serif;
 */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Puritan:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,latin-ext);


/*
@font-face {
	font-family: 'gill-sans';
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.otf');	
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.eot');
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.eot?#iefix') format('embedded-opentype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.woff') format('woff'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.ttf') format('truetype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans.svg#DIN30640StdNeuzeitGroteskLt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gill-sans-bold';
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.otf');
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.eot');
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.woff') format('woff'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.ttf') format('truetype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/Gill_Sans_1/GillSans-Bold.svg#DIN30640StdNeuzeitGroteskLt') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'itc-gothic', Arial;
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.otf');	
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.eot');
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.eot?#iefix') format('embedded-opentype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.woff') format('woff'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.ttf') format('truetype'),
		 url('http://reseau.fing.org/mod/adf_public_platform/fonts/ITC_Avant_Garde_Gothic_Std_1/ITCAvantGardeStd-MdCn.svg#DIN30640StdNeuzeitGroteskLt') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/* Remplacement par des polices libres similaires */
@font-face {
	font-family: 'puritan';
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts//Puritan/Puritan-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'puritan-bold';
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts//Puritan/Puritan-Bold.otf');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'texgyreadventor';
	src: url('http://reseau.fing.org/mod/adf_public_platform/fonts//TexGyreAdventor/texgyreadventor-regular.otf');
	font-weight: normal;
	font-style: normal;
}


/**** Change font and colour here ***********/
html {
		font-family: Lato, Arial, sans-serif;
}
body {
	font-size: 90%;
/* Supprimé du thème ADF - ou à forcer avec d'autres valeurs
	line-height: 1.4em;
	font-family:  Lato, Arial, sans-serif;
  color:#221907;
*/
		position: static; /* Other than static breaks avatar cropper on Chrome */
	border-top: 5px solid #333333;
}

a {
	text-decoration: none;
	color: rgb(168,84,158);
}

a:hover,
a:focus,
a:active,
a.selected { 	color: rgb(129,49,121);
	/* text-decoration: underline; */
}
a:hover, 
a:focus, 
a:active { text-decoration: underline; }

p {
	margin-bottom: 15px;
	color: #333333;
}
/*
p, ul li { font-size: 0.85em; }
*/

p:last-child {
	margin-bottom: 0;
}

pre, code {
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
	
	background:#EBF5FF;
	color:#000000;
	overflow:auto;

	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */

	white-space: pre-wrap;
	word-wrap: break-word; /* IE 5.5-7 */
	
}

pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}

code {
	padding:2px 3px;
}

.elgg-monospace {
	font-family: Monaco, "Courier New", Courier, monospace;
}

blockquote {
	line-height: 1.3em;
	padding:3px 15px;
	margin:0px 0 15px 0;
	border:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  background: #e5e7f5;
  font-size: 0.85em;
}

/********* Change header text color here ***********/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: rgb(129,49,121);
}

h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; line-height: 1.1em; margin-bottom:5px; color: #333; }
h3 { font-size: 1.3em; margin-bottom:4px; }
h4 { font-size: 1.1em; margin-bottom:3px; }
h5 { font-size: 1.0em; margin-bottom:2px; }
h6 { font-size: 0.9em; margin-bottom:1px; }

.elgg-heading-site, .elgg-heading-site:hover, 
.elgg-heading-site, .elgg-heading-site:focus, 
.elgg-heading-site, .elgg-heading-site:active {
	font-size: 2em;
	line-height: 1.4em;
	color: white;
	font-style: italic;
	font-family: Georgia, times, serif;
	text-shadow: 1px 2px 4px #333333;
	text-decoration: none;
}

header h1 {
	font-family: Lato-Bold, sans-serif;
	text-transform: uppercase;
	float: left;
	margin-top: 40px;
	font-size: 32px;
	color:#ffffff;
}
header h1 a { color:#ffffff; }
header h1 a:hover,
header h1 a:focus,
header h1 a:active { color:#ffffff; }
header h1 span {
	font-size: 1.4em;
}

.elgg-heading-main {
	float: left;
	max-width: 530px;
	margin-right: 10px;
}
.elgg-heading-basic {
	color: rgb(129,49,121);
	font-size: 1.2em;
	font-weight: bold;
}

.elgg-subtext {
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
	font-style: italic;
	/* float: left; */ /* pb avec commentaires */
	clear: left;
}

.elgg-text-help {
	display: block;
	font-size: 85%;
	font-style: italic;
}

.elgg-quiet {
	color: #666;
}

.elgg-loud {
	color: rgb(129,49,121);
}

/* Arborescence : taille de plus en plus petite */
.treeview { font-size:16px; }
.treeview li { font-size:0.95em; }
.treeview li.elgg-state-selected a.selected {
  color:white; 
  background-color:rgb(168,84,158);
  font-weight: bold;
  padding: 2px 7px;
}

.elgg-widget-more {
  line-height:32px; color:rgb(168,84,158);
  background: #F2F1EF;
  display:block;
  width: 100%;
  /* float: left; */
}
.elgg-widget-more:before {
    content: "+ ";
    font-family: Lato-Bold, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-left: 9px;
    text-shadow: 0 2px 2px #999999;
    vertical-align: bottom;
}

/* ***************************************
	USER INPUT DISPLAY RESET
*************************************** */
.elgg-output {
	margin-top: 10px;
}

.elgg-output dt { font-weight: bold }
.elgg-output dd { margin: 0 0 1em 1em }

.elgg-output ul, ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}
.elgg-output ul {
	list-style-type: disc;
}
.elgg-output ol {
	list-style-type: decimal;
}
.elgg-output table {
	border: 1px solid #ccc;
}
.elgg-output table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}
.elgg-output img {
	max-width: 100%;
}


/* ***************************************
	Form Elements
*************************************** */
fieldset > div {
	margin-bottom: 15px;
}
fieldset > div:last-child {
	margin-bottom: 0;
}
.elgg-form-alt > fieldset > .elgg-foot {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

label {
	font-weight: bold;
	color: #333;
	font-size: 0.9em;
}

input, textarea {
	border: 1px solid #ccc;
	color: #666;
	font: 0.9em Arial, Helvetica, sans-serif;
	width: 100%;	
	border-radius: none;
  padding: 3px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus, textarea:focus {
	border: solid 1px #4690d6;
	background: #e4ecf5;
	color:#333;
}

textarea {
	height: 200px;
}


.elgg-longtext-control {
	float: right;
	margin-left: 14px;
	font-size: 80%;
	cursor: pointer;
}


.elgg-input-access {
	margin:5px 0 0 0;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0 3px 0 5px;
	padding:0;
	border:none;
	width:auto;
}
select {
 border: 1px solid #ccc;
 font-size: 0.9em;
}
.elgg-input-checkboxes.elgg-horizontal li,
.elgg-input-radio.elgg-horizontal li {
	display: inline;
	padding-right: 10px;
}
.elgg-input-checkboxes li label, .elgg-input-radio li label {
  font-weight: normal;
}

.elgg-form-account input[type="text"],
.elgg-form-account input[type="password"] {
	width: 300px;
}

form.elgg-form {
	background: #f6f6f6;
	float: left;
	padding: 1% 2%;
	width: 94%;
}
form.elgg-form-groups-find {
	margin: 10px 0 20px;
}
form.elgg-form label {
	/* float: left; */
	font-size: 14px;
	margin-right: 20px;
}
form.elgg-form-groups-find label {
	margin-top: 5px;
}
form.elgg-form input[type=text] {
	border-radius: 0;
	/* float: left; */
	font-size: 0.9em;
}

form.elgg-form-groups-search, 
form.elgg-form-groups-find {
	border: 1px solid #d6d6d6;
	/* float: left; */
}
.event_add_or_remove_form {
	margin-top:20px;
	border: 1px solid #d6d6d6;
	padding: 12px 20px;
	background:#F6F6F6;
}
form.elgg-form input[type=text] {
	/* float: left; */
}
form.elgg-form-groups-find input {
	height: 30px;
	margin: 0 10px 0 0;
}
.elgg-sidebar form.elgg-form {
  border: 1px solid #d6d6d6;
	width: auto;
	padding: 12px 10px 12px 14px;
}
.elgg-sidebar form.elgg-form input[type=text] {
	width: auto;
}
.elgg-widget-edit {
  float:left;
  background: #f6f6f6;
}

section div.module form.elgg-form-widgets-save {
	float: left;
	width: 280px;
	padding: 0px 5px 10px 5px;
	background: transparent;
	border-bottom: 0px solid #ccc;
}
section div.module form.elgg-form-widgets-save label {
	font-weight: bold;
	font-size: 0.9em;
	float: left;
	clear: left;
	margin-right: 10px;
}
section div.module form.elgg-form-widgets-save select {
	border: 1px solid #002e3e;
	margin: 5px 0 10px;
	/* float: left; */
}
section div.module form.elgg-form-widgets-save * { max-width:100%; }

input.button {
	border-radius: 5px;
	border: 1px solid #002e3e;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	margin-top: 10px;
	padding: 2px 5px 4px;
	background-image: linear-gradient(top, #014FBC 35%, #033074 80%);
	background-image: -o-linear-gradient(top, #014FBC 35%, #033074 80%);
	background-image: -moz-linear-gradient(top, #014FBC 35%, #033074 80%);
	background-image: -webkit-linear-gradient(top, #014FBC 35%, #033074 80%);
	background-image: -ms-linear-gradient(top, #014FBC 35%, #033074 80%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #014FBC), color-stop(0.8, #033074));
}

/* Formulaire de recherche principale */
#transverse form, header form {
	float: right;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0 0 2px #999999 inset;
	-o-box-shadow: 0 0 2px #999999 inset;
	-moz-box-shadow: 0 0 2px #999999 inset;
	-webkit-box-shadow: 0 0 2px #999999 inset;
	height: 27px;
	margin-top: 6px;
}
form input#adf-search-input {
	border: 0 none;
	border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	-o-border-radius: 8px 0 0 8px;
	height: 27px;
	padding: 2px 7px;
	width: 210px;
	float: left;
	color: #999;
	font-size: 0.8em;
}
form input#adf-search-input:active, 
form input#adf-search-input:focus {
  color:#333;
}
form input#adf-search-submit-button {
	background: #ccc;
	border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	-o-border-radius: 0 7px 7px 0;
	float: right;
	padding: 5px 7px 6px 8px;
	width:auto;
}
form input#adf-search-submit-button:hover, 
form input#adf-search-submit-button:active, 
form input#adf-search-submit-button:focus {
  background-color: #999;
  border:1px solid #999;
}



/* ***************************************
	FRIENDS PICKER
*************************************** */
.friends-picker-main-wrapper {
	margin-bottom: 15px;
}
.friends-picker-container h3 {
	font-size:4em !important;
	text-align: left;
	margin:10px 0 20px !important;
	color:#999 !important;
	background: none !important;
	padding:0 !important;
}
.friends-picker .friends-picker-container .panel ul {
	text-align: left;
	margin: 0;
	padding:0;
}
.friends-picker-wrapper {
	margin: 0;
	padding:0;
	position: relative;
	width: 100%;
}
.friends-picker {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	width: 730px;
	height: auto;
	background-color: #dedede;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.friendspicker-savebuttons {
	background: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	margin:0 10px 10px;
}
.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.friends-picker .friends-picker-container .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 730px;
	margin: 0;
	padding:0;
}
.friends-picker .friends-picker-container .panel .wrapper {
	margin: 0;
	padding:4px 10px 10px 10px;
	min-height: 230px;
}
.friends-picker-navigation {
	margin: 0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
.friends-picker-navigation ul {
	list-style: none;
	padding-left: 0;
}
.friends-picker-navigation ul li {
	float: left;
	margin:0;
	background:white;
}
.friends-picker-navigation a {
	font-weight: bold;
	text-align: center;
	background: white;
	color: #999;
	text-decoration: none;
	display: block;
	padding: 0;
	width:20px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tabHasContent {
	background: white;
	color:#333 !important;
}
.friends-picker-navigation li a:hover {
	background: #333;
	color:white !important;
}
.friends-picker-navigation li a.current {
	background: #4690D6;
	color:white !important;
}
.friends-picker-navigation-l, .friends-picker-navigation-r {
	position: absolute;
	top: 46px;
	text-indent: -9000em;
}
.friends-picker-navigation-l a, .friends-picker-navigation-r a {
	display: block;
	height: 40px;
	width: 40px;
}
.friends-picker-navigation-l {
	right: 48px;
	z-index:1;
}
.friends-picker-navigation-r {
	right: 0;
	z-index:1;
}
.friends-picker-navigation-l {
	background: url("http://reseau.fing.org/_graphics/friendspicker.png") no-repeat left top;
}
.friends-picker-navigation-r {
	background: url("http://reseau.fing.org/_graphics/friendspicker.png") no-repeat -60px top;
}
.friends-picker-navigation-l:hover {
	background: url("http://reseau.fing.org/_graphics/friendspicker.png") no-repeat left -44px;
}
.friends-picker-navigation-r:hover {
	background: url("http://reseau.fing.org/_graphics/friendspicker.png") no-repeat -60px -44px;
}
.friendspicker-savebuttons .elgg-button-submit,
.friendspicker-savebuttons .elgg-button-cancel {
	margin:5px 20px 5px 5px;
}
.friendspicker-members-table {
	background: #dedede;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	margin:10px 0 0;
	padding:10px 10px 0;
}

/* ***************************************
	USER PICKER
*************************************** */

.user-picker .user-picker-entry {
	clear:both;
	height:25px;
	padding:5px;
	margin-top:5px;
	border-bottom:1px solid #cccccc;
}
.user-picker-entry .elgg-button-delete {
	margin-right:10px;
}
/* ***************************************
      DATE PICKER
**************************************** */
.ui-datepicker {
	margin-top: 3px;
	background-color: white;
	border: 1px solid #0054A7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

.ui-datepicker-header {
	background: #4690D6;
	color: white;
	padding: 2px 0;
	border-bottom: 1px solid #0054A7;
}
.ui-datepicker-header a {
	color: white;
}
.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 5px;
	cursor: pointer;
}
.ui-datepicker-prev {
    left: 6px;
}
.ui-datepicker-next {
    right: 6px;
}
.ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 30px;
    text-align: center;
	font-weight: bold;
}
.ui-datepicker-calendar {
	margin: 4px;
}
.ui-datepicker th {
	color: #0054A7;
	border: none;
    font-weight: bold;
    padding: 5px 6px;
    text-align: center;
}
.ui-datepicker td {
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 2px;
	line-height: 1.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
	border: 1px solid #ccc;
    color: #4690D6;;
	background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
	border: 1px solid #aaa;
    color: #0054A7;
	background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
	font-weight: bold;
    border: 1px solid #0054A7;
    color: #0054A7;
	background: #E4ECF5;
}
/* ***************************************
	    JQUERY BUTTONS
*************************************** */

.ui-button {
	height: 35px;
	margin-left: -1px;
	vertical-align: bottom;
}

.ui-button-icon-only .ui-button-text {
	padding: 0.35em;
}

.ui-corner-left {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;

	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}

/* ***************************************
	AUTOSUGGEST BOXES
*************************************** */

.ui-autocomplete-input {
	margin: 0;
	padding: 0.48em 0 0.47em 0.45em;
	height: 35px;
	width: 200px;
}

.ui-autocomplete-input:focus {
	border: 1px solid #DDDDDD;
}

.ui-autocomplete {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	width: 200px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete li a {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ui-autocomplete-loading {
	background: white url(http://reseau.fing.org/_graphics/indicator.gif) right center no-repeat;
}

.ui-autocomplete li:nth-child(odd) {
	background-color: #eee;
}

.ui-autocomplete .ui-state-hover {
	background-color: #4690D6;
	color: white !important;
	text-decoration: none;
}

.ui-autocomplete strong {
	font-weight: bold;
}

/* **************************
	BUTTONS
************************** */

/* Base */
.elgg-button {
	font-size: 14px;
	font-weight: bold;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	outline: none;
	
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
}
a.elgg-button {
	padding: 3px 6px;
}

/********** Change 'login' button colour here ***************/
/* Submit: This button should convey, "you're about to take some definitive action" */
.elgg-button-action, .elgg-menu .elgg-button-action,
.elgg-button-submit {
/*
	color: white;
	text-shadow: 1px 1px 0px black;
	text-decoration: none;
	border: 1px solid #000;
	background: #cd9928 url(http://reseau.fing.org/_graphics/button_graduation.png) repeat-x left 10px;
*/
	background: #813179;
	background-color: #813179;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border: 0 none;
	box-shadow: none;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #333;
	/* margin-top: 10px; */
	padding: 5px 9px 6px;
	background-image: linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -o-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -moz-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -webkit-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -ms-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #813179), color-stop(0.8, #813179));
}
.elgg-item .elgg-button-action {
  margin:0 6px 4px 0;
}


.elgg-button-action:hover, 
.elgg-button-action:focus,
.elgg-button-action:active,
.elgg-menu .elgg-button-action:hover,
.elgg-menu .elgg-button-action:focus,
.elgg-menu .elgg-button-action:active,
.elgg-button-submit:hover, 
.elgg-button-submit:focus, 
.elgg-button-submit:active {
	border-color: #000;
	text-decoration: none;
	color: white;
/*
	background: #7f8343 url(http://reseau.fing.org/_graphics/button_graduation.png) repeat-x left 10px;
*/
	background: #813179;
	background-image: linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -o-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -moz-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -webkit-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -ms-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #CD1A0A), color-stop(0.8, #DD180A));
}

.elgg-button-action.elgg-state-disabled, .elgg-menu .elgg-button-action.elgg-state-disabled,
.elgg-button-submit.elgg-state-disabled {
	background: #999;
	border-color: #999;
	cursor: default;
}

/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
.elgg-button-cancel {
	color: #333;
	background: #ddd url(http://reseau.fing.org/_graphics/button_graduation.png) repeat-x left 10px;
	border: 1px solid #999;
}
.elgg-button-cancel:hover, 
.elgg-button-cancel:focus, 
.elgg-button-cancel:active {
	color: #444;
	background-color: #999;
	background-position: left 10px;
	text-decoration: none;
}

/* Action: This button should convey a normal, inconsequential action, such as clicking a link */
/* Thème ADF : idem .elgg-button-submit
.elgg-button-action {
	background: #ccc url(http://reseau.fing.org/_graphics/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 2px 15px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
*/

/* Thème ADF : idem .elgg-button-submit
/*
.elgg-button-action:hover,
.elgg-button-action:focus,
.elgg-button-action:active {
	background: #ccc url(http://reseau.fing.org/_graphics/button_background.gif) repeat-x 0 -15px;
	color: #111;
	text-decoration: none;
	border: 1px solid #999;
}
*/


a.adf_elgg-button-action {
	background: #ccc url(http://reseau.fing.org/_graphics/button_background.gif) repeat-x 0 0;
	border:1px solid #999;
	color: #333;
	padding: 2px 15px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a:hover.adf_elgg-button-action,
a:focus.adf_elgg-button-action,
a:active.adf_elgg-button-action {
	background: #ccc url(http://reseau.fing.org/_graphics/button_background.gif) repeat-x 0 -15px;
	color: #111;
	text-decoration: none;
	border: 1px solid #999;
}


/* Delete: This button should convey "be careful before you click me" */
.elgg-button-delete {
	color: #bbb;
	text-decoration: none;
	border: 1px solid #333;
	background: #555 url(http://reseau.fing.org/_graphics/button_graduation.png) repeat-x left 10px;
	text-shadow: 1px 1px 0px black;
}
.elgg-button-delete:hover, 
.elgg-button-delete:focus, 
.elgg-button-delete:active {
	color: #999;
	background-color: #333;
	background-position: left 10px;
	text-decoration: none;
}


/******* Change Login (Dropdown) Button ->  ***************/
.elgg-button-dropdown {
	padding:3px 6px;
	text-decoration:none;
	display:block;
	font-weight:bold;
	position:relative;
	margin-left:0;
	color: white;
	border:1px solid #000;
        background:#181a2f;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	
	/*background-image:url(http://reseau.fing.org/_graphics/elgg_sprites.png);
	background-position:-150px -51px;
	background-repeat:no-repeat;*/
}

.elgg-button-dropdown:after {
	content: " \25BC ";
	font-size:smaller;
}

.elgg-button-dropdown:hover, 
.elgg-button-dropdown:focus
.elgg-button-dropdown:active {
	background-color:#ccc;
	text-decoration:none;
border:1px solid #ccc;
}

.elgg-button-dropdown.elgg-state-active {
	background: #ccc;
	outline: none;
	color: #333;
	border:1px solid #ccc;
	
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}



/* ADF : New custom button style : not too much visible button, for inline actions */

.elgg-menu-item-change-owner a, 
.elgg-menu-item-drop-privileges a, 
.elgg-menu-item-history a, 
.elgg-menu-item-feature a, 
.elgg-menu-item-featured a, 
.elgg-menu-entity .elgg-menu-item-edit a, 
.elgg-menu-entity .elgg-menu-item-reply a, 
.elgg-widget-button {

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	width: auto;
	padding: 2px 4px;
	cursor: pointer;
	outline: none;
	
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);

  font-size:12px;
  color:rgb(168,84,158);
  font-weight:normal;
  margin:0 4px 2px 0;
  background:#eee;
  background-image: linear-gradient(top, #EEEEEE 35%, #DDDDDD 80%);
  background-image: -o-linear-gradient(top, #EEEEEE 35%, #DDDDDD 80%);
  background-image: -moz-linear-gradient(top, #EEEEEE 35%, #DDDDDD 80%);
  background-image: -webkit-linear-gradient(top, #EEEEEE 35%, #DDDDDD 80%);
  background-image: -ms-linear-gradient(top, #EEEEEE 35%, #DDDDDD 80%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #EEEEEE), color-stop(0.8, #DDDDDD));
}
.elgg-menu-entity .elgg-menu-item-history a:hover, .elgg-menu-entity .elgg-menu-item-history a:focus, .elgg-menu-entity .elgg-menu-item-history a:active, 
.elgg-menu-item-feature a:hover, .elgg-menu-item-feature a:focus, .elgg-menu-item-feature a:active, 
.elgg-menu-item-featured a:hover, .elgg-menu-item-featured a:focus, .elgg-menu-item-featured a:active, 
.elgg-menu-entity .elgg-menu-item-edit a:hover, .elgg-menu-entity .elgg-menu-item-edit a:focus, .elgg-menu-entity .elgg-menu-item-edit a:active, 
.elgg-menu-entity .elgg-menu-item-reply a:hover, .elgg-menu-entity .elgg-menu-item-reply a:focus, .elgg-menu-entity .elgg-menu-item-reply a:active, 
.elgg-widget-button:hover, .elgg-widget-button:focus, .elgg-widget-button:active {
  font-size:12px;
  font-weight:normal;
  color:#333;
  text-decoration:none;
  background:#ddd;
  background-image: linear-gradient(top, #DDDDDD 35%, #CCCCCC 80%);
  background-image: -o-linear-gradient(top, #DDDDDD 35%, #CCCCCC 80%);
  background-image: -moz-linear-gradient(top, #DDDDDD 35%, #CCCCCC 80%);
  background-image: -webkit-linear-gradient(top, #DDDDDD 35%, #CCCCCC 80%);
  background-image: -ms-linear-gradient(top, #DDDDDD 35%, #CCCCCC 80%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #DDDDDD), color-stop(0.8, #CCCCCC));
}

/* Différenciation de certaines actions */
.elgg-menu-item-change-owner a, 
.elgg-menu-item-drop-privileges a, 
.elgg-menu-entity li.elgg-menu-item-history a, 
.elgg-menu-entity li.elgg-menu-item-reply a {
  color: #333;
  background: -moz-linear-gradient(center bottom , #CCCCCC 10%, #F6F6F6 60%) repeat scroll 0 0 transparent;
  border: 1px solid #999;
}
.elgg-menu-entity .elgg-menu-item-edit a {
  color: #FFFFFF;
  padding: 3px 6px;
	background-image: linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -o-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -moz-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -webkit-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -ms-linear-gradient(top, #813179 35%, #813179 80%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #813179), color-stop(0.8, #813179));
}
.elgg-menu-entity .elgg-menu-item-edit a:hover, .elgg-menu-entity .elgg-menu-item-edit a:focus, .elgg-menu-entity .elgg-menu-item-edit a:active {
  color:white;
	background-image: linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -o-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -moz-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -webkit-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -ms-linear-gradient(top, #CD1A0A 35%, #DD180A 80%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #CD1A0A), color-stop(0.8, #DD180A));
}



/* ***************************************
	ICONS
*************************************** */

.elgg-icon {
	background: transparent url(http://reseau.fing.org/_graphics/elgg_sprites.png) no-repeat left;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}
.elgg-icon-arrow-left {
	background-position: 0 -0px;
}
.elgg-icon-arrow-right {
	background-position: 0 -18px;
}
.elgg-icon-arrow-two-head {
	background-position: 0 -36px;
}
.elgg-icon-attention:hover {
	background-position: 0 -54px;
}
.elgg-icon-attention {
	background-position: 0 -72px;
}
.elgg-icon-calendar {
	background-position: 0 -90px;
}
.elgg-icon-cell-phone {
	background-position: 0 -108px;
}
.elgg-icon-checkmark:hover {
	background-position: 0 -126px;
}
.elgg-icon-checkmark {
	background-position: 0 -144px;
}
.elgg-icon-clip:hover {
	background-position: 0 -162px;
}
.elgg-icon-clip {
	background-position: 0 -180px;
}
.elgg-icon-cursor-drag-arrow {
	background-position: 0 -198px;
}
.elgg-icon-delete-alt:hover {
	background-position: 0 -216px;
}
.elgg-icon-delete-alt {
	background-position: 0 -234px;
}
.elgg-icon-delete:hover {
	background-position: 0 -252px;
}
.elgg-icon-delete {
	background-position: 0 -270px;
}
.elgg-icon-download:hover {
	background-position: 0 -288px;
}
.elgg-icon-download {
	background-position: 0 -306px;
}
.elgg-icon-eye {
	background-position: 0 -324px;
}
.elgg-icon-facebook {
	background-position: 0 -342px;
}
.elgg-icon-grid:hover {
	background-position: 0 -360px;
}
.elgg-icon-grid {
	background-position: 0 -378px;
}
.elgg-icon-home:hover {
	background-position: 0 -396px;
}
.elgg-icon-home {
	background-position: 0 -414px;
}
.elgg-icon-hover-menu:hover {
	background-position: 0 -432px;
}
.elgg-icon-hover-menu {
	background-position: 0 -450px;
}
.elgg-icon-info:hover {
	background-position: 0 -468px;
}
.elgg-icon-info {
	background-position: 0 -486px;
}
.elgg-icon-link:hover {
	background-position: 0 -504px;
}
.elgg-icon-link {
	background-position: 0 -522px;
}
.elgg-icon-list {
	background-position: 0 -540px;
}
.elgg-icon-lock-closed {
	background-position: 0 -558px;
}
.elgg-icon-lock-open {
	background-position: 0 -576px;
}
.elgg-icon-mail-alt:hover {
	background-position: 0 -594px;
}
.elgg-icon-mail-alt {
	background-position: 0 -612px;
}
.elgg-icon-mail:hover {
	background-position: 0 -630px;
}
.elgg-icon-mail {
	background-position: 0 -648px;
}
.elgg-icon-photo {
	background-position: 0 -666px;
}
.elgg-icon-print-alt {
	background-position: 0 -684px;
}
.elgg-icon-print {
	background-position: 0 -702px;
}
.elgg-icon-push-pin-alt {
	background-position: 0 -720px;
}
.elgg-icon-push-pin {
	background-position: 0 -738px;
}
.elgg-icon-redo {
	background-position: 0 -756px;
}
.elgg-icon-refresh:hover {
	background-position: 0 -774px;
}
.elgg-icon-refresh {
	background-position: 0 -792px;
}
.elgg-icon-round-arrow-left {
	background-position: 0 -810px;
}
.elgg-icon-round-arrow-right {
	background-position: 0 -828px;
}
.elgg-icon-round-checkmark {
	background-position: 0 -846px;
}
.elgg-icon-round-minus {
	background-position: 0 -864px;
}
.elgg-icon-round-plus {
	background-position: 0 -882px;
}
.elgg-icon-rss {
	background-position: 0 -900px;
}
.elgg-icon-search-focus {
	background-position: 0 -918px;
}
.elgg-icon-search {
	background-position: 0 -936px;
}
.elgg-icon-settings-alt:hover {
	background-position: 0 -954px;
}
.elgg-icon-settings-alt {
	background-position: 0 -972px;
}
.elgg-icon-settings {
	background-position: 0 -990px;
}
.elgg-icon-share:hover {
	background-position: 0 -1008px;
}
.elgg-icon-share {
	background-position: 0 -1026px;
}
.elgg-icon-shop-cart:hover {
	background-position: 0 -1044px;
}
.elgg-icon-shop-cart {
	background-position: 0 -1062px;
}
.elgg-icon-speech-bubble-alt:hover {
	background-position: 0 -1080px;
}
.elgg-icon-speech-bubble-alt {
	background-position: 0 -1098px;
}
.elgg-icon-speech-bubble:hover {
	background-position: 0 -1116px;
}
.elgg-icon-speech-bubble {
	background-position: 0 -1134px;
}
.elgg-icon-star-alt {
	background-position: 0 -1152px;
}
.elgg-icon-star-empty:hover {
	background-position: 0 -1170px;
}
.elgg-icon-star-empty {
	background-position: 0 -1188px;
}
.elgg-icon-star:hover {
	background-position: 0 -1206px;
}
.elgg-icon-star {
	background-position: 0 -1224px;
}
.elgg-icon-tag:hover {
	background-position: 0 -1242px;
}
.elgg-icon-tag {
	background-position: 0 -1260px;
}
.elgg-icon-thumbs-down-alt:hover {
	background-position: 0 -1278px;
}
.elgg-icon-thumbs-down:hover,
.elgg-icon-thumbs-down-alt {
	background-position: 0 -1296px;
}
.elgg-icon-thumbs-down {
	background-position: 0 -1314px;
}
.elgg-icon-thumbs-up-alt:hover {
	background-position: 0 -1332px;
}
.elgg-icon-thumbs-up:hover,
.elgg-icon-thumbs-up-alt {
	background-position: 0 -1350px;
}
.elgg-icon-thumbs-up {
	background-position: 0 -1368px;
}
.elgg-icon-trash {
	background-position: 0 -1386px;
}
.elgg-icon-twitter {
	background-position: 0 -1404px;
}
.elgg-icon-undo {
	background-position: 0 -1422px;
}
.elgg-icon-user:hover {
	background-position: 0 -1440px;
}
.elgg-icon-user {
	background-position: 0 -1458px;
}
.elgg-icon-users:hover {
	background-position: 0 -1476px;
}
.elgg-icon-users {
	background-position: 0 -1494px;
}
.elgg-icon-video {
	background-position: 0 -1512px;
}


.elgg-avatar > .elgg-icon-hover-menu {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	cursor: pointer;
}

.elgg-ajax-loader {
	background: white url(http://reseau.fing.org/_graphics/ajax_loader_bw.gif) no-repeat center center;
	min-height: 31px;
	min-width: 31px;
}

/* ***************************************
	AVATAR ICONS
*************************************** */
.elgg-avatar {
	position: relative;
	display: inline-block;
}
.elgg-avatar > a > img {
	display: block;
}
.elgg-avatar-tiny > a > img {
	width: 25px;
	height: 25px;
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 25px;
	-khtml-background-size: 25px;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	background-size: 25px;
}
.elgg-avatar-small > a > img {
	width: 40px;
	height: 40px;
	
	/* remove the border-radius if you don't want rounded avatars in supported browsers */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-background-clip:  border;
	background-clip:  border;

	-webkit-background-size: 40px;
	-khtml-background-size: 40px;
	-moz-background-size: 40px;
	-o-background-size: 40px;
	background-size: 40px;
}
.elgg-avatar-medium > a > img {
	width: 100px;
	height: 100px;
}
.elgg-avatar-large > a > img {
	width: 200px;
	height: 200px;
}

/* ***************************************
	PAGINATION
*************************************** */
.elgg-pagination {
	margin: 20px 0 10px;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
}
.elgg-pagination li {
	display: inline;
	margin: 0 6px 6px 0;
	text-align: center;
}
.elgg-pagination a, .elgg-pagination span {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 6px;
	color: rgb(168,84,158);
	border: 1px solid rgb(168,84,158);
	font-size: 0.85em;
}
.elgg-pagination a:hover,
.elgg-pagination a:focus,
.elgg-pagination a:active {
	background: #d6d6d6;
	color: #333;
	border: 1px solid #333;
	text-decoration: none;
}
.elgg-pagination .elgg-state-disabled span {
	color: #CCCCCC;
	border-color: #CCCCCC;
}
.elgg-pagination .elgg-state-selected span {
	color: #333;
	border-color: #333;
}

/* ***************************************
	TABS
*************************************** */
.elgg-tabs {
	margin-bottom: 5px;
	border-bottom: 2px solid #cccccc;
	display: table;
	width: 100%;
}
.elgg-tabs li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #F0F0F0;
	margin: 0 0 0 10px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.elgg-tabs a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0 10px;
	text-align: center;
	height: 21px;
	color: #666666;
}
.elgg-tabs a:hover, 
.elgg-tabs a:focus, 
.elgg-tabs a:active {
	background: #FFFFFF;
	color: #333333;
}
.elgg-tabs .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-tabs .elgg-state-selected a {
	position: relative;
	top: 2px;
	background: white;
	color:#333333;
}


/* ***************************************
	BREADCRUMBS
*************************************** */
.elgg-breadcrumbs {
  font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: #999;
}
.elgg-breadcrumbs > li {
	display: inline-block;
}
.elgg-breadcrumbs > li:after{
	content: "\003E";
	padding: 0 4px;
	font-weight: normal;
}
.elgg-breadcrumbs > li > a {
	display: inline-block;
	color: #999;
}
.elgg-breadcrumbs > li > a:hover,
.elgg-breadcrumbs > li > a:focus,
.elgg-breadcrumbs > li > a:active {
	color: rgb(129,49,121);
	text-decoration: underline;
}

.elgg-main .elgg-breadcrumbs {
	position: relative;
	top: -6px;
	left: 0;
}

/* ***************************************
	TOPBAR MENU
*************************************** */
.elgg-menu-topbar {
	float: left;
}

.elgg-menu-topbar > li {
	float: left;
}

.elgg-menu-topbar > li > a {
	padding: 2px 15px 0;
	color: #eee;
	margin-top: 1px;
}

.elgg-menu-topbar > li > a:hover, 
.elgg-menu-topbar > li > a:focus, 
.elgg-menu-topbar > li > a:active {
	color: rgb(168,84,158);
	text-decoration: none;
}

.elgg-menu-topbar-alt {
	float: right;
}

.elgg-menu-topbar .elgg-icon {
	vertical-align: middle;
	margin-top: -1px;
}

.elgg-menu-topbar > li > a.elgg-topbar-logo {
	margin-top: 0;
	padding-left: 5px;
	width: 38px;
	height: 20px;
}

.elgg-menu-topbar > li > a.elgg-topbar-avatar {
	width: 18px;
	height: 18px;
}

/* ADF : Topbar submenu support */
.elgg-menu-topbar > li > ul {
	display: none;
	position:absolute;
  background-color: transparent;
  padding-top:4px; 
  left:12px; top:21px; 
  width:200px;
}

.elgg-menu-topbar > li > ul a {
  background-color: #333;  
  color:white; 
  padding: 2px 2px 4px 6px;
}
.elgg-menu-topbar > li > ul a:hover, 
.elgg-menu-topbar > li > ul a:focus, 
.elgg-menu-topbar > li > ul a:active {
  text-decoration:none;
  color:rgb(168,84,158);
}

.elgg-menu-topbar > li:hover > ul, 
.elgg-menu-topbar > li:focus > ul, 
.elgg-menu-topbar > li:active > ul {
  display: block;
}



/* ***************************************
	SITE MENU
*************************************** */
.elgg-menu-site {
	z-index: 1;
}

.elgg-menu-site > li > a {
	font-weight: bold;
	padding: 3px 13px 0px 13px;
	height: 20px;
}

.elgg-menu-site > li >hover,
.elgg-menu-site > li > a:focus,
.elgg-menu-site > li > a:active {
	text-decoration: none;
}

.elgg-menu-site-default {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 23px;
}

.elgg-menu-site-default > li {
	float: left;
	margin-right: 1px;
}

.elgg-menu-site-default > li > a {
	color: white;
}

.elgg-menu-site > li > ul {
	display: none;
	background-color: white;
}

.elgg-menu-site > li:hover > ul,
.elgg-menu-site > li:focus > ul,
.elgg-menu-site > li:active > ul {
	display: block;
}

.elgg-menu-site-default > .elgg-state-selected > a,
.elgg-menu-site-default > li:hover > a, 
.elgg-menu-site-default > li:focus > a, 
.elgg-menu-site-default > li:active > a {
	background: white;
	color: #555;

	-webkit-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.25);

	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.elgg-menu-site-more {
	position: relative;
	left: -1px;
	width: 100%;
	min-width: 150px;
	border: 1px solid #999;
	border-top: 0;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.elgg-menu-site-more > li > a {
	background-color: white;
	color: #555;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.elgg-menu-site-more > li > a:hover, 
.elgg-menu-site-more > li > a:focus, 
.elgg-menu-site-more > li > a:active {
	background: rgb(129,49,121);
	color: white;
}

.elgg-menu-site-more > li:last-child > a,
.elgg-menu-site-more > li:last-child > a:hover, 
.elgg-menu-site-more > li:last-child > a:focus, 
.elgg-menu-site-more > li:last-child > a:active {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.elgg-more > a:before {
	content: "\25BC";
	font-size: smaller;
	margin-right: 4px;
}

/* ***************************************
	ADF MENU
*************************************** */
/* menu dans le header */
header nav {
	position: absolute;
	top: 7px;
	right: 5px;
	font-weight: bold;
	font-size: 0.8em;
}
header nav ul li {
	float: left;
	margin-left: 35px;
	position: relative;
}
header nav ul li a {
	color: #fff;
	padding-bottom:10px;
	text-shadow: 2px 2px 2px #333;
}
header nav ul li#msg a {
	background: transparent url("http://reseau.fing.org/mod/adf_public_platform/img/theme/icon-msg.png") left top no-repeat scroll;
	padding: 2px 0 3px 23px;
}
header nav ul li#man a {
	background: transparent url("http://reseau.fing.org/mod/adf_public_platform/img/theme/icon-profil.png") left top no-repeat scroll;
	padding: 3px 0 3px 23px;
}
#adf-profil {
    color: #FFFFFF;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    left: 5px;
    margin-top: -2px;
    position: absolute;
    top: 5px;
    text-shadow: 2px 2px 2px #333333;
}
#adf-profil img {
  float: left;
  margin-right: 5px;
}

header nav ul li ul {
	background: #fff;
	float: left;
	left: 0;
	top:20px; /* ajouté */
	position: absolute;
	padding: 5px 0;
	box-shadow: 0px 0px 5px #002e3e inset;
	-moz-box-shadow: 0px 0px 5px #002e3e inset;
	-webkit-box-shadow: 0px 0px 5px #002e3e inset;
	-o-box-shadow: 0px 0px 5px #002e3e inset;
}
header nav ul li ul li {
	float: left;
	margin: 2px 5px 2px 10px;
	width: 166px;
}
header nav ul li ul li a {
	color: #002e3e;
	text-shadow: none;
}
header nav ul li a:hover, 
header nav ul li a:focus, 
header nav ul li a:active { color: #ddd; }

/* Menu de navigation */
#transverse {
	background-image: linear-gradient(top, #FFFFFF 25%, #F6F6F6 75%);
	background-image: -o-linear-gradient(top, #FFFFFF 25%, #F6F6F6 75%);
	background-image: -moz-linear-gradient(top, #FFFFFF 25%, #F6F6F6 75%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 25%, #F6F6F6 75%);
	background-image: -ms-linear-gradient(top, #FFFFFF 25%, #F6F6F6 75%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #FFFFFF), color-stop(0.75, #F6F6F6));
	background-color: #F6F6F6;
	box-shadow: 0px 1px 5px #777;
	-o-box-shadow: 0px 1px 5px #777;
	-moz-box-shadow: 0px 1px 5px #777;
	-webkit-box-shadow: 0px 1px 5px #777;
	position: relative;
	border-bottom: 1px solid #ccc;
	width: 700px;
}
#transverse nav {
	float: left;
	font-family: Puritan, sans-serif;
	font-size: 1.25em;
}
#transverse nav ul { width: 650px; }
#transverse nav ul li {
	float: left;
	border-right: 1px solid #ccc;
	padding-left: 1px;
	position: relative;
}
#transverse nav ul li:first-child {
	border-left: 1px solid #ccc;
}
#transverse nav ul li ul li:first-child { border-left: 0; }
#transverse nav ul li a {
	color: #333;
	float: left;
	padding: 10px 14px;
}
#transverse nav ul li a.active, 
#transverse nav ul li a.elgg-state-selected, 
#transverse nav ul li a:hover, 
#transverse nav ul li a:focus, 
#transverse nav ul li a:active {
	background-color: #ccc;
	text-decoration: none;
}
#transverse nav ul li ul {
	background: #FFFFFF;
	position: absolute;
	top: 40px; /* au lieu de 44px */
	left: -1px;
	z-index: 2;
	box-shadow: 2px 2px 3px #333;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	-o-box-shadow: 2px 2px 3px #333;
	width: 202px;
}
#transverse nav ul li ul li {
	clear: left;
	background: #FFFFFF;
	width: 200px;
	float: left;
}
#transverse nav ul li ul li a {
	float: left;
	width: 181px;
	padding: 2px 10px;
	font-size: 0.9em;
	border-bottom: 1px solid #fff;
}

#transverse nav ul li.groups ul { width: 402px; }
#transverse nav ul li.groups ul li { width: 400px; }
#transverse nav ul li.groups ul li a { width: 381px; }
#transverse nav ul li.groups ul li.subgroup { margin-left: 6px; width: 394px; }
#transverse nav ul li.groups ul li.subgroup a { width: 375px; }
#transverse nav ul li.groups ul li.subgroup-2 { margin-left: 12px; width: 388px; }
#transverse nav ul li.groups ul li.subgroup-2 a { width: 369px; }
#transverse nav ul li.groups ul li.subgroup-3 { margin-left: 18px; width: 382px; }
#transverse nav ul li.groups ul li.subgroup-3 a { width: 363px; }
#transverse nav ul li.groups ul li.subgroup-4 { margin-left: 24px; width: 376px; }
#transverse nav ul li.groups ul li.subgroup-4 a { width: 357px; }
#transverse nav ul li.groups ul li.subgroup-5 { margin-left: 30px; width: 370px; }
#transverse nav ul li.groups ul li.subgroup-5 a { width: 351px; }
#transverse nav ul li.groups ul li.subgroup-6 { margin-left: 36px; width: 364px; }
#transverse nav ul li.groups ul li.subgroup-6 a { width: 345px; }
#transverse nav ul li.groups ul li.subgroup-7 { margin-left: 42px; width: 358px; }
#transverse nav ul li.groups ul li.subgroup-7 a { width: 339px; }
#transverse nav ul li.groups ul li.subgroup-8 { margin-left: 48px; width: 352px; }
#transverse nav ul li.groups ul li.subgroup-8 a { width: 333px; }
#transverse nav ul li.groups ul li.subgroup-9 { margin-left: 54px; width: 346px; }
#transverse nav ul li.groups ul li.subgroup-9 a { width: 327px; }
#transverse nav ul li.groups ul li.subgroup-10 { margin-left: 60px; width: 340px; }
#transverse nav ul li.groups ul li.subgroup-10 a { width: 321px; }

#transverse nav ul li.thematiques ul { width: 372px; }
#transverse nav ul li.thematiques ul li { width: 370px; }
#transverse nav ul li.thematiques ul li a { width: 351px; }

#transverse nav ul li ul li img {
  float:left; 
  margin-right:6px;
}
#transverse nav ul li ul li a:hover, 
#transverse nav ul li ul li a:focus, 
#transverse nav ul li ul li a:active {
	background: #333;
	color: #fff;
}



/* ***************************************
	TITLE
*************************************** */
.elgg-menu-title {
	float: right;
}

.elgg-menu-title > li {
	display: inline-block;
	margin-left: 4px;
}

/* ***************************************
	FILTER MENU
*************************************** */
.elgg-menu-filter {
	margin-bottom: 5px;
	border-bottom: 2px solid #ccc;
	display: table;
	width: 100%;
}
.elgg-menu-filter > li {
	float: left;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: #eee;
	margin: 0 0 0 10px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.elgg-menu-filter > li:hover, 
.elgg-menu-filter > li:focus, 
.elgg-menu-filter > li:active {
	background: #dedede;
}
.elgg-menu-filter > li > a {
	text-decoration: none;
	display: block;
	padding: 3px 10px 0;
	text-align: center;
	height: 21px;
	color: #999;
}

/*********    Change tab hover here    ********/
.elgg-menu-filter > li > a:hover, 
.elgg-menu-filter > li > a:focus, 
.elgg-menu-filter > li > a:active {
	background: #dedede;
	color: #000;
}
.elgg-menu-filter > .elgg-state-selected {
	border-color: #ccc;
	background: white;
}
.elgg-menu-filter > .elgg-state-selected > a {
	position: relative;
	top: 2px;
	background: white;
}

/* ***************************************
	PAGE MENU
*************************************** */
.elgg-menu-page {
	margin-bottom: 15px;
}

.elgg-menu-page a {
	display: block;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	/* background-color: white; */
	margin: 0 0 3px;
	padding: 5px 10px 6px 10px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}
.elgg-menu-page a:hover, 
.elgg-menu-page a:focus, 
.elgg-menu-page a:active {
	background-color: #d6d6d6;
	color: #333;
	text-decoration: none;
}
.elgg-menu-page .elgg-state-selected a,
.elgg-menu-page .elgg-state-selected a:hover, 
.elgg-menu-page .elgg-state-selected a:focus, 
.elgg-menu-page .elgg-state-selected a:active {
	background-color:rgb(168,84,158);
	color: #FFF !important;
	text-decoration: none;
}


/****** Change colour for 'ALL Groups' link in sidebar *********/
.elgg-menu-page li.elgg-state-selected > a {
	/* background-color: rgb(129,49,121); */
	color: #FFF;
}
 .elgg-menu-page li.elgg-state-selected {
 background-color:rgb(168,84,158);
}
.elgg-menu-page .elgg-child-menu {
	display: none;
	margin-left: 15px;
}
.elgg-menu-page .elgg-menu-closed:before, .elgg-menu-opened:before {
	display: inline-block;
	padding-right: 4px;
}
.elgg-menu-page .elgg-menu-closed:before {
	content: "\002B";
}
.elgg-menu-page .elgg-menu-opened:before {
	content: "\002D";
}

/* ***************************************
	HOVER MENU
*************************************** */
.elgg-menu-hover {
	display: none;
	position: absolute;
	z-index: 10000;

	width: 165px;
	border: solid 1px;
	border-color: #E5E5E5 #999 #999 #E5E5E5;
	background-color: #FFF;
	
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.50);
}
.elgg-menu-hover > li {
	border-bottom: 1px solid #ddd;
}
.elgg-menu-hover > li:last-child {
	border-bottom: none;
}
.elgg-menu-hover .elgg-heading-basic {
	display: block;
}
.elgg-menu-hover a {
	padding: 2px 8px;
	font-size: 92%;
}
.elgg-menu-hover a:hover, 
.elgg-menu-hover a:focus, 
.elgg-menu-hover a:active {
	background: #ccc;
	text-decoration: none;
}
.elgg-menu-hover-admin a {
	color: red;
}
.elgg-menu-hover-admin a:hover, 
.elgg-menu-hover-admin a:focus, 
.elgg-menu-hover-admin a:active {
	color: white;
	background-color: red;
}

/* ***************************************
	FOOTER
*************************************** */
.elgg-menu-footer > li,
.elgg-menu-footer > li > a {
	display: inline-block;
	color:#999;
}

.elgg-menu-footer > li:after {
	content: "\007C";
	padding: 0 4px;
}

.elgg-menu-footer-default {
	float: right;
}

.elgg-menu-footer-alt {
	float: left;
}

/* ***************************************
	ENTITY AND ANNOTATION
*************************************** */
.elgg-menu-entity, elgg-menu-annotation {
	float: right;
	/* margin-left: 15px; */ /* modif */
	font-size: 90%;
	color: #666;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-entity > li, .elgg-menu-annotation > li {
	margin-left: 15px;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	color: #aaa;
}
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
	display: block;
}
.elgg-menu-entity > li > span, .elgg-menu-annotation > li > span {
	vertical-align: baseline;
}
.elgg-menu-item-membership {}
.elgg-menu-item-members {}


/* ***************************************
	OWNER BLOCK
*************************************** */
.elgg-menu-owner-block li a {
	display: block;
	
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
*/
	
	background-color: white;
	padding: 6px 10px 5px 35px;
	margin: 0;
}
.elgg-menu-owner-block li a:hover, 
.elgg-menu-owner-block li a:focus, 
.elgg-menu-owner-block li a:active {
}

.elgg-menu-owner-block li a:hover,
.elgg-menu-owner-block li a:focus,
.elgg-menu-owner-block li a:active {
	background-color: rgb(168,84,158);
	color: white;
	text-decoration: none;
}
.elgg-menu-owner-block li.elgg-state-selected > a {
	background-color: rgb(168,84,158);
	color: white;
	background-position: 9px -19px;
}

/* Various tools icons : activity, event-calendar, announcements, blog, file, discussion, brainstorm, bookmarks, pages */

/* Note : this replaces the above with FA icons - update translations accordingly if needed
 */
.elgg-menu-owner-block li a { padding-left: 1ex; }
.elgg-sidebar li .fa { display: inline-block; min-width: 2.5ex; }



/* ***************************************
	LONGTEXT
*************************************** */
.elgg-menu-longtext {
	float: right;
}

/* ***************************************
	RIVER
*************************************** */
.elgg-menu-river {
	float: right;
	margin-left: 15px;
	font-size: 90%;
	color: #aaa;
	line-height: 16px;
	height: 16px;
}
.elgg-menu-river > li {
	display: inline-block;
	margin-left: 5px;
}
.elgg-menu-river > li > a {
	color: #aaa;
	height: 16px;
}
.elgg-menu-river > li > a {
	display: block;
}
.elgg-menu-river > li > span {
	vertical-align: baseline;
}

/* ***************************************
	SIDEBAR EXTRAS (rss, bookmark, etc)
*************************************** */
.elgg-menu-extras {
	margin-bottom: 15px;
}

.elgg-sidebar #site-categories h2,
.elgg-sidebar #feedbacks h2 {
    background: none repeat scroll 0 0 #333333;
    border-radius: 3px 3px 0 0;
    clear: both;
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0;
    padding: 6px 10px 4px;
    text-transform: uppercase;
}
.elgg-sidebar #site-categories ul li a {
   padding: 6px 10px 5px;
}


/* ***************************************
	Modules
*************************************** */

.elgg-module { overflow: hidden; margin-bottom: 20px; }

/* Aside */
.elgg-module-aside .elgg-head {
	/* border-bottom: 1px solid #CCC; */
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#pages-navigation .elgg-body {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 0.8em;
	padding: 5px 10px 0 5px;
}
#pages-navigation .elgg-body ul li a { padding-left: 5px; }



/* Info */
.elgg-module-info > .elgg-head {
	background: #e4e4e4;
	padding: 1px 3px 0px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(top, black 0%, #000000 100%);
	background-image: -o-linear-gradient(top, black 0%, #000000 100%);
	background-image: -moz-linear-gradient(top, black 0%, #000000 100%);
	background-image: -webkit-linear-gradient(top, black 0%, #000000 100%);
	background-image: -ms-linear-gradient(top, black 0%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, black), color-stop(1, #000000));
	background-color: #000000;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-top: 0 none;
	min-height: 25px;
	margin-bottom:0;
}
.elgg-module-info > .elgg-head * { color: #333; }
.elgg-module-info {
	/* background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/ombre-module.png") no-repeat scroll left 5px transparent; */
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	padding: 0 14px;
	min-width:200px;
}
.elgg-module-info > .elgg-head h3 {
	color: #FFFFFF;
	/*
	float: left;
	font-size: 1.25em;
	*/
	margin: 7px 0 0 5px;
	font-family: Lato, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 4px 0 5px 30px;
}
/* Inner elements same color as header */
.elgg-module-info > .elgg-head h3 * { color: #FFFFFF; }
.elgg-module-info > .elgg-body {
	padding:7px 10px 0;
	/* background: white url("http://reseau.fing.org/mod/adf_public_platform/img/theme/bottom-module.png") 50% bottom no-repeat scroll; */
	background:white; /* Pour masquer ombrage si largeur supérieure */
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


/* Popup */
.elgg-module-popup {
	background-color: white;
	border: 1px solid #ccc;
	
	z-index: 9999;
	margin-bottom: 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}
.elgg-module-popup > .elgg-head { margin-bottom: 5px; }
.elgg-module-popup > .elgg-head * { color: rgb(129,49,121); }

/* Dropdown */
.elgg-module-dropdown {
	background-color:white;
	border:5px solid #CCC;
	
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
	
	display:none;
	
	width: 210px;
	padding: 12px;
	margin-right: 0px;
	z-index:100;
	
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
	
	position:absolute;
	right: 0px;
	top: 100%;
}

/* Featured */
.elgg-module-featured {
	border: 1px solid rgb(129,49,121);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.elgg-module-featured > .elgg-head {
	padding: 5px;
	background-color: rgb(129,49,121);
}
.elgg-module-featured > .elgg-head * { color: white; }
.elgg-module-featured > .elgg-body { padding: 10px; }


/* ***************************************
	Widgets
*************************************** */
.elgg-widgets {
	float: right;
	min-height: 30px;
}
.elgg-widget-add-control {
	text-align: right;
	margin: 5px 5px 15px;
}
.elgg-widgets-add-panel {
	padding: 10px;
	margin: 0 5px 15px;
	background: #dedede;
	border: 2px solid #ccc;
}
.elgg-widgets-add-panel li {
	float: left;
	margin: 2px 10px;
	width: 200px;
	padding: 4px;
	background-color: #ccc;
	border: 2px solid #b0b0b0;
	font-weight: bold;
}
.elgg-widgets-add-panel li a {
	display: block;
}
.elgg-widgets-add-panel .elgg-state-available {
	color: #333;
	cursor: pointer;
}
.elgg-widgets-add-panel .elgg-state-available:hover, 
.elgg-widgets-add-panel .elgg-state-available:focus, 
.elgg-widgets-add-panel .elgg-state-available:active {
	background-color: #bcbcbc;
}
.elgg-widgets-add-panel .elgg-state-unavailable {
	color: #888;
}

.elgg-module-widget {
	background-color: #dedede;
	padding: 2px;
	margin: 0 5px 15px;
	position: relative;
}
.elgg-module-widget:hover, 
.elgg-module-widget:focus, 
.elgg-module-widget:active {
	background-color: #ccc;
}
.elgg-module-widget > .elgg-head {
	background-color: #eeeeee;
	height: 26px;
	overflow: hidden;
}
.elgg-module-widget > .elgg-head h3 {
	float: left;
	padding: 4px 45px 0 20px;
	color: #666;
}
.elgg-module-widget.elgg-state-draggable > .elgg-head {
	cursor: move;
}
.elgg-module-widget > .elgg-head a {
	position: absolute;
	top: 4px;
	display: inline-block;
	width: 18px;
	height: 18px;
	padding: 2px 2px 0 0;
}
a.elgg-widget-collapse-button {
	left: 5px;
	color: #c5c5c5;
}
a.elgg-widget-collapse-button:hover,
a.elgg-widget-collapse-button:focus,
a.elgg-widget-collapse-button:active,
a.elgg-widget-collapsed:hover, 
a.elgg-widget-collapsed:focus, 
a.elgg-widget-collapsed:active {
	color: #9d9d9d;
	text-decoration: none;
}
a.elgg-widget-collapse-button:before {
	content: "\25BC";
}
a.elgg-widget-collapsed:before {
	content: "\25BA";
}
a.elgg-widget-delete-button {
	right: 5px;
}
a.elgg-widget-edit-button {
	right: 25px;
}
.elgg-module-widget > .elgg-body {
	background-color: white;
	width: 100%;
	overflow: hidden;
	/* border-top: 2px solid #dedede; */
}
.elgg-widget-edit {
	display: none;
	width: 96%;
	padding: 2%;
	border-bottom: 2px solid #dedede;
	background-color: #f9f9f9;
}
.elgg-widget-content {
	padding: 10px;
}
.elgg-widget-placeholder {
	border: 2px dashed #dedede;
	margin-bottom: 15px;
}

section div.module div.activites .elgg-widget-content .widget-title-details {
	font-family: Lato, sans-serif;
	font-size: 1.10em;
	text-transform: uppercase;
	font-weight: normal;
}
section div.module div.activites ul li { padding-left: 0; }
section div.module div.activites ul li div.elgg-image a img { margin-left: 0; }


/* Pied des widgets */
section div.module footer {
	background: transparent url("http://reseau.fing.org/mod/adf_public_platform/img/theme/bottom-module.png") 50% top no-repeat scroll;
	height: 30px;
	margin-top: 0;
	text-align: center;
	padding-bottom: 8px;
	border-top: 1px solid #ccc;
}
section div.module footer a {
	font-size: 24px;
	color: rgb(168,84,158);
	font-family: Lato-Bold, sans-serif;
	text-shadow: 0 2px 2px #999;
	padding: 0 10px;
}
section div.module footer a:hover, 
section div.module footer a:focus, 
section div.module footer a:active { text-decoration: none; }


/* Widget et Module de groupe Agenda */
.elgg-module-group-event-calendar > .elgg-body, 
.elgg-module-widget > .elgg-body { overflow:visible; }
.elgg-module-group-event-calendar .entity_title, 
.elgg-widget-instance-event_calendar .entity_title { display:none; }
.elgg-module-group-event-calendar .elgg-body h3, 
.elgg-widget-instance-event_calendar h3 {
	float: left;
	color: rgb(168,84,158);
	font-size: 0.9em;
	font-weight: bold;
	height: 23px;
	padding-left: 20px;
	margin: 0 0 0 -3px;
	padding: 2px 0 0 35px;
	background: transparent url("http://reseau.fing.org/mod/adf_public_platform/img/theme/puce-evenement.png") left top no-repeat scroll;
	position:relative; left:-21px;
}
.elgg-module-group-event-calendar p.date, 
.elgg-widget-instance-event_calendar p.date {
	border: 1px solid rgb(168,84,158);
	color: rgb(168,84,158);
	float: left;
	clear: left;
	font-size: 0.85em;
	margin: 5px 10px 0 10px;
	padding: 3px;
	text-align: center;
	width: 40px;
	font-style: normal;
}
.elgg-module-group-event-calendar p.date span,
.elgg-widget-instance-event_calendar p.date span {
	font-size: 1.8em;
	font-weight: bold;
}
.elgg-widget-instance-event_calendar p {
	font-size: 0.75em;
	float: left;
	width: 220px;
	font-style: italic;
	margin-top:10px;
}
/* Spécifique Module agenda de groupe */
.elgg-module-group-event-calendar .elgg-body h3 {
  left:-12px;
}
.elgg-module-group-event-calendar p.date { font-size: 1em; }
.elgg-module-group-event-calendar p {
	font-size: 1.2em;
	float: left;
	width: 220px;
	font-style: italic;
	margin-top:10px;
}


/* Icônes dans les entêtes des modules des groupes */

.elgg-module-group .elgg-head h3 {
	background-position: left 0px; background-color: transparent; background-repeat: no-repeat;
	min-height: 20px; margin: 5px 0 3px 5px; padding-left: 0px;
}
/*
.elgg-module-group .elgg-head h3 { padding-left: 36px; }
.elgg-module-group-activity .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/activity-module.png"); }
.elgg-module-group-event-calendar .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/event_calendar-module.png"); }
.elgg-module-group-announcements .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/announcements-module.png"); }
.elgg-module-group-blog .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/blog-module.png"); }
.elgg-module-group-file .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/file-module.png"); }
.elgg-module-group-discussion .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/discussion-module.png"); }
.elgg-module-group-brainstorm .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/brainstorm-module.png"); }
.elgg-module-group-bookmarks .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/bookmarks-module.png"); }
.elgg-module-group-pages .elgg-head h3 { background-image: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/pages-module.png"); }
*/


/* à vérifier pour effets sur diverses pages */
.elgg-module .elgg-body .mts { float: left; clear: left; font-size: 0.9em; }
.groups-widget-viewall { margin:10px 6px 0 0; }
.elgg-module span.groups-widget-viewall a, .elgg-module span.groups-widget-viewall a * { color: #FFFFFF; font-size: 1em; }
.elgg-module-info > .elgg-body { padding: 7px 0 0; }
.elgg-module-info .elgg-image-block .elgg-body .elgg-river-summary { float: left; width: 200px; }
.elgg-module-info .elgg-image-block .elgg-body a.ouvrir { clear: none; padding: 20px 10px; }
.elgg-module-info .elgg-river { border-top: 0 none; }


/* Modules similaires à ceux des groupes sur la page de profil (pas d'ombre et pas de rivets en fin de bloc) */
section .elgg-layout-one-column div.module { background:none; padding:0; margin-left:10px; border:1px solid #CCC; }
section .elgg-layout-one-column div.module footer { background: none; height:0; border:0; margin:0; padding:0; }


/* Icônes pour les widgets */
section div.module header h2 {
	padding: 5px 0 5px 30px; margin:0 0 0 4px; max-width: 190px; min-height:24px;
}
/*
section div.elgg-widget-instance-a_users_groups header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/a_users_groups-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-activity header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/activity-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-announcements header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/announcements-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-blog header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/blog-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-bookmarks header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/bookmarks-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-brainstorm header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/brainstorm-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-discussion header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/discussion-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-event_calendar header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/event_calendar-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-export_embed header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/export_embed-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-filerepo header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/file-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-friends header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/friends-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-group_activity header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/group_activity-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-messages header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/messages-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-pages header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/pages-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-profile_completeness header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/profile_completeness-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-river_widget header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/river_widget-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-tagcloud header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/tagcloud-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-thewire header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/thewire-widget.png") no-repeat scroll 0 2px transparent;
}
section div.elgg-widget-instance-twitter header h2 {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/twitter-widget.png") no-repeat scroll 0 2px transparent;
}
*/
/* No need for special background and padding if using FA icons */
section div.module header h2 { padding-left: 0; background: transparent; }




/* ***************************************
	Image Block
*************************************** */
.elgg-image-block {
	padding: 3px 0;
}
.elgg-image-block .elgg-image {
	float: left;
	margin-right: 5px;
}
.elgg-image-block .elgg-image-alt {
	float: right;
	margin-left: 5px;
}

/* ***************************************
	List
*************************************** */
.elgg-list {
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0;
	clear: both;
}
.elgg-list > li {
	border-bottom: 1px dotted #CCCCCC;
}

.elgg-item .elgg-subtext {
	margin-bottom: 5px;
}
.elgg-item .elgg-content {
	margin: 10px 5px;
}

/* ***************************************
	Gallery
*************************************** */
.elgg-gallery {
	border: none;
	margin-right: auto;
	margin-left: auto;
}
.elgg-gallery td {
	padding: 5px;
}
.elgg-gallery-fluid > li {
	float: left;
}
.elgg-gallery-users > li {
	margin: 0 2px;
}

/* ***************************************
	Tables
*************************************** */
.elgg-table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table td, .elgg-table th {
	padding: 4px 8px;
	border: 1px solid #ccc;
}
.elgg-table th {
	background-color: #ddd;
}
.elgg-table tr:nth-child(odd), .elgg-table tr.odd {
	background-color: #fff;
}
.elgg-table tr:nth-child(even), .elgg-table tr.even {
	background-color: #f0f0f0;
}
.elgg-table-alt {
	width: 100%;
	border-top: 1px solid #ccc;
}
.elgg-table-alt th {
	background-color: #eee;
	font-weight: bold;
}
.elgg-table-alt td, .elgg-table-alt th {
	padding: 2px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
}
.elgg-table-alt td:first-child {
	width: 200px;
}
.elgg-table-alt tr:hover {
	background: #E4E4E4;
}

/* ***************************************
	Owner Block
*************************************** */
.elgg-owner-block {
	margin-bottom: 20px;
}

/* ***************************************
	Messages
*************************************** */
.elgg-message {
	color: white;
	font-weight: bold;
	display: block;
	padding: 3px 10px;
	cursor: pointer;
	opacity: 0.9;
	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.elgg-state-success {
	background-color: black;
}
.elgg-state-error {
	background-color: red;
}
.elgg-state-notice {
	background-color: #4690D6;
}

/* ***************************************
	River
*************************************** */
.elgg-list-river {
	border-top: 1px solid #CCC;
}
.elgg-list-river > li {
	border-bottom: 1px solid #CCC;
}
.elgg-river-item {
	padding: 7px 0;
}
.elgg-river-item .elgg-pict {
	margin-right: 20px;
}
.elgg-river-timestamp {
	color: #666;
	font-size: 85%;
	font-style: italic;
	line-height: 1.2em;
}

.elgg-river-attachments,
.elgg-river-message,
.elgg-river-content {
	border-left: 1px solid #CCC;
	font-size: 85%;
	line-height: 1.5em;
	margin: 8px 0 5px 0;
	padding-left: 5px;
}
.elgg-river-attachments .elgg-avatar,
.elgg-river-attachments .elgg-icon {
	float: left;
}
.elgg-river-layout .elgg-input-dropdown {
	float: right;
	margin: 10px 0;
}

.elgg-river-comments-tab {
	display: block;
	background-color: #EEE;
	color: #4690D6;
	margin-top: 5px;
	width: auto;
	float: right;
	font-size: 85%;
	padding: 1px 7px;
	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.elgg-river-comments {
	margin: 0;
	border-top: none;
}
.elgg-river-comments li:first-child {
	-webkit-border-radius: 5px 0 0;
	-moz-border-radius: 5px 0 0;
	border-radius: 5px 0 0;
}
.elgg-river-comments li:last-child {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius-bottomleft: 0 0 5px 5px;
	border-radius-bottomleft: 0 0 5px 5px;
}
.elgg-river-comments li {
	background-color: #EEE;
	border-bottom: none;
	padding: 4px;
	margin-bottom: 2px;
}
.elgg-river-comments .elgg-media {
	padding: 0;
}
.elgg-river-more {
	background-color: #EEE;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 2px 4px;
	font-size: 85%;
	margin-bottom: 2px;
}

.elgg-river-item form {
	background-color: #EEE;
	padding: 4px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	height: 30px;
}
.elgg-river-item input[type=text] {
	width: 80%;
}
.elgg-river-item input[type=submit] {
	margin: 0 0 0 10px;
}


/* **************************************
	Comments (from elgg_view_comments)
************************************** */
.elgg-comments {
	margin-top: 25px;
}
.elgg-comments > form {
	margin-top: 15px;
}

/* ***************************************
	Image-related
*************************************** */
.elgg-photo {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: white;
}

/* ***************************************
	Tags
*************************************** */
.elgg-tags {
	font-size: 85%;
}
.elgg-tags > li {
	float:left;
	margin-right: 5px;
}
.elgg-tags li.elgg-tag:after {
	content: ",";
}
.elgg-tags li.elgg-tag:last-child:after {
	content: "";
}
.elgg-tagcloud {
	text-align: justify;
}

/* ***************************************
	PAGE LAYOUT
*************************************** */
/***** DEFAULT LAYOUT ******/
.elgg-page-default {
	min-width: 998px;
}
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	/*
	height: 437px;
	*/
	height: auto;
	
}
.elgg-page-default .elgg-page-body > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	
}
.elgg-page-default .elgg-page-footer > .elgg-inner {
	width: 990px;
	margin: 0 auto;
	padding: 5px 0;
	border-top: 1px solid #DEDEDE;
	
}

/***** TOPBAR ******/
.elgg-page-topbar {
	background: #333333 url(http://reseau.fing.org/_graphics/toptoolbar_background.gif) repeat-x top left;
	border-bottom: 1px solid #000000;
	position: relative;
	height: 24px;
	z-index: 9000;
}
.elgg-page-topbar > .elgg-inner {
	padding: 0 10px;
}

/***** PAGE MESSAGES ******/
.elgg-system-messages {
	position: fixed;
	top: 24px;
	right: 20px;
	max-width: 500px;
	z-index: 2000;
}
.elgg-system-messages li {
	margin-top: 10px;
}
.elgg-system-messages li p {
	margin: 0;
}

/***** PAGE HEADER ******/
.elgg-page-header {
	position: relative;
	background: #fff url(http://reseau.fing.org/_graphics/header_shadow.png) repeat-x bottom left;
}
.elgg-page-header > .elgg-inner {
	position: relative;
}

/***** PAGE BODY LAYOUT ******/
.elgg-layout {
	min-height: 360px;
}
.elgg-layout-one-sidebar {
  /* background: transparent url(http://reseau.fing.org/_graphics/sidebar_background.gif) repeat-y right top; */
	/* modifs Urbilog */
}
.elgg-layout-two-sidebar {
	background: transparent url(http://reseau.fing.org/_graphics/two_sidebar_background.gif) repeat-y right top;
}

/****** Change colour of sidebar here */
.elgg-sidebar {
	position: relative;
	padding: 20px 10px;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
	background:transparent;
	padding:0;
	
}
.elgg-sidebar-alt {
	position: relative;
	padding: 20px 10px;
	float: left;
	width: 160px;
	margin: 0 10px 0 0;
}

.elgg-menu-extras {
	background:transparent;
	float: right;
	margin:0;
	/* padding:6px 4px 0 4px; */
}
.elgg-owner-block { clear:both; }
.elgg-owner-block .elgg-head { background:#e5e7f6; margin:0; padding:0 4px 2px 4px;  }
.elgg-owner-block .elgg-menu { background:white; margin:0; padding: 0; }
.elgg-sidebar .elgg-module-aside {
	background:transparent; 
	float: left;
	margin: 20px 0 0 0;
	padding:6px 4px 2px 4px;
}

/****** Change colour of main white content area here */
.elgg-main	{
	position: relative;
	padding: 13px;
	float: left;
	background: #fff;
	min-height:500px;
	height:auto;
}
.elgg-layout-one-sidebar .elgg-main	{
	width: 717px;
}

.elgg-main > .elgg-head {
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/***** PAGE FOOTER ******/
/***** Change footer background colour here */
.elgg-page-footer {
	position: relative;
	height:100px;
}
.elgg-page-footer {
	color: #999;
	background:#333;
}
.elgg-page-footer a:hover, 
.elgg-page-footer a:focus, 
.elgg-page-footer a:active {
	color: #666;
}


/* Theme ADF : bandeau */
header {
	background-image: url(""), linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: url(""), -o-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: url(""), -moz-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: url(""), -webkit-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: url(""), -ms-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: url(""), -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #CCCCCC), color-stop(0.75, #CCCCCC));
	background-position: left 30px, left top;
	background-repeat: repeat-x, repeat;
	background-color: #CCCCCC;
	color: #fff;
	height: 115px;
	border-top: 2px solid #CCCCCC;
}
/* Couleur texte normal pour les header dans le contenu de la page */
section header, header .intro { color: #333333; }



/* ***************************************
	MISC
*************************************** */
#login-dropdown {
	position: absolute;
	top:10px;
	right:0;
	z-index: 100;
}

/* ***************************************
	AVATAR UPLOADING & CROPPING
*************************************** */

#current-user-avatar {
	border-right:1px solid #ccc;
}
#avatar-croppingtool {
	border-top: 1px solid #ccc;
}
#user-avatar-cropper {
	float: left;
}
#user-avatar-preview {
	float: left;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
}

/* ***************************************
	FRIENDS COLLECTIONS
*************************************** */

#friends_collections_accordian li {
	color: #666;
}
#friends_collections_accordian li h2 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background: none repeat scroll 0 0 #4690D6;
	color: white;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 4px 2px 4px 6px;
}
#friends_collections_accordian li h2:hover {
	background-color: #333;
}
#friends_collections_accordian .friends_collections_controls {
	float: right;
	font-size: 70%;
}
#friends_collections_accordian .friends-picker-main-wrapper {
	background: none repeat scroll 0 0 white;
	display: none;
	padding: 0;
}

.clearfloat { 
	clear: both;
}

.hidden {
	display: none;
}

.centered {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.float {
	float: left;
}

.float-alt {
	float: right;
}

.link {
	cursor: pointer;
}

.elgg-discover .elgg-discoverable {
	display: none;
}

.elgg-discover:hover .elgg-discoverable {
	display: block;
}

.elgg-transition:hover {
	opacity: .7;
}

/* ***************************************
	BORDERS AND SEPARATORS
*************************************** */
.elgg-border-plain {
	border: 1px solid #eeeeee;
}
.elgg-border-transition {
	border: 1px solid #eeeeee;
}
.elgg-divide-top {
	border-top: 1px solid #CCCCCC;
}
.elgg-divide-bottom {
	border-bottom: 1px solid #CCCCCC;
}
.elgg-divide-left {
	border-left: 1px solid #CCCCCC;
}
.elgg-divide-right {
	border-right: 1px solid #CCCCCC;
}

/* ***************************************
	Spacing (from OOCSS)
*************************************** */
/* Padding */
.pan{padding:0}
.prn, .phn{padding-right:0}
.pln, .phn{padding-left:0}
.ptn, .pvn{padding-top:0}
.pbn, .pvn{padding-bottom:0}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:20px}
.prl, .phl{padding-right:20px}
.pll, .phl{padding-left:20px}
.ptl, .pvl{padding-top:20px}
.pbl, .pvl{padding-bottom:20px}

/* Margin */
.man{margin:0}
.mrn, .mhn{margin-right:0}
.mln, .mhn{margin-left:0}
.mtn, .mvn{margin-top:0}
.mbn, .mvn{margin-bottom:0}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:20px}
.mrl, .mhl{margin-right:20px}
.mll, .mhl{margin-left:20px}
.mtl, .mvl{margin-top:20px}
.mbl, .mvl{margin-bottom:20px}
/* Adds a placeholder before text so there is no icon overlap */
.access-icon-placeholder { display: inline-block; width: 18px; }

.elgg-access { display: inline-block; }
.elgg-access a { display: inline-block; margin-left: -0; padding-left: 0; min-height: 16px; min-width:16px; text-decoration:none; }
.elgg-access a:hover, .elgg-access a:active, .elgg-access a:focus { text-decoration:none; }
.elgg-list-access { float:right; font-size:12px; margin-left: 15px; margin-top: 6px; }

/* Hack : can't easily insert access info into listings, so this class lets us "insert" it it the listing item */
.elgg-list-access.elgg-list-access-listing { /* margin-bottom: -21px; */ margin-top: 2px; }

.elgg-menu-item-access { /* margin-top: -8px; */ }

/* Listing des groupes : groupes ouverts et fermés (membership) */
/*
.elgg-menu-item-membership { height: 16px; width: 16px; overflow: hidden; color: transparent; }
*/
.membership-group-open { padding-left:20px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-open.png) no-repeat left 50%; }
.membership-group-closed { padding-left:20px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-closed.png) no-repeat left 50%; }

/* Groupes ouverts et fermés (liste des contenus) */
.elgg-access-group-open { padding-left:20px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-open.png) no-repeat left 50%; }
.elgg-access-group-closed { padding-left:20px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-closed.png) no-repeat left 50%; }
.shared_collection {  }


/* Niveaux d'accès :
	Logique : 
	- ouvert + noir ssi totalement ouvert/public
	- fermé et couleur si restreint de quelque manière que ce soit
		* tous les membres du site : vert
		* groupes : bleu
		* contacts : orange
		* liste de contacts : jaune
		* privé/brouillon : rouge
*/
/* Défaut : grisé */
.elgg-access.elgg-access-default { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-default.png) no-repeat top left; }
/* Public : noir et ouvert */
.elgg-access.elgg-access-public { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-public.png) no-repeat top left; }
/* Membres : vert et fermé */
.elgg-access.elgg-access-members { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-members.png) no-repeat top left; }
/* Groupe : bleu et fermé */
.elgg-access.elgg-access-group { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-group.png) no-repeat top left; }
/* Contacts : orange et fermé */
.elgg-access.elgg-access-friends { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-friends.png) no-repeat top left; }
/* Liste de contacts : jaune et fermé */
.elgg-access.elgg-access-collection { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-collection.png) no-repeat top left; }
/* Privé : rouge et fermé */
.elgg-access.elgg-access-private { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-private.png) no-repeat top left; }
/* Brouillon : idem privé car le contenu est forcément privé */
.elgg-menu-item-published-status { padding-left:0; min-width:16px; min-height:16px; background: transparent url(http://reseau.fing.org/mod/access_icons/graphics/access-private.png) no-repeat top left; }



.hybridauth-provider { float:left; margin-right:0.5ex; }


#prevent_notification {
	background: none repeat scroll 0 0 #CCC;
	border-radius: 6px 6px 6px 6px;
	padding: 6px;
	margin-bottom:12px;
}

#prevent_notification img {
	float:left;
	margin-right:12px;
	height:40px;
}

pre, code { word-break:break-all; }

/* IE6 */
* html #front_left_tbl { width:676px !important; }
* html #front_right_tbl { width:676px !important; }

#elgg_horizontal_tabbed_nav li.selected, #elgg_horizontal_tabbed_nav .selected a { background: white; color: #4690d6; font-weight:bold;  }
#elgg_horizontal_tabbed_nav li { background: #eeeeee; color: #4690d6; }
#elgg_horizontal_tabbed_nav li form input { background: transparent; font-weight:bold; height:14px; }


/* Cmspages edit form */
#cmspages-edit-form fieldset { border: 1px solid; padding: 1ex; margin:1ex 0 3ex 0; }
#cmspages-edit-form legend { margin:0 1ex; padding:0.5ex 1ex; border: 1px solid; font-weight:bold;}
#cmspages-edit-form ul { list-style-type: square; margin-left: 3ex; }
#cmspages-edit-form input, #cmspages-edit-form select { max-width:100%; }
#cmspages-edit-form select { max-width:28ex; }
 
#cmspages-form-select { display:inline-block; }
#cmspages-form-new {  }
.cmspages-history { padding: 1ex 0 3ex 0; max-height:20ex; overflow:auto; }


/* CMS Pages */
.elgg-context-cmspages_admin .elgg-output ul { list-style-type:disc; margin-left:3ex; }
.elgg-module-popup.cmspages-popup { background: white; border: 1px solid; padding: 1ex; }
.elgg-context-cmspages_admin .elgg-breadcrumbs { float: left; margin-right: 2ex; }
.elgg-context-cmspages_admin .elgg-breadcrumbs li { float: left; margin-right: 1ex; }
.elgg-context-cmspages_admin .elgg-breadcrumbs li:before { content:">"; margin-right:1ex; }
.elgg-context-cmspages_admin .elgg-breadcrumbs li:first-of-type:before { content:""; margin-right:0; }
.elgg-cmspages-output { /* margin-top:0; */ }


/* CMS Pages admin listing */
.cmspages-item { display:block; margin:0px 0 1ex 0; padding:0.5ex 1ex; border:1px solid; border-radius:6px; }
.cmspages-content_type { font-weight:bold; background:#CCC; min-width:10ex; display:inline-block; color: white; text-align: center; border-radius: 1ex; font-size:70%; padding: 2px 4px; margin-right: 1ex; }
/* Différenciation des types de contenus */
.cmspages-item-, .cmspages-item-editor, .cmspages-item-rawhtml { border-color:#333; }
.cmspages-item- .cmspages-content_type, .cmspages-item-editor .cmspages-content_type, .cmspages-item-rawhtml .cmspages-content_type { background:#333; }
.cmspages-item-module { border-color:#060; }
.cmspages-item-module .cmspages-content_type { background:#060; }
.cmspages-item-template { border-color:#006; }
.cmspages-item-template .cmspages-content_type { background:#006; }
#cmspages-form-search input {  }
#cmspages-form-search select { width:100%; }
.cmspages-search-filter a { padding:2px 4px; background:#EEE; border-radius:4px; margin-right:4px; font-size: 90%; color: #333; text-decoration:none; }
.cmspages-search-filter a:hover, .cmspages-search-filter a:focus, .cmspages-search-filter a:active, .cmspages-search-filter a.elgg-selected { background: #333; color: #eee; }

/* CMS Pages edition interface */
#cmspages-edit-form { background: transparent; }
.elgg-context-cmspages_admin { padding: 0 2ex; }
.elgg-context-cmspages_admin .elgg-menu.elgg-breadcrumbs { display: inline-block; padding: 0 0 2ex 0; width: 100%; font-size:90%; color:#666; }
#cmspages-edit-form label { font-size: 120%; }
.cmspages-field { margin-bottom:2ex; }
.cmspages-types-tips {  }
.cmspages-unpublished { font-weight:bold; color:#A00; }
.cmspages-published { font-weight:bold; color:#0A0; }
#cmspages-edit-form .cmspages-categories ul, .cmspages-categories ul { list-style-type: none; margin-left: 0; }
#cmspages-edit-form .cmspages-categories ul ul, .cmspages-categories ul ul { margin-left: 3ex; }

/* Password protection */
.cmspage-password-form { display:inline-block; background:transparent; }
.cmspage-password-form input { max-width:20ex; margin-left:1ex; }


/* Categories menu */
.elgg-menu-cmspages-categories {  }
#cmspages-settings .elgg-menu-cmspages-categories .elgg-child-menu { display:none; }
#cmspages-settings .elgg-menu-cmspages-categories li:hover > .elgg-child-menu { display: block; background:white; padding:0.5ex; box-shadow:1px 1px 3px black; }
#cmspages-settings .elgg-menu-cmspages-categories > .elgg-child-menu { position: absolute; }


/* Edit link on editable block hover */
.cmspages-admin-block { float:right; margin: 0 0 3px 6px; }
.cmspages-editable { /* padding:5px; */ display:inline-block; width: 100%; }
.cmspages-editable:hover { /* border: 2px dashed; padding:3px; */ background: rgba(220,220,255,0.3); display: inline-block; }
.cmspages-editable .fa.fa-edit { color: black; text-shadow: -1px 1px 0px white; }

/* Admin edit link */
.cmspages-admin-notexist {  }
.cmspages-admin-link { font-size:small; background:white; border: 1px solid; text-decoration:none; padding: 1ex 2ex; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.5); position:relative; z-index: 10001; /* border-radius: 2ex; */ }
.cmspages-admin-link { display: none; }
.cmspages-admin-link:hover { text-decoration:none; }
*:hover > .cmspages-admin-link { display: inline-block; margin-right: 10px; }
*:hover > .cmspages-admin-link a {  }



/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2011 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation: 1s ease;
	   -moz-animation: 1s ease;
	    -ms-animation: 1s ease;
	     -o-animation: 1s ease;
	        animation: 1s ease;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation: 2s ease;
	   -moz-animation: 2s ease;
	    -ms-animation: 2s ease;
	     -o-animation: 2s ease;
	        animation: 2s ease;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-ms-keyframes shake {
	0%, 100% {-ms-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(-30px);}
	60% {-ms-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-ms-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-ms-keyframes swing {
	20% { -ms-transform: rotate(15deg); }	
	40% { -ms-transform: rotate(-10deg); }
	60% { -ms-transform: rotate(5deg); }	
	80% { -ms-transform: rotate(-5deg); }	
	100% { -ms-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-ms-keyframes wobble {
  0% { -ms-transform: translateX(0%); }
  15% { -ms-transform: translateX(-25%) rotate(-5deg); }
  30% { -ms-transform: translateX(20%) rotate(3deg); }
  45% { -ms-transform: translateX(-15%) rotate(-3deg); }
  60% { -ms-transform: translateX(10%) rotate(2deg); }
  75% { -ms-transform: translateX(-5%) rotate(-1deg); }
  100% { -ms-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); }	
	50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-ms-keyframes flip {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		-ms-animation-timing-function: ease-out;
	}
	40% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-ms-animation-timing-function: ease-out;
	}
	50% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-animation-timing-function: ease-in;
	}
	80% {
		-ms-transform: perspective(400px) rotateY(360deg) scale(.95);
		-ms-animation-timing-function: ease-in;
	}
	100% {
		-ms-transform: perspective(400px) scale(1);
		-ms-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-ms-animation-name: flipOutX;
	-ms-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInY {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-ms-keyframes flipOutY {
    0% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-ms-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-ms-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-ms-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-ms-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-ms-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-ms-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-ms-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-ms-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-ms-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-ms-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-ms-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-ms-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-ms-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-ms-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-ms-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-ms-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-ms-keyframes bounceIn {
	0% {
		opacity: 0;
		-ms-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.05);
	}
	
	70% {
		-ms-transform: scale(.9);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-ms-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-ms-keyframes bounceOut {
	0% {
		-ms-transform: scale(1);
	}
	
	25% {
		-ms-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-ms-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-ms-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes bounceOutUp {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-ms-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes bounceOutDown {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-ms-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes bounceOutLeft {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-ms-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-ms-keyframes bounceOutRight {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-ms-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-ms-keyframes rotateIn {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-ms-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-ms-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-ms-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-ms-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-ms-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOut {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-ms-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-ms-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-ms-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-ms-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-ms-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-ms-keyframes hinge {
	0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	100% { -ms-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-ms-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-ms-keyframes rollIn {
	0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-ms-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-ms-keyframes rollOut {
    0% {
		opacity: 1;
		-ms-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-ms-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-ms-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}


/* Main plugin styles (editor) */
.slider-edit-slide { margin-top: 0.5ex; min-height:2ex; border:1px solid #ccc; padding:0ex 1ex 1ex 1ex; border-radius: 6px; background: rgba(0,0,0,0.05); }
.slider-edit-highlight { margin-bottom: 1ex; border:1px dashed grey; padding:0.5ex 1ex; height:5ex; }



/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 700px;
	height: 390px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0 45px 28px 45px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(http://reseau.fing.org/mod/slider/vendors/anythingslider/images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(http://reseau.fing.org/mod/slider/vendors/anythingslider/images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}



/*
	AnythingSlider v1.8+ Metallic theme
	By Rob Garrison
*/
/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 700px;
	height: 390px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-metallic {
	margin: 0 auto;
	/* 23px right & left padding for the navigation arrows */
	padding: 0 23px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-metallic .anythingWindow {
	border-top: 3px solid #333;
	border-bottom: 3px solid #333;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-metallic .anythingControls a {
	background: transparent url(http://reseau.fing.org/mod/slider/vendors/anythingslider/images/arrows-metallic.png) -68px -40px repeat-x;
	color: #000;
	border: #000 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Navigation current button, default state */
.anythingSlider-metallic .anythingControls a.cur,
.anythingSlider-metallic .anythingControls a:hover {
	background-position: -70px -137px;
	background-color: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-metallic .anythingControls a.start-stop {
	background: #040;
	color: #ddd;
	/* top shadow */
	-moz-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 2px 5px rgba(0, 0, 0, 0.5);
}
/* start-stop button, playing, default state */
.anythingSlider-metallic .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-metallic .anythingControls a.start-stop:hover,
.anythingSlider-metallic .anythingControls a.start-stop.hover,
.anythingSlider-metallic .anythingControls a.start-stop .anythingControls ul a:hover {
	color: #fff;
	/* clear top shadow */
	-moz-box-shadow: inset 0 0 0 #000000;
	-webkit-box-shadow: inset 0 0 0 #000000;
	box-shadow: inset 0 0 0 #000000;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-metallic.activeSlider .anythingWindow {
	border-color: #0355a3;
}

/* Navigation buttons, active state */
.anythingSlider-metallic.activeSlider .anythingControls a {
	background-color: transparent;
}
/* Navigation current button, active state */
.anythingSlider-metallic.activeSlider .anythingControls a.cur,
.anythingSlider-metallic.activeSlider .anythingControls a:hover {
	background-position: -76px -57px;
	background-color: #ccc;
}

/* start-stop button, stopped, active state */
.anythingSlider-metallic.activeSlider .anythingControls a.start-stop {
	background: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-metallic.activeSlider .anythingControls a.start-stop.playing {
	color: #fff;
	background: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-metallic.activeSlider .start-stop:hover,
.anythingSlider-metallic.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-metallic .arrow {
	top: 50%;
	position: absolute;
	display: block;
	z-index: 100;
}

.anythingSlider-metallic .arrow a {
	display: block;
	width: 45px;
	height: 95px;
	margin: -47.5px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(http://reseau.fing.org/mod/slider/vendors/anythingslider/images/arrows-metallic.png) no-repeat;
}

/* back arrow */
.anythingSlider-metallic .back { left: 0; }
.anythingSlider-metallic .back a { background-position: left bottom; }
.anythingSlider-metallic .back a:hover,
.anythingSlider-metallic .back a.hover { background-position: left top; }
/* forward arrow */
.anythingSlider-metallic .forward { right: 0; }
.anythingSlider-metallic .forward a { background-position: right bottom; }
.anythingSlider-metallic .forward a:hover,
.anythingSlider-metallic .forward a.hover { background-position: right top; }

/* Navigation Links */
.anythingSlider-metallic .anythingControls {
	height: 15px; /* limit height, needed for IE9 of all things */
	outline: 0;
	display: none;
	float: right;
	position: absolute;
	bottom: 5px;
	right: 20px;
	margin: 0 45px;
	z-index: 100;
	opacity: 0.90;
	filter: alpha(opacity=90);
}

.anythingSlider-metallic .anythingControls ul {
	margin: 0;
	padding: 0;
	float: left;
}
.anythingSlider-metallic .anythingControls ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.anythingSlider-metallic .anythingControls ul a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	outline: 0;
}

.anythingSlider-metallic .anythingControls span {
	display: block;
	visibility: hidden;
}

/* navigationSize window */
.anythingSlider-metallic .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}
/* navigationSize nav arrow positioning */
.anythingSlider-metallic .anythingControls li.prev a span,
.anythingSlider-metallic .anythingControls li.next a span {
	visibility: visible;
	position: relative;
	top: -6px; /* bring navigationSize text arrows into view */
	color: #fff;
}

/* Autoplay Start/Stop button */
.anythingSlider-metallic .anythingControls .start-stop {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	z-index: 100;
	outline: 0;
}

/***********************
IE8 AND OLDER STYLING
***********************/
/* Navigation Arrows */
.as-oldie .anythingSlider-metallic .arrow {
	top: 40%;
}
.as-oldie .anythingSlider-metallic .arrow a {
	margin: 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
	apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}

/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}


/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2011 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation: 1s ease;
	   -moz-animation: 1s ease;
	    -ms-animation: 1s ease;
	     -o-animation: 1s ease;
	        animation: 1s ease;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation: 2s ease;
	   -moz-animation: 2s ease;
	    -ms-animation: 2s ease;
	     -o-animation: 2s ease;
	        animation: 2s ease;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-ms-keyframes shake {
	0%, 100% {-ms-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
	40% {-ms-transform: translateY(-30px);}
	60% {-ms-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-ms-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-ms-keyframes swing {
	20% { -ms-transform: rotate(15deg); }	
	40% { -ms-transform: rotate(-10deg); }
	60% { -ms-transform: rotate(5deg); }	
	80% { -ms-transform: rotate(-5deg); }	
	100% { -ms-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-ms-keyframes wobble {
  0% { -ms-transform: translateX(0%); }
  15% { -ms-transform: translateX(-25%) rotate(-5deg); }
  30% { -ms-transform: translateX(20%) rotate(3deg); }
  45% { -ms-transform: translateX(-15%) rotate(-3deg); }
  60% { -ms-transform: translateX(10%) rotate(2deg); }
  75% { -ms-transform: translateX(-5%) rotate(-1deg); }
  100% { -ms-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
    0% { -ms-transform: scale(1); }	
	50% { -ms-transform: scale(1.1); }
    100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-ms-keyframes flip {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		-ms-animation-timing-function: ease-out;
	}
	40% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-ms-animation-timing-function: ease-out;
	}
	50% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-animation-timing-function: ease-in;
	}
	80% {
		-ms-transform: perspective(400px) rotateY(360deg) scale(.95);
		-ms-animation-timing-function: ease-in;
	}
	100% {
		-ms-transform: perspective(400px) scale(1);
		-ms-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-ms-animation-name: flipOutX;
	-ms-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInY {
    0% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-ms-keyframes flipOutY {
    0% {
        -ms-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-ms-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-ms-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-ms-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-ms-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-ms-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-ms-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-ms-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-ms-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-ms-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-ms-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-ms-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-ms-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-ms-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-ms-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-ms-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-ms-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-ms-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-ms-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-ms-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-ms-keyframes bounceIn {
	0% {
		opacity: 0;
		-ms-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.05);
	}
	
	70% {
		-ms-transform: scale(.9);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-ms-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-ms-keyframes bounceOut {
	0% {
		-ms-transform: scale(1);
	}
	
	25% {
		-ms-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-ms-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-ms-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-ms-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-ms-keyframes bounceOutUp {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-ms-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-ms-keyframes bounceOutDown {
	0% {
		-ms-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-ms-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-ms-keyframes bounceOutLeft {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-ms-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-ms-keyframes bounceOutRight {
	0% {
		-ms-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-ms-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-ms-keyframes rotateIn {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-ms-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-ms-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-ms-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-ms-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-ms-keyframes rotateInDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-ms-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOut {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-ms-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-transform-origin: left bottom;
		-transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-ms-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownLeft {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-ms-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutUpRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-ms-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-ms-keyframes rotateOutDownRight {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-ms-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-ms-keyframes hinge {
	0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }	
	100% { -ms-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-ms-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-ms-keyframes rollIn {
	0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-ms-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-ms-keyframes rollOut {
    0% {
		opacity: 1;
		-ms-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-ms-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-ms-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}
.elgg-form-register .captcha { clear:both; }
.elgg-form-register .captcha-right { display: inline-block; }
.elgg-form-register blockquote { display: inline-block; }
.elgg-form-register .captcha p { display:inline-block; }

#leaflet-container {  }
#leaflet-main-map { width:100%; height:500px; }


.leaflet-textcontent { font-size:20px; text-shadow: 1px 1px 1px #fff; padding: 0 1ex; width: 90%; margin: 1ex auto 3ex auto; border: 1px solid black; background: rgba(255,255,255,0.95); }

.leaflet-map-message { text-align:center; position: absolute; top: 0; left: 0; right:0; bottom:0; background:rgba(255,255,255,0.6); z-index: 1002; padding: 5ex 10%; }



/* Map messages */
#locationerror { background: red; display: block; position: absolute; top: 0; padding: 0.1ex 0.4ex; }
#centermap { position: absolute; top: 0; right:0; margin-top:64px; margin-right: 66px; background: rgba(255,255,255,0.6); padding: 0; box-shadow: 0 1px 5px rgba(0,0,0,0.4); border-radius: 5px; height:36px; width:36px; }
#centermap a { display: block; height: 36px; width: 36px; text-align: center; text-decoration: none; color: #fff; font-size: 30px; line-height: 36px; text-shadow: 0px 0px 2px #000; }


/* Leaflet elements */
.leaflet-container a { text-decoration: none; }



#loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 1500; text-align: center; font-size: 3ex; color: white; }
#loading i { position: absolute; bottom: 50%; }


/* Font Awesome icons style */
.leaflet-map-pane [class*="fa-"]:before { margin:0; padding:0; }



/* ROUTING */
/* @TODO Workaround pour modifier rendu mais pas top...
*/
.leaflet-overlay-pane path[stroke=black] { stroke-width: 9px; }
.leaflet-overlay-pane path[stroke=white] { stroke-width: 6px; }
.leaflet-overlay-pane path[stroke=orange] { stroke: red; stroke-width: 4px; }
.leaflet-marker-draggable { display: none; }

.leaflet-routing-container { width:auto; }
.leaflet-bar { box-shadow:none; border-radius:0; }
.leaflet-routing-alt, .leaflet-routing-geocoders { max-height:none; }
.leaflet-routing-alt-minimized { max-height:6ex; }




/* Menu editor */
#menu-editor-admin {}
#menu-editor-admin fieldset { border:1px solid; margin:1ex 0 2ex 0; padding:1ex 2ex; }
#menu-editor-admin legend { font-weight:bold; font-size:120%; padding:0.5ex 1ex; }
#menu-editor-admin fieldset.elgg-menus-section { border:1px solid #999; padding:0.5ex 1ex; }
#menu-editor-admin fieldset.elgg-menus-section legend { border:1px solid #999; }

#menu-editor-admin .elgg-output ul { list-style-type:disc; margin-left:3ex; }
.elgg-module-popup.elgg-menus-popup { background: white; border: 1px solid; padding: 1ex; }

.menu-editor-toggle-details { float:right; margin-left: 2ex; }

#menu-editor-admin .elgg-input-text { margin: 0; padding: 1px 3px; }
.menu-editor-item { margin-top: 0.5ex; min-height:2ex; border:1px solid #ccc; padding:0ex 1ex 1ex 1ex; border-radius: 6px; background: rgba(0,0,0,0.05); }
.menu-editor-highlight { margin-bottom: 1ex; border:1px dashed grey; padding:0.5ex 1ex; height:5ex; }
.menu-editor-item label { display:inline-block; padding:0.5ex 1ex 0.5ex 0; }
.menu-editor-item label .elgg-input-text { max-width: 100%; }
#menu-editor-admin label { margin: 0; padding: 1px 3px; padding: 2px 2ex 2px 0; }

.menu-editor-item-content {  }

.menu-editor-items {padding:2px; min-height:10px; }
.menu-editor-items .menu-editor-items { margin: 0 0 0ex 1ex; }
.menu-editor-items #menu-editor-newitems.menu-editor-items { background:transparent; margin-left:0; padding:0; min-height:0; }

/*** Styles for Live Preview Window ***/

#livepreview_dialog
{   
    padding:0px;
    height:200px;
    width:300px;
    background-color:#fff;
    background-image:url('http://reseau.fing.org/link_preview/graphics/icon_loading.gif');
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    border:solid 5px #999;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}

#livepreview_dialog.left:after, #livepreview_dialog.left:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#livepreview_dialog.right:before {
    left: 0px;
    margin-left:-45px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #999;
    border-width: 20px;
    top: 50%;
    margin-top: -20px;
}


#livepreview_dialog.left:after {
    right:0;
    margin-right:-45px;
    border-left-color: #999;
    border-width: 20px;
    top: 50%;
    margin-top: -20px;
}

#livepreview_iframe {
    box-shadow: inset 5px 5px 10px #666;
    -moz-box-shadow: inset 5 5px 10px #666;
    -webkit-box-shadow: inset 5 5px 10px #666;
    max-width:none !important;
    max-height:none !important;
}

.invisible { position:absolute !important; left:-5000px !important; }
.blockform > div { margin-bottom: 15px; }
.blockform > div:last-child { margin-bottom: 0; }
.elgg-form-alt > .blockform > .elgg-foot { border-top: 1px solid #CCC; padding: 10px 0; }

.entity_title {font-weight:bold; }


/* Corrections des styles du core */
:focus {
	outline: 1px dotted grey;
}
input:focus, textarea:focus {
	outline:0;
}
.ui-autocomplete-input:focus {
	outline:0;
}
.elgg-button-action:hover,
.elgg-button-action:focus {
	outline:0;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
	outline:0;
}

.elgg-page-header .elgg-search input[type=submit] {
	display: block !important;
}






/* Fing colors
 * Verts : #3f732e
 */


/* Replace main icons sprite */
.elgg-icon { background-image: url(http://reseau.fing.org/mod/theme_fing/graphics/elgg_sprites_fing.png); }


/* Add some (open) fonts */

/* NERIS FONT */
@font-face {
	font-family: 'neris'; font-weight: 100; font-style: normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thin/Neris-Thin-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thin/Neris-Thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thin/Neris-Thin-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thin/Neris-Thin-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thin/Neris-Thin-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neristhin_italic'; font-weight: 100; font-style: italic;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thinitalic/Neris-ThinItalic-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thinitalic/Neris-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thinitalic/Neris-ThinItalic-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thinitalic/Neris-ThinItalic-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_thinitalic/Neris-ThinItalic-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neris'; font-weight: normal; font-style: normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_light/Neris-Light-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_light/Neris-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_light/Neris-Light-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_light/Neris-Light-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_light/Neris-Light-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neris'; font-weight: normal; font-style: italic;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_lightitalic/Neris-LightItalic-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_lightitalic/Neris-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_lightitalic/Neris-LightItalic-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_lightitalic/Neris-LightItalic-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_lightitalic/Neris-LightItalic-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neris'; font-weight: 500; font-style: normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibold/Neris-SemiBold-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibold/Neris-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibold/Neris-SemiBold-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibold/Neris-SemiBold-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibold/Neris-SemiBold-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neris'; font-weight: 500; font-style: italic;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibolditalic/Neris-SemiBoldItalic-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibolditalic/Neris-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibolditalic/Neris-SemiBoldItalic-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibolditalic/Neris-SemiBoldItalic-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_semibolditalic/Neris-SemiBoldItalic-webfont.svg#neristhin') format('svg');
}
@font-face {
	font-family: 'neris'; font-weight: bold; font-style: italic;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_bolditalic/Neris-BoldItalic-webfont.eot');
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_bolditalic/Neris-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_bolditalic/Neris-BoldItalic-webfont.woff') format('woff'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_bolditalic/Neris-BoldItalic-webfont.ttf') format('truetype'),
		url('http://reseau.fing.org/mod/theme_fing/fonts/neris/neris_bolditalic/Neris-BoldItalic-webfont.svg#neristhin') format('svg');
}

/* LETTER GOTHIC STD */
@font-face {
	font-family: 'LetterGothic'; font-weight:normal; font-style: normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/LetterGothicStd/LetterGothicStd.otf') format("opentype");
}
@font-face {
	font-family: 'LetterGothic'; font-weight:bold; font-style: normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/LetterGothicStd/LetterGothicStd-Bold.otf') format("opentype");
}
@font-face {
	font-family: 'LetterGothic'; font-weight:bold; font-style: italic;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/LetterGothicStd/LetterGothicStd-BoldSlanted.otf') format("opentype");
}

/* SOURCE SANS PRO */
@font-face {
	font-family: 'Source Sans Pro'; font-weight:normal;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/SourceSansPro/SourceSansPro-Regular.otf') format("opentype");
}
@font-face {
	font-family: 'Source Sans Pro'; font-weight:bold;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/SourceSansPro/SourceSansPro-Bold.otf') format("opentype");
}
@font-face {
	font-family: 'Source Sans Pro'; font-weight:300;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/SourceSansPro/SourceSansPro-Light.otf') format("opentype");
}
@font-face {
	font-family: 'Source Sans Pro'; font-weight:900;
	src: url('http://reseau.fing.org/mod/theme_fing/fonts/SourceSansPro/SourceSansPro-Black.otf') format("opentype");
}

/* Custom font classes, for use in special pages */
.font-neris, .font-neris * { font-family:"neris", sans-serif; }
.font-lettergothic, .font-lettergothic * { font-family:"LetterGothic", serif; }
.font-sourcesanspro, .font-sourcesanspro * { font-family:"Source Sans Pro", sans-serif; }


body { border-top: 1px solid #333333; }
header { height:94px; }
header h1 { font: normal 36px Lato,sans-serif; color: #3e3e3e; background: url('http://reseau.fing.org/mod/theme_fing/graphics/fing/accueil_fing.png') no-repeat; width:804px; height:94px; margin-top:0px; }
header h1 a { color: #333; float: right; text-decoration:none; margin-top: 24px; }
header h1 a:hover, header h1 a:focus, header h1 a:active { color: #000; text-decoration:none; }

.profile_manager_register_category { padding-top: 2ex; }
.elgg-form-register .captcha { padding-top: 2ex; }
.elgg-form-register #profile_manager_register_left { width:50%; }
.elgg-form-register #profile_manager_register_right { width:44%; }
@media (max-width:700px) {
	#profile_manager_register_left, #profile_manager_register_right { width:100%; float:none; }
}

#fing-register {  }
h2.fing-register-title { font-size:3em; text-align:center; }
h3.fing-register-title { font-size:2em; font-weight:normal; }
.fing-register-subtitle { text-align:center; font-weight:bold; font-style:normal; margin-bottom:2ex; }
.fing-register-groups {  }
.fing-register-instructions { text-align:center; margin: 2ex 0 1ex 0; }
#fing-register .elgg-form-register { background: transparent; }
#register_joingroups fieldset { border:0 !important; padding:0; }
#register_joingroups legend { display: none; }
#register_groups_featured label { font-size: 1.2em; margin-bottom: 1ex; display: inline-block; }

#fing-register .hybridauth-provider { float: none; }

#fing-register .mandatory label { float: left; width: 38%; margin: 0; padding: 0; }
#fing-register .profile_manager_register_input_container { width: 58%; float: right; margin: 0; padding: 0; }

#fing-register form input[type=text], #fing-register form input[type=password] { width: 100%; font-size: 1.5em; background: aliceblue; border: 2px solid black; }

#fing-register .elgg-foot { float: right; width: 58%; }
.fing-register-submit { border-radius:0; font-size: 1.5em; width: 100%; }

.fing-register-captcha label small, label[for=register-username] small { font-size: 12px; font-weight: normal; }

#fing-homepage {
	background: white !important;
	box-shadow: 0px 0px 32px #EEE;
	-webkit-box-shadow: 0px 0px 32px #EEE;
	moz-box-shadow: 0px 0px 32px #EEE;
}

/* Bandeau de titre et Page d'accueil */
.fing_title { padding:0 0 0 0; margin:0 auto; background: none repeat scroll 0 0 #EEEEEE; }


.fing_title h3 { font: bold 18px arial,sans-serif; color: #969696; }

.home_pin_full img { max-width: 100%; }
#home_pin_blocks .search_listing:nth-child(even) { background: #F0F0F0; }
#home_pin_blocks .home_pin_public { padding: 1ex; }

#fing-homepage .river_item { padding: 1ex; }
#fing-homepage .river_item:nth-child(even) { background: #F0F0F0; }

#fing-homepage .elgg-item:nth-child(even) { background: #F0F0F0; }


/* Menu */
header nav ul li a, #adf-profil { color: #333; font-size: 14px; font-weight: normal; padding-bottom: 10px; text-shadow: none; }

header nav ul li a:hover, header nav ul li a:focus, header nav ul li a:active, #adf-profil:hover, #adf-profil:focus, #adf-profil:active { color: #000; }

/* Social presence */
#social-presence { position:absolute; top:70px; right:5px; }
#social-presence ul li { float:left; }
#social-presence ul li a { font-weight: bold; font-size: 20px; margin: 0 0 0 1ex; color: #333; }
#social-presence ul li a:hover, #social-presence ul li a:focus, #social-presence ul li a:active { text-decoration:none;color: #000; }

/* Menu principal */
div#transverse { background: white; box-shadow: 0px 0px 3px 1px #CCC; }
#transverse nav ul li, #transverse nav ul li:first-child { border:0; }
#transverse nav ul li a { text-transform: uppercase; font-size: 16px; border:0; border-bottom: 3px solid transparent; }
#transverse nav ul li ul { top:41px; }
#transverse nav ul li ul li a { text-transform:initial;  border-bottom: 3px solid transparent; }
#transverse nav ul li a.active, #transverse nav ul li a.elgg-state-selected, #transverse nav ul li a:hover, #transverse nav ul li a:focus, #transverse nav ul li a:active { background-color:white; border-bottom: 3px solid #3f732e; }
input:focus, textarea:focus { background: #ccc; }

/* Types de profils */
section div.module div.activites ul li .profile-type { margin: 0 2px 0 2px; }
section div.module div.activites ul li .profile-type img { margin: 0; }

/*
.profile-type-adherents { background: #3F732E; }
.profile-type-fing { background: #95328F; }
*/

ul.elgg-list li.elgg-item div.elgg-image .elgg-avatar-tiny a img { margin-right:0; }
.elgg-avatar.elgg-avatar-tiny.elgg-autocomplete-item.profile-type > a { padding: 0; }
.elgg-avatar-tiny { width: 25px; border-radius: 3px; border: 1px solid transparent; margin-right:5px; }
.elgg-avatar-tiny.profile-type-adherents { border: 1px solid #3F732E; }
.elgg-avatar-tiny.profile-type-fing { border: 1px solid #95328F; }

.elgg-avatar-small { width: 40px; border-radius: 5px; }
.elgg-avatar-small { border: 1px solid transparent; }
.elgg-avatar-small.profile-type-adherents { border: 1px solid #3F732E; }
.elgg-avatar-small.profile-type-adherents:before { content: "Adhérent"; position: absolute; bottom: 0; left: 0; background: #3F732E; padding: 2px; color:white; border-radius: 0 3px 0 0; font-size: 9px; }
.elgg-avatar-small.profile-type-fing { border: 1px solid #95328F; }
.elgg-avatar-small.profile-type-fing:before { content: "FING"; position: absolute; bottom: 0; left: 0; background: #95328F; padding: 2px; color:white; border-radius: 0 3px 0 0; font-size: 9px; }

.elgg-avatar-large { border: 3px solid transparent; }
.elgg-avatar-large.profile-type-adherents { border: 3px solid #3F732E; }
.elgg-avatar-large.profile-type-adherents:before { content: "Adhérent"; position: absolute; bottom: 0; left: 0; background: #3F732E; padding: 2px 8px 0 4px;; color:white; border-radius: 0 8px 0 0; font-size: 16px; }
.elgg-avatar-large.profile-type-fing { border: 3px solid #95328F; }
.elgg-avatar-large.profile-type-fing:before { content: "FING"; position: absolute; bottom: 0; left: 0; background: #95328F; padding: 2px 8px 0 4px;; color:white; border-radius: 0 8px 0 0; font-size: 16px; }


/* Modifs des groupes pour un rendu mieux navigable en mode public */
#group-top-block {  }
#group-top-block h1 { /* line-height:50px; */ margin-top: 1.5ex; }
#group-top-block img { float:left; height:100px; margin-right:1ex; }
.elgg-public .elgg-context-group_profile .elgg-main .elgg-head { display: none; }

.elgg-context-groups .elgg-menu-title li a.elgg-button.elgg-button-action { border-radius: 5px; font-size: 12px; font-weight: normal; padding: 3px 6px; }


/* Menu des groupes */
.elgg-menu-group-topmenu { padding: 0 1.5ex; }
.elgg-menu-group-topmenu li { margin-right:1px; }
.elgg-menu-group-topmenu li a { padding: 1ex 2ex; font-size: 16px; }
.elgg-menu-group-topmenu li a:hover, .elgg-menu-group-topmenu li a:active, .elgg-menu-group-topmenu li a:focus, .elgg-menu-group-topmenu li.elgg-state-selected a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); }




/* Slider */
/* Limit slides content size */
.fing-slider { height: 250px; overflow:hidden; }
.fing-slider #slider1 img { max-height: 200px !important; }
.fing-slider #slider1 .textSlide { max-height: 200px; padding: 6px 12px; }
.textSlide h3, h3.textSlide { font-size: 20px; }
/* Slider styles */
.anythingSlider li.panel { display:none; }
.anythingSlider li.panel.activePage { display:block; }
.anythingSlider-cs-portfolio .arrow { bottom: 2px; position: absolute; z-index:1; }
.anythingSlider .arrow span { visibility:visible; font-size: 50px; color:#fff; }
.anythingSlider .arrow a, .anythingSlider .arrow a:hover, .anythingSlider .arrow a:active { text-decoration: none; }
span.arrow { width: 40px; height: 40px; border-radius: 20px; line-height: 40px; background: rgba(0,0,0,0.4); /* box-shadow: 0 0 1px 1px #666; */ text-align: center; }
.arrow.back { left: 20px; }
.arrow.forward { right: 20px; }
.fing-slider .anythingControls { position: absolute; bottom: 11px; left: 20%; z-index:1; }
.fing-slider .anythingControls li { float:left; }
.fing-slider .anythingSlider .anythingControls ul a, .fing-slider .anythingSlider .start-stop, .fing-slider .anythingSlider-cs-portfolio .anythingControls a.start-stop, .fing-slider .anythingSlider-cs-portfolio .anythingControls a.start-stop.playing { background-color: #999999; margin: 3px 4px; transition-duration: 0.3s; float:left; border: 0; border-radius: 16px; color: transparent; height: 16px; width: 16px; opacity:0.6; }
.fing-slider .anythingSlider-cs-portfolio .anythingControls a.cur, .fing-slider .anythingSlider-cs-portfolio .anythingControls a:hover { background-color: #3f732e; width: 22px; height: 22px; margin: 0px 1px; border-radius:22px; }


/* Home timeline */
.home-timeline { padding-bottom:20px; padding-left:0; padding-right:0; margin-left: 10px; margin-right: 10px; }
.home-timeline br.clearfloat { display: none; }
.home-timeline h3 { margin-left:7px; margin-right:7px; }
.home-timeline hr { margin-left:7px; margin-right:7px; }
.home-timeline .timeline-event { float: left; width: 20%; }
.home-timeline .timeline-event-content { padding:0 7px; margin-top: 6px; }
.home-timeline h3.timeline-title { background: #999; color: white; margin: 0 0 6px 0; padding:0 0px; display: block;}
.home-timeline h3.timeline-title a { color: white; font-weight:bold; font-size:11px; text-transform: capitalize; padding: 0 6px; }
.home-timeline .timeline-event-description { padding: 0 6px; font-size:11px; color:#808080; }


/* Footer */
#site-footer { height:auto; margin-bottom: 2ex; }
#site-footer ul { width:auto; }
#site-footer ul li { margin-top:50px; }
#site-footer ul li a { font-size: 14px; }
#site-footer .fing-logo img { float: left; height:130px; width:auto; border:0; }
#site-footer .partenaires { float: right; border:0; margin:15px 0 15px 0; }
.interne.credits { margin-bottom: 2ex; }
/*
#site-footer { background:#EEE; border-top: 3px solid #333; border-bottom: 3px solid #333; }
#fingfooter, #fingfooter p, #fingfooter a { color:#333; }
#site-footer .vcard, footer p { max-width: 60%; margin-right:10%; margin-bottom:2ex; }
#site-footer .partenaires { float:right; }
*/
#bande { display:none; }


.public-comments-notice { font-size: 1.2em; padding: 1ex 2ex; border: 1px solid red; }
.public-comments-notice .fa { color: red;  float: left; font-size: 2em; margin-right: 1ex; }


.socialshare-links-menu a { color: #800080; font-size: 2em !important; }
.socialshare-links-menu a:hover, .socialshare-links-menu a:active, .socialshare-links-menu a:focus { color: black; }

/* ***************************************
	Profile
*************************************** */
.profile {
	float: left;
	margin-bottom: 15px;
}
.profile .elgg-inner {
	margin: 0 5px;
	border: 2px solid #eee;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#profile-details {
	padding: 15px;
}
/*** ownerblock ***/
#profile-owner-block {
	width: 200px;
	float: left;
	background-color: #eee;
	padding: 15px;
}
#profile-owner-block .large {
	margin-bottom: 10px;
}
#profile-owner-block a.elgg-button-action {
	margin-bottom: 4px;
	display: table;
}
.profile-content-menu a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-content-menu a:hover {
	background: #0054A7;
	color: white;
	text-decoration: none;
}
.profile-admin-menu {
	display: none;
}
.profile-admin-menu-wrapper a {
	display: block;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.profile-admin-menu-wrapper {
	background-color: white;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.profile-admin-menu-wrapper li a {
	background-color: white;
	color: red;
	margin-bottom: 0;
}
.profile-admin-menu-wrapper a:hover {
	color: black;
}
/*** profile details ***/
#profile-details .odd {
	background-color: #f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
#profile-details .even {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0 0 7px;
	padding: 2px 4px;
}
.profile-aboutme-title {
	background-color:#f4f4f4;
	
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	margin: 0;
	padding: 2px 4px;
}
.profile-aboutme-contents {
	padding: 2px 0 0 3px;
}
.profile-banned-user {
	border: 2px solid red;
	padding: 4px 8px;
	
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/*** Elgg Developer Tools ***/
#developers-iframe {
	width: 100%;
	height: 600px;
	border: none;
}
#developer-settings-form label {
	margin-right: 5px;
}
.elgg-page .jstree-default.jstree-focused {
	background-color: transparent;
}
.developers-log {
	background-color: #EBF5FF;
	border: 1px solid #999;
	color: #666;
	padding: 20px;
}

.developers-content-thin {
	max-width: 600px;
}.groups-profile > .elgg-image {
	margin-right: 10px;
}
.groups-stats {
	background: #eeeeee;
	padding: 5px;
	margin-top: 10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.groups-profile-fields .odd,
.groups-profile-fields .even {
	background: #f4f4f4;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding: 2px 4px;
	margin-bottom: 7px;
}

.groups-profile-fields .elgg-output {
	margin: 0;
}

#groups-tools > li {
	width: 48%;
	min-height: 200px;
	margin-bottom: 40px;
}

#groups-tools > li:nth-child(odd) {
	margin-right: 4%;
}

.groups-widget-viewall {
	float: right;
	font-size: 85%;
}

.groups-latest-reply {
	float: right;
}

.elgg-menu-groups-my-status li a {
	display: block;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-color: white;
	margin: 3px 0 5px 0;
	padding: 2px 4px 2px 8px;
}
.elgg-menu-groups-my-status li a:hover {
	background-color: #0054A7;
	color: white;
	text-decoration: none;
}
.elgg-menu-groups-my-status li.elgg-state-selected > a {
	background-color: #4690D6;
	color: white;
}
/* TinyMCE */
.elgg-page .mceEditor table.mceLayout {
	border: 1px solid #CCC;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.elgg-page table.mceLayout tr.mceFirst td.mceToolbar,
.elgg-page table.mceLayout tr.mceLast td.mceStatusbar {
	border-width: 0px;
}
.mceButton {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mceLast .mceStatusbar {
	padding-left: 5px;
}

.messages-container {
	min-height: 200px;
}
.message.unread a {
	color: #d40005;
}
.messages-buttonbank {
	text-align: right;
}
.messages-buttonbank input {
	margin-left: 10px;
}

/*** message metadata ***/
.messages-owner {
	float: left;
	width: 20%;
	margin-right: 2%;
}
.messages-subject {
	float: left;
	width: 55%;
	margin-right: 2%;
}
.messages-timestamp {
	float: left;
	width: 14%;
	margin-right: 2%;
}
.messages-delete {
	float: left;
	width: 5%;
}
/*** topbar icon ***/
.messages-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 26px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}

#notificationstable td.namefield {
	width:250px;
	text-align: left;
	vertical-align: middle;
}
#notificationstable td.namefield p {
	margin:0;
	vertical-align: middle;
	line-height: 1.1em;
	padding:5px 0 5px 0;
}
#notificationstable td.namefield p.namefieldlink {
	margin:5px 0 0 0;
}
#notificationstable td.namefield a img {
	float:left;
	width:25px;
	height:25px; 
	margin:5px 10px 5px 5px;
}
#notificationstable td.emailtogglefield,
#notificationstable td.smstogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.spacercolumn {
	width:30px;
}
#notificationstable td {
	border-bottom: 1px solid silver;
}
#notificationstable td.emailtogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.emailtogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.sitetogglefield {
	width:50px;
	text-align: center;
	vertical-align: middle;
}
#notificationstable td.sitetogglefield input {
	margin-right:36px;
	margin-top:5px;
}
#notificationstable td.sitetogglefield a {
	width:46px;
	height:24px;
	cursor: pointer;
	display: block;
	outline: none;
}
#notificationstable td.emailtogglefield a.emailtoggleOff {
	background: url(http://reseau.fing.org/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right 2px;
}
#notificationstable td.emailtogglefield a.emailtoggleOn {
	background: url(http://reseau.fing.org/mod/notifications/graphics/icon_notifications_email.gif) no-repeat right -36px;
}
#notificationstable td.sitetogglefield a.sitetoggleOff {
	background: url(http://reseau.fing.org/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right 2px;
}
#notificationstable td.sitetogglefield a.sitetoggleOn {
	background: url(http://reseau.fing.org/mod/notifications/graphics/icon_notifications_site.gif) no-repeat right -37px;
}
.notification_friends,
.notification_personal,
.notifications_per_user {
	margin-bottom: 25px;
}



.elgg-icon-bookmark {
	background: transparent url(http://reseau.fing.org/mod/bookmarks/graphics/bookmark.gif);
}
.pages-nav.treeview ul {
	background-color: transparent;
}

.pages-nav.treeview a.selected {
	color: #555555;
}

.pages-nav.treeview .hover {
	color: #0054a7;
}
/* Blog Plugin */

/* force tinymce input height for a more useful editing / blog creation area */
form#blog-post-edit #description_parent #description_ifr {
	height:400px !important;
}
.file-photo {
	text-align: center;
	margin-bottom: 15px;
}
.file-gallery-item {
	text-align: center;
	width: 165px;
}
/********************************
The Wire
*********************************/
#thewire-textarea {
	height: 40px;
	padding: 6px;
}
#thewire-characters-remaining {
	text-align: right;
	float: right;
	font-weight: bold;
	color: #333333;
}
.thewire-characters-remaining {
	color:#333333;
	border:none;
	font-size: 100%;
	font-weight: bold;
	padding:0 2px 0 0;
	margin:0;
	text-align: right;
	background: white;
}
.thewire-characters-remaining-warning {
	color: #D40D12 !important;
}
.thewire-parent {
	margin-left: 40px;
}

.elgg-menu-item-pins { padding:3px 6px; background:transparent; font-size:14px; text-decoration:none; }
.elgg-menu-item-pins a, .pin_container a:hover { text-decoration:none; }


.icon-footprint { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 0; width:22px; height:16px; margin-bottom:4px; float:left; }
.icon-footprint:hover { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -16px; }

.icon-highlight { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -32px; width:22px; height:16px; margin-bottom:4px; float:left; }
.icon-highlighted { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -48px; width:22px; height:16px; margin-bottom:4px; float:left; }
.icon-highlight:hover { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -64px; }
.icon-unhighlight:hover { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -80px; width:22px; height:16px; margin-bottom:4px; float:left; }

.icon-memorize { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -96px; width:22px; height:16px; margin-bottom:4px; float:left; }
.icon-memorized { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -112px; width:22px; height:16px; margin-bottom:4px; float:left; }
.icon-memorize:hover { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -128px; }
.icon-unmemorize:hover { background:url(http://reseau.fing.org/mod/pin/graphics/pin_icons.png) no-repeat top left; background-position:0 -144px; width:22px; height:16px; margin-bottom:4px; float:left; }

.embed-wrapper {
	width: 730px;
	min-height: 400px;
	margin: 20px 15px;
}
.embed-wrapper h2 {
	color: #333333;
	margin-bottom: 10px;
}
.embed-wrapper .elgg-item {
	cursor: pointer;
}

/* ***************************************
	EMBED TABBED PAGE NAVIGATION
*************************************** */
.embed-wrapper .elgg-tabs a:hover {
	color: #666;
}

.embed-wrapper p {
	color: #333;
}
.embed-item {
	padding-left: 5px;
	padding-right: 5px;
}
.embed-item:hover {
	background-color: #eee;
}
ul.elgg-menu-owner-block-z-au_subgroups {
  margin-top: 20px;
  margin-bottom: 20px;
}

.au_subgroups_group_icon {
  display: inline-block;
  position: relative;
}

.au_subgroups_group_icon span.au_subgroup {
  display: block;
  position: absolute;
  right: 0;
}


.au_subgroups_subtext {
  padding-top: 5px;
}


/** move to subgroup of another **/
.au-subgroups-throbber {
  background-image: url('http://reseau.fing.org//_graphics/ajax_loader_bw.gif');
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 35px;
}

.au-subgroups-search {
  width: 150px;
}

.au-subgroups-search-results {
  width: 500px;
  border: 2px solid #E4E4E4;
  float: right;
}

.au-subgroups-result-col {
  width: 250px;
  float: left;
}

.au-subgroups-parentable {
  background-color: white;
  cursor: pointer;
  border-top: 1px solid black;
}

.au-subgroups-parentable:hover {
  background-color: #FAFFA8;
}

.au-subgroups-non-parentable {
  cursor: not-allowed;
  background-color: #cccccc;
  border-top: 1px solid black;
}

.au-subgroups-non-parentable a,
.au-subgroups-non-parentable a:hover {
  color: #454545;
  text-decoration: none;
  cursor: not-allowed;
}


.au_subgroups_group_icon-topbar {
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.au_subgroup_icon-topbar {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: px;
}

.au_subgroups_group_icon-tiny {
  width: 25px;
  height: 25px;
  overflow: hidden;
}

.au_subgroup_icon-tiny {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: 2px;
}

.au_subgroups_group_icon-small {
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.au_subgroup_icon-small {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: 5px;
}

.au_subgroups_group_icon-medium {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.au_subgroup_icon-medium {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: 10px;
}

.au_subgroups_group_icon-large {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.au_subgroup_icon-large {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: 12px;
}

.au_subgroups_group_icon-master {
  width: 550px;
  height: 550px;
  overflow: hidden;
}

.au_subgroup_icon-master {
  color: white;
  bottom: 0px;
  background: url(http://reseau.fing.org/mod/au_subgroups/graphics/iconbg.png);
  width: 100%;
  border-left: 0;
  border-right: 0;
  padding: 3px;
  text-align: center;
  font-size: 12px;
}
.blog_tools_blog_image {
	margin: 5px;
	padding: 5px;
	border: 1px solid #CECECE;
}

.blog-tools-blog-image-master {
	margin: 0;
	padding: 0;
	border: none;
}

.blog-tools-blog-image-master img {
	width: 100%;
}

.blog-tools-full-owner {
	border: 1px solid #4690D6;
	background: #E4ECF5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#blog-tools-full-related .elgg-body > div {
	float: left;
	width: 50%;
}

#blog-tools-full-related .elgg-image-block {
	padding: 0;
	margin: 0 10px 10px 0;
	height: 100px;
	overflow: hidden;
}

#blog-tools-full-related .elgg-image-block:hover {
	background: #E4ECF5;
}

.blog_tools_info_wrapper p.tags,
.blog_tools_info_wrapper p.categories {
	display: inline-block;
}

.blog_tools_info_wrapper p.tags,
.blog_tools_info_wrapper p.blog_tools_categories_no_tags {
	margin: 0 0 7px 5px !important;
}

.blog_tools_info_wrapper .blog_post_icon {
	margin: 0 5px 0 0;
}

.blog_tools_widget_items_container > ul.elgg-list-entity > li.elgg-item {
	display: none;
}

.blog_tools_widget_items_container .groupicon {
	float: left;
	margin-right: 20px;
}

.blog_tools_widget_items_navigator {
	padding-top: 5px;
	text-align: center;
}

.blog_tools_widget_items_navigator > span {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 2px 4px;
	margin: 0 2px;
}

.blog_tools_widget_items_navigator > span.active,
.blog_tools_widget_items_navigator > span:hover {
	background: #CCCCCC;
}

.blog_tools_widget_items_navigator > span.active {
	cursor: auto;
}

.blog-tools-river-item .blog_tools_blog_image {
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	float: left;
}
/* ***************************************
	SIMPLIE
*************************************** */
.simplepie-heading {
	text-align: center;
	margin-bottom: 8px;
}

.simplepie-list img {
	max-width: 100%;
}

#dashboard-info {
	border: 2px solid #dedede;
	margin-bottom: 15px;
}
.friend-request-new {
	color: white;
	background-color: red;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.50);
	
	position: absolute;
	text-align: center;
	top: 0px;
	left: 28px;
	min-width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
}/* Digest CSS */
.digest-settings-title-info {
	vertical-align: top;
}

/* End digest CSS */.comment_trackerWrapper {
	margin-top: 25px;
	margin-bottom: -15px;
}

/*
 * Tab filter
 */
.UpDownArrow {
	background: transparent url('http://reseau.fing.org//mod/elgg-brainstorm/graphics/UpDownArrow.png');
	float: right;
	height: 8px;
	margin: 6px 0 0 6px;
	width: 12px;
}
.up {
	background-position: 0 -8px;
}
.brainstorm-highlight {
	background: yellow;
}
#brainstorm-characters-remaining.loading {
	background: url('http://reseau.fing.org//mod/elgg-brainstorm/graphics/ajax-loader.gif') no-repeat scroll 0 6px transparent;
	padding-left: 20px;
}
#brainstorm-search-response > span {
	margin-right: 5px;
	font-weight: bold;
	font-size: 1.2em;
}
#brainstorm-search-response > .elgg-list {
	margin-top: 10px;
}

/*
 * Object idea
 */
.elgg-item-idea {
	min-height: 80px;
}
.elgg-body > .elgg-item-idea {
	float: none;
}
.idea-left-column {
	float: left;
	position: relative;
}
.idea-content {
	margin-left: 60px;
	position: relative;
}
.idea-content .elgg-menu-entity {
	position: absolute;
	top: 0;
	right: 0;
}
.idea-content .elgg-image-block {
	float: left;
}
.idea-points {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	width: 50px;
	padding: 12px 0;
}
.idea-points .elgg-ajax-loader {
	background-size: 24px 24px;
	margin: -3px 0;
	min-height: 24px !important;
}
.idea-rate-button {
	width: 50px;
	border: 1px solid #CCCCCC;
	color: #666666;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
	background: #DEDEDE;
	display: block;
}
.idea-rate-button:hover {
	background: #CCC;
	text-decoration: none;
}
div.idea-rate-button {
	cursor: default;
}
div.idea-rate-button:hover {
	background: #EEE;
}
.idea-value-0 {
	display: none;
}
.idea-value-1 {
	background: #FFC773;
}
.idea-value-2 {
	background: #FFB240;
}
.idea-value-3 {
	background: #FF9900;
}
.idea-status {
	background: #EEE;
	clear: both;
}
.status {
	border-radius: 8px;
	color: #333;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 8px;
	white-space: nowrap;
}
.elgg-river-message .status {
	border-radius: 5px;
	font-size: 9px;
	padding: 1px 5px 1px;
}
.status.open {
	border: 1px solid #DDD;
	background: white;
}
.status.planned {
	background: #FFED00;
}
.status.under_review {
	background: #BBB;
}
.status.started {
	background: #4690D6;
}
.status.completed {
	background: #89C23C;
}
.status.declined {
	background: #F33;
}
.elgg-menu-filter > li > a.status {
	border-radius: 3px 3px 0 0;
	color: #333;
}

/*
 * Object vote-popup
 */
.brainstorm-vote-popup {
	display: none;
	position: absolute;
	z-index: 0;
	padding: 0px;
}
.brainstorm-vote-popup .triangle {
	border-style: solid;
	border-width: 10px 10px 10px 0;
	height: 0;
	position: absolute;
	width: 0;
	top: 6px;
}
.brainstorm-vote-popup .blanc {
	border-color: transparent white;
	left: -10px;
}
.brainstorm-vote-popup .gris {
	border-color: transparent #CCCCCC;
	left: -11px;
}
.brainstorm-vote-popup .elgg-button {
	width: 40px;
	float: left;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-weight: bold;
	padding: 2px 4px;
	color: #666;
	text-align: center;
	margin: 5px;
	box-shadow: none;
}
.brainstorm-vote-popup .elgg-button:hover {
	background: #4690D6;
	border-color: #4690D6;
}
.brainstorm-vote-popup .elgg-button.checked {
	background: #0054A7;
	border-color: #0054A7;
	color: white;
	cursor: default;
}

/*
 * Sidebar
 */
#votesLeft {
	background: #FF9900;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 -10px 10px;
	padding-bottom: 7px;
}
#votesLeft.zero {
	background: #999;
}
#votesLeft strong {
	font-size: 3em;
}
.sidebar-idea-list {
	margin-top: 10px;
}
.sidebar-idea-list .elgg-item-idea {
	min-height: 0px;
}
.sidebar-idea-list .elgg-item-idea > div {
	color: #666666;
	float: left;
	font-weight: bold;
	padding: 2px 6px;
}
.sidebar-idea-list .elgg-item-idea > h3 {
	padding-top: 2px;
}
.sidebar-idea-list .elgg-item-idea > div.planned {
	border-bottom: 4px solid #FFED00;
}
.sidebar-idea-list .elgg-item-idea > div.under_review {
	border-bottom: 4px solid #BBB;
}
.sidebar-idea-list .elgg-item-idea > div.started {
	border-bottom: 4px solid #4690D6;
}
.sidebar-idea-list .elgg-item-idea > div.completed {
	border-bottom: 4px solid #89C23C;
}
.sidebar-idea-list .elgg-item-idea > div.declined {
	border-bottom: 4px solid #F33;
}


/*
 * Add form editidea
 */
.elgg-form-brainstorm-editidea .elgg-horizontal li {
	display: inline-block;
	margin-right: 5px;
	padding: 3px 10px;
}

/*
 * Group Module
 */
.module-idea-list > li {
	min-height: 48px;
}
.module-idea-list .idea-points {
	padding: 8px 0px 9px;
}

/*
 * Widgets
 */
.elgg-widget-content .points {
	font-weight: bold;
	color: #FF9900;
	font-size: 2.4em;
	line-height: 100%;
}
.elgg-widget-content .points.zero {
	color: #999;
}
.file-tools-icon-tiny {
	width: 20px;
	height: 20px;
}

.elgg-menu-file-tools-folder-breadcrumb > li:after {
	padding: 0 4px;
	content: ">";
}

#file_tools_list_files_container {
	position: relative;
	min-height: 50px;
}

#file_tools_list_files_container .elgg-ajax-loader {
	background-color: white;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#file_tools_list_files .ui-draggable,
.file-tools-file.ui-draggable {
	cursor: move;
	background: white;
}

#file-tools-folder-tree .file-tools-tree-droppable-hover {
	border: 1px solid red;
}

#file-tools-multi-form .uploadify-queue-item {
	max-width: 100%;
}/* Chat layout and main styles */

#page-wrap { width: 333px; margin: 0px auto; background-color:#FFFFFF; float:right}
#chat-wrap { margin:0; }
#chat-area { height: 280px; overflow: auto; padding: 0 10px 10px 10px; background: white; }
#chat-area span { color: #D6D6D6; margin: 18px 5px 0 0; background-color:#FFFFFF; font-family: "Lucida Grande", Sans-Serif; min-width:60px; font-size:11px; }
#chat-area p { padding: 1px 0; border-bottom: 1px solid #ccc; margin:4px; }


#name-area { position: absolute; top: 12px; right: 0; color: white; font: 11px  "Lucida Grande", Sans-Serif; text-align: right; }   
#name-area span { color: #fa9f00; }

/* Message editor */
#send-message-area p { float: left; color: white; padding-top: 27px; font-size: 14px; }
#sendie { padding: 6px; font: 11px "Lucida Grande", Sans-Serif; float:right;  height:70px; border-radius:0px;  border:1px solid #FFFFFF; }

.clearfloat textarea {height:70px; width:710px; }
#chat-wrap ol { margin: 0; }
.timeChat { /* border:1px solid #FF0000; display:none; */ }
/*.chatTime { position:absolute; display:block; background-color:white; }*/
.outSide {
	width:330px; 
	border:1px solid #CCCCCC; 
	border-bottom:0; 
	/*float:right;*/
	padding-top: 10px;
	background-color:#FFFFFF;
}

#groups-tools > li:nth-child(2n+1) { margin-right: 2%; }
#groups-tools li { margin-left:5px; }

.chatTxt, .group_chat-text { clear:both; margin-top:5px; font-size: 12px; border-top:1px solid #F7F7F7; }

.padTop5 { padding-top:5px; }

.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.txtDiv { text-align:justify; width:254px; margin-left:5px }
.clr6 { color:#666666; }

.chatTime {
	/*position:absolute; */
	float:right;
	padding-left:245px;
	height:0px;
	font-size:9px; color:#CCCCCC;
	display:none;
}

#groupTitleChat {
	width:325px; height:25px; padding:5px 0px 0px 5px;
	border:1px solid #CCCCCC; border-bottom:0;
	background-color:#F7F7F7; font-weight:bold;
}
.padRht10 { padding-right:10px; }
.cursor { cursor:pointer; }

#groupchat-container { bottom: 0px; right:0px; display: none; position: fixed; }

.maxMize { display:none; }

.sendieDiv { width:330px; border:1px solid #CCCCCC; }
.smileyMain { padding-top:13px; padding-right: 9px; }
#smileyGroup {
	display:none;
	position:absolute; bottom:0px; right:0px;
	background-color:#FFFFFF;
}

.pad5 { padding-right:5px; }

.smileyCon { }

.smileyCon:hover { cursor:pointer; }
.closeIcon {
	/* font-size:10px; */
	text-decoration:none;
	cursor:pointer;
}

.dateD {
	background-color:#FBFBFB;
	color:#333333;
	font-size:9px;
	font-family: "Lucida Grande", Sans-Serif;
	text-align:right;
}
.joinGroup {
	font: 11px  "Lucida Grande", Sans-Serif; 
	text-align: right;
	height:35px;
	padding:7px 0px 0px 12px;
	color:#666;
}


/* Site chat styles */
.site-outSide { border-top:1px solid #CCCCCC; background-color:#FFFFFF; }
.site-sendieDiv { border-top:1px solid #CCCCCC; position:absolute; width:98%; bottom:2px; margin: 0 auto; }
#sitechat-compose { width:90%; }
#sitechat-helpers { float:right; width:10%; text-align:right; }
#sitechat-page-wrap #sendie { width:100%; }
#sitechat-page-wrap #smileyGroup { clear:both; width:100%; /* position:relative; */ box-shadow: 1px 1px 3px 1px; padding: 1ex 0; }
#sitechat-page-wrap #chat-area  { height: auto; position: fixed; top: 20px; bottom: 80px; left: 0; right: 0; }

/* Site chat button */
#groupchat-sitelink { position:fixed; right:0; top: 3px; background:white; border: 1px solid black;
border-radius: 10px; padding: 4px 16px 4px 6px; margin-right: -10px; width: 16px; height:14px; box-shadow:0 0 3px 0 white; overflow:hidden; vertical-align: top; z-index:111; }
#groupchat-sitelink:hover, #groupchat-sitelink:focus, #groupchat-sitelink:active { width:auto; }



/* Group chat styles */
/* Group chat button */
#groupchat-grouplink { position:fixed; right:0; bottom: 3px; background:#EAEAFF; border: 1px solid #9999FF; border-radius: 10px; padding: 4px 16px 4px 6px; margin-right: -10px; width: 16px; height:14px; box-shadow:0 0 3px 0 #9999FF; overflow:hidden; vertical-align: top; z-index:111; }
#groupchat-grouplink:hover, #groupchat-grouplink:focus, #groupchat-grouplink:active { width:auto; }

#groupchat-grouplink.chat-active { bottom: 20px; border: 1px solid #000099; box-shadow:0 0 20px 0 #000099;  }



/* Notifications */
#group_chat-notification { position: fixed; z-index:101; position: fixed; bottom: 0; left: 0; }
#group_chat-notification .elgg-message { border-radius: 0; }
#group_chat-notification-content { font-weight:normal; }
#group_chat-notification-content a {  }
.group-chat-notification { display: block; background: white; color: #333; padding: 1.5ex 2.5ex; border-top: 1px solid black; border-right: 1px solid black; }
.group-chat-notification:hover, .group-chat-notification:active, .group-chat-notification:focus { text-decoration:none; color:black; font-weight:bold; background:#DEDEDE; transition-duration:0.5s; }


.group_chat-notification-alert {
	float: right; z-index: 102; margin: -1ex -1.5ex 1ex 1.5ex;
	font-size: 5ex; color: gold; text-shadow: 2px 2px 3px black;
	padding: 5px 10px; /* background: rgba(0,0,0,0.8); */ border-radius: 5ex;
}


/* Replace old classes and hardcoded styles with more cleaner and integrated ones */
.chat-title { background: black; color: white; font-size: 10px; height: 18px; padding: 3px 5px; overflow:hidden; text-transform: uppercase; }
.chat-title a { color: white; }
.group_chat-text { clear:both; margin-top:5px; font-size: 12px; border-top:1px solid #F7F7F7; padding-top:5px; color:white; }
.group_chat-text:hover { color:#CCCCCC; }
.group_chat-time { font-size:9px; float: right; }
.group_chat-image { float:left; margin-right:5px; margin-bottom:1px; }
#chat-area .group_chat-message { color:#666666; }
#smileyGroup img { line-height:20px; margin-left:5px; }




/* group_chat-blinking effect - http://visualidiot.com/files/real-world.css */
.group_chat-blink {
	-webkit-animation: group_chat-blink .75s linear infinite alternate;
	-moz-animation: group_chat-blink .75s linear infinite;
	-ms-animation: group_chat-blink .75s linear infinite;
	-o-animation: group_chat-blink .75s linear infinite;
	animation: group_chat-blink .75s linear infinite alternate;
}
@-webkit-keyframes group_chat-blink {
	0% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-moz-keyframes group_chat-blink {
	0% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-ms-keyframes group_chat-blink {
	0% { opacity: 1; }
	100% { opacity: 0.5; }
}
@-o-keyframes group_chat-blink {
	0% { opacity: 1; }
	100% { opacity: 0.5; }
}
@keyframes group_chat-blink {
	0% { opacity: 1; }
	100% { opacity: 0.5; }
}


/* Wobble effect - http://visualidiot.com/files/real-world.css */
.group_chat-wobble {
	position: relative;
	display: inline-block;
	-webkit-animation: group_chat-wobble .75s linear infinite;
	-moz-animation: group_chat-wobble .75s linear infinite;
	-ms-animation: group_chat-wobble .75s linear infinite;
	-o-animation: group_chat-wobble .75s linear infinite;
	animation: group_chat-wobble .75s linear infinite;
}

@-webkit-keyframes group_chat-wobble {
	0% { -webkit-transform: rotate(-2deg); }
	20% { -webkit-transform: rotate(4deg); }
	30% { -webkit-transform: rotate(1deg); }
	40% { -webkit-transform: rotate(3deg); }
	55% { -webkit-transform: rotate(0deg); }
	70% { -webkit-transform: rotate(-4deg); }
	80% { -webkit-transform: rotate(2deg); }
	90% { -webkit-transform: rotate(-2deg); }
	90% { -webkit-transform: rotate(3deg); }
}
@-moz-keyframes group_chat-wobble {
	0% { -moz-transform: rotate(-2deg); }
	20% { -moz-transform: rotate(4deg); }
	30% { -moz-transform: rotate(1deg); }
	40% { -moz-transform: rotate(3deg); }
	55% { -moz-transform: rotate(0deg); }
	70% { -moz-transform: rotate(-4deg); }
	80% { -moz-transform: rotate(2deg); }
	90% { -moz-transform: rotate(-2deg); }
	90% { -moz-transform: rotate(3deg); }
}
@-ms-keyframes group_chat-wobble {
	0% { -ms-transform: rotate(-2deg); }
	20% { -ms-transform: rotate(4deg); }
	30% { -ms-transform: rotate(1deg); }
	40% { -ms-transform: rotate(3deg); }
	55% { -ms-transform: rotate(0deg); }
	70% { -ms-transform: rotate(-4deg); }
	80% { -ms-transform: rotate(2deg); }
	90% { -ms-transform: rotate(-2deg); }
	90% { -ms-transform: rotate(3deg); }
}
@-o-keyframes group_chat-wobble {
	0% { -o-transform: rotate(-2deg); }
	20% { -o-transform: rotate(4deg); }
	30% { -o-transform: rotate(1deg); }
	40% { -o-transform: rotate(3deg); }
	55% { -o-transform: rotate(0deg); }
	70% { -o-transform: rotate(-4deg); }
	80% { -o-transform: rotate(2deg); }
	90% { -o-transform: rotate(-2deg); }
	90% { -o-transform: rotate(3deg); }
}
@keyframes group_chat-wobble {
	0% { transform: rotate(-2deg); }
	20% { transform: rotate(4deg); }
	30% { transform: rotate(1deg); }
	40% { transform: rotate(3deg); }
	55% { transform: rotate(0deg); }
	70% { transform: rotate(-4deg); }
	80% { transform: rotate(2deg); }
	90% { transform: rotate(-2deg); }
	90% { transform: rotate(3deg); }
}



/* ***************************************
	Likes
*************************************** */
.elgg-likes {
	width: 345px;
	position: absolute;
}

.elgg-menu .elgg-menu-item-likes-count {
	margin-left: 3px;
}

.login-as-topbar {
	height: 18px;
}

.login-as-arrow {
	vertical-align: top;
	color: white;
	font-weight: bold;
}

.login-as-arrow:hover {
	color: white;
}

.profileiconaccess {
  margin-top: 30px;
  margin-bottom: 15px;
}

.profileiconaccess-throbber {
  display: inline-block;
  width: 33px;
  height: 33px;
}

.profileiconaccess-form {
  display: inline-block;
  padding-left: 5px;
}
.elgg-form-newsletter-edit-template .elgg-input-radios label {
	font-size: 100%;
	font-weight: normal;
}

#newsletter-edit-template-select li:hover .elgg-requires-confirmation {
	display: inline;
}

#newsletter-edit-template-select .elgg-icon-delete-alt {
	position: absolute;
}

.elgg-form-newsletter-edit-content .elgg-input-longtext {
	min-height: 500px;
}

.elgg-form-newsletter-edit-content .elgg-menu-longtext {
	float: none;
	text-align: right;
}

.elgg-form-newsletter-edit-schedule .elgg-input-date {
	width: 100px;
	text-align: center;
	height: 22px;
	padding: 0px;
}

#newsletter-recipients-wrapper .elgg-icon-delete-alt {
	display: none;
}

#newsletter-recipients-wrapper .newsletter-recipient-result {
	border: 1px solid transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#newsletter-recipients-wrapper .newsletter-recipient-result:hover {
	border-color: #4690D6;
	background: #E4ECF5;
}

#newsletter-recipients-wrapper .newsletter-recipient-result:hover .elgg-icon-delete-alt {
	display: inline-block;
}

.elgg-module-newsletter-recipients-wrapper {
	margin-bottom: 0px;
}

.elgg-module-newsletter-recipients {
	margin: 10px 0;
}

.elgg-module-newsletter-recipients-wrapper .elgg-icon-delete-alt {
	cursor: pointer;
}

.newsletter-recipient-autocomplete-group span,
.newsletter-recipient-autocomplete-email span {
	color: black;
}

#newsletter-recipients-users > .elgg-body,
#newsletter-recipients-groups > .elgg-body,
#newsletter-recipients-emails > .elgg-body {
	padding-left: 5px;
	border-left: 1px solid #CCCCCC;
}

#newsletter-settings-form .newsletter-settings-small {
	width: 25px;
	text-align: center;
}

.newsletter-input-error {
	border: 1px solid red;
}

#newsletter-embed-list {
	width: 700px;
}

#newsletter-embed-list > li {
	padding: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	
	white-space: nowrap;
	overflow: hidden;
	color: #999;
}

#newsletter-embed-list > li > div > strong {
	color: black;
}

#newsletter-embed-list li:hover {
	border-color: #CCC;
}

.newsletter-embed-item-content {
	display: none;
}

#newsletter-embed-search {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#newsletter-embed-search .elgg-input-text {
	width: 400px;
	margin-right: 10px;
}

#newsletter-embed-search .elgg-button-action {
	padding: 5px 15px;
}

.newsletter-placeholders li {
	display: inline-block;
	padding-right: 5px;
	cursor: help;
}

/**********************************
Search plugin
***********************************/
.elgg-page-header .elgg-search {
        margin-top: -28px;
	margin-bottom: 2px;
        margin-right:5px;
	height: 23px;
	position: absolute;
	right: 0;
       
}
.elgg-page-header .elgg-search input[type=text] {
	width: 220px;
}
.elgg-page-header .elgg-search input[type=submit] {
	display: none;
}
.elgg-search input[type=text] {
	border: 1px solid #D2D2D2;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px 2px 26px;
	background: white url(http://reseau.fing.org/_graphics/elgg_sprites.png) no-repeat 2px -934px;
}
.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {
	background-color: white;
	background-position: 2px -916px;
	border: 1px solid white;
	color: #000;
}

.search-list li {
	padding: 5px 0 0;
}
.search-heading-category {
	margin-top: 20px;
	color: #666666;
}

.search-highlight {
	background-color: #bbdaf7;
}
.search-highlight-color1 {
	background-color: #bbdaf7;
}
.search-highlight-color2 {
	background-color: #A0FFFF;
}
.search-highlight-color3 {
	background-color: #FDFFC3;
}
.search-highlight-color4 {
	background-color: #ccc;
}
.search-highlight-color5 {
	background-color: #4690d6;
}


/* Slider evolutions */
.anythingSlider .start-stop, .anythingSlider-cs-portfolio .anythingControls a.start-stop, .anythingSlider-cs-portfolio .anythingControls a.start-stop.playing { border-radius:16px; width: 16px; height: 16px; border: 2px solid black; background: transparent; }
.anythingSlider .anythingControls ul a, .anythingSlider .start-stop, .anythingSlider-cs-portfolio .anythingControls a.start-stop, .anythingSlider-cs-portfolio .anythingControls a.start-stop.playing { border-radius:16px; width: 16px; height: 16px; border: 0px solid black; background: #aaa; float: left; margin: 3px 4px; transition-duration: 0.3s; color: transparent; }
.anythingSlider-cs-portfolio .anythingControls a.cur, .anythingSlider-cs-portfolio .anythingControls a:hover { background-color: #666; width: 22px; height: 22px; margin: 0px 1px; }
.anythingControls { background:none !important; position:relative; bottom:30px; z-index:10; width:80%; float: right; }
.anythingSlider-cs-portfolio { margin-bottom:0; }
.anythingSlider-cs-portfolio .arrow { bottom:50%; }

.diaporama { overflow: hidden; }
.diaporama .anythingControls { position: absolute; bottom: 4px; left: 20%; }
.diaporama .thumbNav li { float: left; list-style-type: none; }
.diaporama .thumbNav li { display:none; }

.elgg-item.embed-item { cursor: pointer; }

.socialshare-links a { font-size:16px; margin-left:3px; }
.socialshare-links img { height: 16px; width:auto; }

.socialshare-links-menu a { font-size:20px; margin-left:3px; }
.socialshare-links-menu img { height: 20px; width:auto; }

.socialshare-links-popup a { font-size:30px; margin-left:1ex; }
.socialshare-links-popup img { height: 32px; width:auto; }


.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; background: white; border: 1px solid #CCCCCC; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-checkboxes .ui-state-hover {
	background: #CCCCCC;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.custom_fields_more_info {
	width: 16px;
	height: 16px;
	margin: 0 2px 0 5px;
	display: inline-block;
	vertical-align: top;
	background: transparent url(http://reseau.fing.org/_graphics/elgg_sprites.png) 0 -486px;
	cursor: pointer;
}
.custom_fields_more_info:hover {
	background-position: 0 -468px;
}

.custom_fields_more_info_text {
	display:none;
}

#custom_fields_more_info_tooltip {
	position:absolute;
	border:1px solid #333333;
	background:#e4ecf5;
	color:#333333;
	padding:5px;
	display:none;
	width: 250px;
	line-height: 1.2em;
	font-size: 90%;
	z-index:20000;
}
.elgg-page-body .elgg-inner .profile-manager-profile-completeness {
	margin-top: 10px;
}

.profile-manager-profile-completeness {
	text-align: center;
}

/* widgets */
#widget_profile_completeness_container {
	border: 1px solid #AAAAAA;
	position: relative;
}

#widget_profile_completeness_progress {
	position: absolute;
	line-height: 20px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}

#widget_profile_completeness_progress_bar {
	background: #00FF00;
	height: 20px;
}

#custom_fields_userdetails.ui-accordion {
	margin-bottom: 10px;
}

#custom_fields_userdetails .ui-accordion-header {
	color: #666666;
	background: #EEEEEE;
	border: 2px solid #DEDEDE;
	cursor: pointer;
	margin-top: 5px;
	padding: 5px;
}

#custom_fields_userdetails .ui-accordion-content {
	border-style: solid;
	border-color: #DEDEDE;
	border-width: 0 2px 2px 2px;
	padding: 5px 5px 0px;
}

#custom_fields_userdetails .ui-accordion-header:hover {
	border-color: #CCCCCC;
}

#custom_fields_userdetails .ui-accordion-header .ui-icon {
	margin-top: 1px;
	background: url(http://reseau.fing.org/mod/profile_manager/graphics/accordion.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	float: left;
}

#custom_fields_userdetails .ui-accordion-header:hover .ui-icon{
	background-position: -32px 0;
}

#custom_fields_userdetails .ui-accordion-header.ui-state-active .ui-icon {
	background-position: 0 0;
}

/* non_editables */
.hidden_non_editable {
	display: none;
}

/* profile type */
.custom_profile_type_description {
	display: none;
}

.datepicker_hidden{
	display: none;
}

/* fix for max-height multi-select drop down*/
.ui-dropdownchecklist-dropcontainer {
	max-height: 150px;
}
/* end fix */

.profile_manager_profile_edit_tab_content,
li.custom_fields_edit_profile_category {
	display: none;
}

/* registration form */
.elgg-form-register {
	max-width: 100%;
}

.profile_manager_register_input_container {
	white-space:nowrap; /* required for outlining in IE7 */
}

.profile_manager_register_input_container > input {
	padding-right: 25px;
}

/* extra explicit for IE7 */
.elgg-icon.profile_manager_validate_icon {
	margin-left: -22px;
    margin-top: 8px;
    position: absolute;
    display: none;
}

.elgg-icon.profile_manager_validate_icon_loading {
	background-image: url(http://reseau.fing.org/mod/profile_manager/graphics/loading.gif);
	display: inline-block;
	
}
.elgg-icon.profile_manager_validate_icon_valid {
	background-position: 0 -126px;
	display: inline-block;
}

.elgg-icon.profile_manager_validate_icon_invalid {
	background-position: 0 -252px;
	display: inline-block;
}

/* register form */
.elgg-form-register .mandatory > label:after {
	content: "*";
}

/* registration field */
#profile_manager_register_left {
	float: left;
	width: 450px;
}

#profile_manager_register_right {
	float: right;
	width: 450px;
}

#profile_manager_register_right > fieldset {
	margin-top: 10px;
}

/* registration form mandatory fields */

.profile_manager_register_missing {
	border: 1px solid red !important;
}

/* Account Username Change */
.profile-manager-account-change-username.elgg-state-active {
	display: none;
}

#profile_manager_username {
	position: relative;
}

.elgg-icon-profile-manager-loading,
.elgg-icon-profile-manager-valid,
.elgg-icon-profile-manager-invalid {
	position: absolute;
	right: 5px;
	top: 8px;
	display: none;
}

.elgg-icon-profile-manager-loading {
	background-image: url(http://reseau.fing.org/mod/profile_manager/graphics/loading.gif);
}

.elgg-icon-profile-manager-valid {
	background-position: 0 -126px;
}

.elgg-icon-profile-manager-invalid {

	background-position: 0 -252px;
}

/* End Account Username Change */#createrssimportform {
	display: none;
	padding: 25px;
	background-color: #ececec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;		
}

.rssimport_form_hidden, #rssimport_nothing_to_report, #rssimport_control_box {
	display: none;	
}

.rssimport_center {
	text-align: center;	
}

.rssimport_clear {
	height: 1px;
	clear: both;	
}

.rssimport_content {
	display: none;
}

.rssimport_control {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 25px;
}

.rssimport_control_item {
	width: 150px;
	float: left;
}
	
.rssimport_copyright_warning {
	padding: 15px;
	border: 1px solid red;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;	
}


.rssimport_feedwrapper {
	padding: 20px;	
}

.rssimport_form_control {
	display: inline-block;	
}

.rssimport_form_control input[type="submit"] {
	margin: 5px;
}

.rssimport_history_item {
	margin: 10px;
	padding: 15px;
	border: 2px solid #666666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white;	
}

.rssimport_history_item a{
	display: inline-block;
	margin: 6px;	
}

.rssimport_item.rssimport_blacklisted {
	background-color: #f2f2f2;
	border: 1px solid #c3c3c3;
}

.rssimport_item.rssimport_blacklisted a{
	color: #848484;	
}
	
a.rssimport_listing {
	display: block;
	float: left;
	width: 140px;
	padding: 4px;
	margin: 1px 1px 0 1px; 	
}

a.rssimport_deletelisting {
	display: inline-block;
	float: right;
	padding: 4px;
	color: red;
	margin: 1px 1px 0 1px;
}

.rssimport_listitem {
	background-color: white;	
}

#rssimport_updateform {
	display: none;	
}

.rssimport_blog_title {
	margin: 20px 0px;
}

.rssimport_item {
	padding: 5px;
	padding-bottom: 20px;
	background-color: white;
	margin-top: 20px;
  border: 1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
  overflow: auto;
}

.rssimport_item table {
	width: 100%;	
}

.rssimport_item table tr td{
	vertical-align: top;
	padding: 10px;	
}


.rssimport_rsslisting_controls {
	width: 300px;
	float: left;	
}

.pagelinks.rssimport_pagelink {
	display: inline-block !important;
	margin-top: -3px !important;	
}

.rssimport_view_controls {
	margin-bottom: 30px;	
}

.viewImported, .viewIgnored, .viewHistory {
	width: 130px;
	text-align: center;
	padding: 5px 10px;
	background-color: white;
	margin: 0 20px 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 	
}

.rssimport_title {
  margin-bottom: 5px;
}

.rssimport-excerpt-toggle {
  cursor: pointer;
}



/* ESOPE additions */
.rssimport_blog_title { clear: both; }



#knowledge_database-add li { float: left; width: 31%; min-height: 5em; font-size: 2ex; text-align: center; margin: 1%; padding: 0; border: 1px solid #2195B1; border-radius: 0.5rem; position: relative; }
#knowledge_database-add li .fa { font-size: 3ex; }
#knowledge_database-add li a { text-decoration: none; display: inline-block; padding: 0.5rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0.5rem; }
.elgg-context-kdb h3 { border-top: 1px solid rgb(129,49,121); padding-top: 10px; margin-top: 30px; }

/* Group KDB */
.kdb-group-intro { border:1px solid #2195B1; margin:10px; padding:10px; }
.kdb-maingroup-intro { border:1px solid #2195B1; margin:10px; padding:10px; }
.kdb-group-add { border:1px solid #2195B1; margin:10px; padding:10px; }

/* Search interface */
.kdb-search-main { /* width:50%; float:left; */ min-width:300px; }
.kdb-search-main input, .kdb-search-filter select { width: 16ex; max-width:60%; }
.kdb-search-main input[type="text"] { width: 30ex; max-width:60%; }
.kdb-search-main label { color: rgb(129,49,121); padding: 3px 6px; font-size: 1.2em; }

.kdb-search-filter { width:50%; float:left; min-width:200px; padding: 2px 0; }
.kdb-search-filter span { min-width: 17ex; display:inline-block;}
.kdb-search-filter input, .kdb-search-filter select { width: 17ex; }
#knowledge_database-advanced-fields .kdb-search-filter input, #knowledge_database-advanced-fields .kdb-search-filter select { min-width: 10ex; max-width: 18ex; }
.kdb-search-filter label { color: rgb(129,49,121); padding: 3px 6px; font-size: 1.2em; }

/* Search form */
#kdb-search-form fieldset { margin: 1ex 0; padding:1ex; border:1px solid; }
#kdb-search-form legend { padding: 0 1ex; }

/* Search results */
.knowledge_database-result-meta { float: right; font-size: 12px; text-align:right; }
.knowledge_database-result-meta .fa { font-size: 3ex; }
#esope-search-results .elgg-image { height: 60px; width: 100px; text-align: center; }
#esope-search-results .elgg-image img { max-height: 60px; width: auto; text-align: center; }
#esope-search-results .elgg-image .fa { font-size:50px; margin-top: 10px; }

/* Showcase */
.kdb-featured { width:33%; float:left; border-right: 1px solid grey; }
.kdb-featured:last-child { border-right: 0; }
.kdb-featured-content { height:300px; overflow:auto; padding:15px; border:0px solid rgb(129,49,121); }
.kdb-featured-header { padding: 0 10px 10px 10px; text-align:center; }
.kdb-featured-header .image-block { height: 100px; margin-bottom: 1ex; }
.kdb-featured-header .image-block img { height: 100px; width:auto; }
.kdb-featured-header .image-block .fa { font-size: 80px; }

.knowledge_database-selectors div { display: inline-block; float: right; }
.knowledge_database-selectors div button { max-width: 20ex; }
.knowledge_database-selectors p { clear:both; font-size:0.8em; }


/* Edit form */

.knowledge_database-edit-field {}
.knowledge_database-edit-field input[type="text"] { width:30ex; }
.knowledge_database-field { border:1px solid grey; border-radius: 5px; padding: 0.5ex 1ex; }
.kdb-field-file { max-width:50%; }

/* Input / output rendering */
.knowledge_database-fieldset { margin: 1rem 0; padding: 1rem; border: 1px solid #CCC; }
.knowledge_database-fieldset legend { padding: 0 0.5rem; border: 1px solid #CCC; }


/* https://css-tricks.com/box-sizing/ */
/* @TODO : use later, as it requires to rewrite most of the menus and main blocks
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
*/

html { -webkit-font-smoothing: antialiased; }

/* Sub and sup CSS style - from https://gist.github.com/unruthless/413930 */
sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;
  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;
  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;
  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}
/* Move the superscripted text up */
sup { top: -0.5em; }
/* Move the subscripted text down, but only half as far down as the superscript moved up */
sub { bottom: -0.25em; }

/* ELEMENTS ET CLASSES DE BASE - BASIC CLASSES AND ELEMENTS */
pre, code { word-break:break-all; }
.mts { margin-right:10px; }
.elgg-river-comments-tab { color:#cd9928; }
.elgg-input-rawtext { width:99%; }
/* Tableaux */
th { font-weight:bold; background:#CCCCCC; }
/* Access level informations */
.elgg-access {}
.elgg-access-group-closed {}
.elgg-access-group-open {}
.interne { width: 980px; position: relative; margin: auto; }
.invisible { position: absolute !important; left: -5000px !important; }
.right { float: right !important; }
.minuscule { text-transform: lowercase; }
img { border: 0 none; overflow:hidden; }
section #profil img { float: right; margin-left: 10px; }
.esope-more { float: right; font-size: 70%; line-height: 1.6; }


/* MISE EN PAGE ET PRINCIPAUX BLOCS - LAYOUTS AND MAIN BLOCKS */
/* Pour tous les éléments du menu : .elgg-menu-owner-block .elgg-menu-item-NOM_SUBTYPE */
#wrapper_header {}
header, #transverse, section, footer, #bande { width: 100%; float: left; }
.elgg-layout-two-sidebar { background-image:none; }

/* Styles des modules page d'accueil et profil */
section { padding-top: 25px; }
section header { background: none; border-top: 0 none; height: auto; }
section div.intro { font-family:Lato, Arial, sans-serif; font-size: 1.25em; }

#transverse nav ul li ul {  z-index: 100; }
#transverse nav ul li.group-invites, .interne nav ul li.group-invites, 
#transverse nav ul li.invites, .interne nav ul li.invites { margin:-6px 0 0 4px; }
#transverse nav ul li.group-invites, 
#transverse nav ul li.invites { margin:-8px 0 0 -22px; border:0; }
#transverse nav ul li.group-invites a, #transverse ul li.group-invites a:hover, #transverse ul li.group-invites a:focus, #transverse ul li.group-invites a:active,
.interne nav ul li.group-invites a, .interne nav ul li.group-invites a:hover, .interne nav ul li.group-invites a:focus, .interne nav ul li.group-invites a:active, 
#transverse nav ul li.invites a, #transverse ul li.invites a:hover, #transverse ul li.invites a:focus, #transverse ul li.invites a:active,
.interne nav ul li.invites a, .interne nav ul li.invites a:hover, .interne nav ul li.invites a:focus, .interne nav ul li.invites a:active {
	float: right;
	background: #CD190A;
	color: #fff;
	font-size:12px;
	font-weight: bold;
	padding: 2px 5px 2px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	box-shadow: 1px 1px 2px #333333;
	-moz-box-shadow: 1px 1px 2px #333333;
	-webkit-box-shadow: 1px 1px 2px #333333;
	-o-box-shadow: 1px 1px 2px #333333;
}
.elgg-form.thewire-form { background: transparent; }
.home-static { background:white; box-shadow:3px 3px 5px 0px #666; padding: 0.2% 0.4%; }
.home-static-container {}


/* Sidebar */
.elgg-sidebar { width: 211px; float: right; }
.elgg-sidebar ul.elgg-menu-page, elgg-sidebar ul.elgg-menu-groups-my-status {
	background: #fff;
	float: left;
	width: 211px;
}
.elgg-sidebar ul.elgg-menu-page > li, elgg-sidebar ul.elgg-menu-groups-my-status > li {
	border-bottom: 1px solid #CCCCCC;
	float: left;
	/* width: 211px; */
	width:100%;
}
.elgg-menu-groups-my-status li a {
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	width:211px; margin:0; padding:4px 10px;
}
.elgg-menu-groups-my-status li a:hover {
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
	width:211px; margin:0; padding:4px 10px;
}
.elgg-sidebar ul.elgg-menu-page li h3 {
	background: #333333;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px;
	text-transform: uppercase;
}
.elgg-sidebar .elgg-menu-page li:first-child, .elgg-sidebar .elgg-menu-page li:last-child, .elgg-sidebar .elgg-menu-groups-my-status li:first-child, .elgg-sidebar .elgg-menu-groups-my-status li:last-child { border-bottom: 0 none; }
.elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a { color: #333333; font-weight: normal; }
.elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a span {
	color: #002e6f;
	float: left;
	font-family: Lato-Bold, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 0.7em;
	margin-right: 5px;
	text-shadow: 0 2px 2px #999999;
}
.elgg-sidebar .elgg-module-aside h3 { color: #333333; font-size: 16px; margin: 0; }
.elgg-sidebar .elgg-module-aside .elgg-body ul li { float: left; width: auto; }
.elgg-sidebar .elgg-module-aside .elgg-body ul li a img {
	float: left;
	margin-right: 5px;
	/*
	height: 25px;
	width: 25px;
	*/
}
.elgg-sidebar .elgg-module-aside .elgg-body .entity_title a {
	float: left;
	font-size: 0.75em;
}
.elgg-sidebar .elgg-module-aside .elgg-body .entity_title a:hover, 
.elgg-sidebar .elgg-module-aside .elgg-body .entity_title a:focus, 
.elgg-sidebar .elgg-module-aside .elgg-body .entity_title a:active {
	color: #333333;
}

/* Pied de page - HTML spécifique */
footer {
	background-image: linear-gradient(bottom, #333333 30%, #666666 80%);
	background-image: -o-linear-gradient(bottom, #333333 30%, #666666 80%);
	background-image: -moz-linear-gradient(bottom, #333333 30%, #666666 80%);
	background-image: -webkit-linear-gradient(bottom, #333333 30%, #666666 80%);
	background-image: -ms-linear-gradient(bottom, #333333 30%, #666666 80%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.30, #333333), color-stop(0.80, #666666));
	background-color: #333333;
	height: 66px;
	margin-top: 25px;
}
footer ul { margin: auto; width: 500px; font-size: 0.75em; }
footer ul li {
	float: left; padding-left: 13px; margin: 26px 7px 10px 0;
	background: transparent url("http://reseau.fing.org/mod/adf_public_platform/img/theme/puce-footer.png") left 7px no-repeat scroll;
	color: #fff; font-size:12px;
}
footer ul li:first-child { background: none; }
footer ul li a { color: #fff; font-size:12px; }
footer ul li a:hover, footer ul li a:focus, footer ul li a:active { color: #ddd; }
footer img { float: right; }

/* Bande inférieure du pied de page - HTML spécifique */
#bande {
	background-image: linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: -o-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: -moz-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: -webkit-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: -ms-linear-gradient(top, #CCCCCC 25%, #CCCCCC 75%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.25, #CCCCCC),color-stop(0.75, #CCCCCC));
	background-color: #CCCCCC;
	border-top: 2px solid #CCCCCC;
	height: 10px;
}
.interne.credits { position:initial; clear:both; }
div.credits { font-size: 0.85em; }
div.credits p { float: left; color: #333333; margin: 4px 0 5px; }
div.credits a { color: #333333; text-decoration:underline; }



/* BLOC DU CONTENU PRINCIPAL - MAIN CONTENT */
#page_container {
	width:990px; margin:0px auto; background:#fff; min-height: 100%;
	-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #181a2f;
}



/* MENUS & NAVIGATION */
.elgg-menu-item-report-this { margin-left:10px; margin-top:5px; }
/* Eviter les recouvrements par le menu des entités */
.elgg-menu-entity { height:auto; text-align: center; max-width: 70%; }
nav ul li, #transverse ul li { list-style-type: none; }
ul.elgg-list li.elgg-item ul.elgg-menu { font-size: 0.75em; }
ul.elgg-list li.elgg-item ul.elgg-menu li.elgg-menu-item-one { width: 40px; }
ul.elgg-list li.elgg-item ul.elgg-menu li.elgg-menu-item-date { width: 60px; }
ul.elgg-list li.elgg-item ul.elgg-menu li.elgg-menu-item-members { width: 90px; }
ul.elgg-list li.elgg-item ul.elgg-menu li.elgg-menu-item-members a { color: rgb(168,84,158); }
ul.elgg-list li.elgg-item ul.elgg-menu li.elgg-menu-item-membership { width: 50px; }

.profile-content-menu a { border-radius: 0; }
/* Menus différenciés : navigation secondaire */
.elgg-menu-page .elgg-menu-item-groups-all a, 
.elgg-menu-page .elgg-menu-item-groups-member a, 
.elgg-menu-page .elgg-menu-item-groups-owned a, 
.elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a, 
.elgg-menu-page .elgg-menu-owner-block-categories li a {
	/* font-weight:bold !important; */ font-size:14px; color:rgb(168,84,158);
}

.elgg-menu-page .elgg-menu-item-groups-all a:hover, .elgg-menu-page .elgg-menu-item-groups-all a:focus, .elgg-menu-page .elgg-menu-item-groups-all a:active, .elgg-menu-page .elgg-menu-item-groups-all.elgg-state-selected > a,
.elgg-menu-page .elgg-menu-item-groups-member a:hover, .elgg-menu-page .elgg-menu-item-groups-member a:focus, .elgg-menu-page .elgg-menu-item-groups-member a:active, .elgg-menu-page .elgg-menu-item-groups-member.elgg-state-selected > a,
.elgg-menu-page .elgg-menu-item-groups-owned a:hover, .elgg-menu-page .elgg-menu-item-groups-owned a:focus, .elgg-menu-page .elgg-menu-item-groups-owned a:active, .elgg-menu-page .elgg-menu-item-groups-owned.elgg-state-selected > a, 
.elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a:hover, .elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a:focus, .elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites a:active, .elgg-sidebar .elgg-menu-page li.elgg-menu-item-groups-user-invites.elgg-state-selected > a, 
/*
.elgg-sidebar .elgg-menu-groups-my-status li a:hover, .elgg-sidebar .elgg-menu-groups-my-status li a:focus, .elgg-sidebar .elgg-menu-groups-my-status li a:active, .elgg-sidebar .elgg-menu-groups-my-status li.elgg-state-selected > a, 
*/
.elgg-menu-owner-block-categories li a:hover, .elgg-menu-owner-block-categories li a:focus, .elgg-menu-owner-block-categories li a:active, .elgg-menu-owner-block-categories li.elgg-state-selected > a 
{
	background-color: rgb(168,84,158); color: white;
	border-radius:0;
}

/* Menus différenciés : navigation complémentaire */
.elgg-menu-page a { font-weight:normal; font-size:14px; }
.elgg-menu-page a:hover, 
.elgg-menu-page a:focus, 
.elgg-menu-page a:active, 
.elgg-menu-page .elgg-state-selected a,
.elgg-menu-page .elgg-state-selected a:hover, 
.elgg-menu-page .elgg-state-selected a:focus, 
.elgg-menu-page .elgg-state-selected a:active {
	text-decoration: none;
	background-color:rgb(168,84,158);
	color: #FFF !important;
	text-decoration: none;
}

.elgg-sidebar ul.elgg-menu-page > li { border-bottom:0px solid #CCCCCC !important; }
/* Evite que le texte alternatif casse la mise en forme si l'image ne s'affiche pas.. */
.elgg-sidebar .elgg-head .elgg-image { max-width: 60px; overflow: hidden; }

.calendar-navigation { margin:0 0 16px 0; }
.calendar-navigation a {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding: 2px 6px; border: 1px solid rgb(168,84,158);
	color: rgb(168,84,158);
	font-size: 0.85em;
}

.elgg-pagination a, .elgg-pagination span { display: inline-block; margin-bottom: 1px; }
.elgg-pagination-limit { margin-top:0; }
.elgg-pagination.elgg-pagination-limit li { margin-right:0; }
.elgg-pagination.elgg-pagination-limit a { border-color:transparent; font-size:0.85em; padding:2px 4px 2px 0; }
.elgg-pagination.elgg-pagination-limit a:hover, .elgg-pagination.elgg-pagination-limit a:focus, .elgg-pagination.elgg-pagination-limit a:active { background-color:transparent; border-color:transparent; }
.elgg-pagination-limit .elgg-state-selected span { font-weight:bold; border-color:transparent; }



/* BLOCS SPECIFIQUES : CONNEXION, etc. - MAIN BLOCKS : LOGIN, etc. */
#login-dropdown { position: absolute; top:110px; right:0; z-index: 100; margin-right:10px; }
/* Page de connexion et d'inscription */
.adf-strongseparator { border: 1px solid #CCCCCC; clear:both; margin:12px auto; }
.adf-lightseparator { border: 1px solid white; clear:both; margin:16px auto; }

#adf-public-col1 { float:left; width:50%; }
#adf-public-col2 { float:right; width:44%; }

#adf-homepage { margin-top:30px; }
#adf-homepage p { font-size:14px; margin-top:0; margin-bottom:8px; }
#adf-homepage .elgg-form-register { font-size:13px; margin-top:0; margin-bottom:8px; }
#adf-homepage a, #adf-homepage a:visited { color:rgb(168,84,158); }
#adf-homepage a:hover, #adf-homepage a:active, #adf-homepage a:focus { color:red; }
#adf-homepage .elgg-form { background:transparent; }
#adf-homepage h2 { font-size:20px; font-weight:normal; }

#adf-homepage label { width:130px; float:left; margin:0 30px 16px 0; clear:both; text-align:right; }
#adf-homepage input[type='text'], 
#adf-homepage input[type='password'], 
#adf-homepage select { width:auto; min-width:200px; float:left; margin-bottom:16px; }

#adf-homepage form.elgg-form { width:100%; padding:0; }

#adf-loginbox { border:1px solid #CCCCCC; padding:10px 20px; margin-top:30px; background:#F6F6F6; }
#adf-loginbox form { margin:0; padding:0; }

#adf-homepage #adf-persistent { width:280px; float:right; margin:0; position:relative; top:-16px; }
#adf-homepage #adf-persistent label { width:auto; float:left; margin:0; margin-left:-5px; }

#adf-homepage input[type='submit'], 
.adf-lostpassword-link { margin-left:160px; }
#adf-homepage .elgg-form-register input[type='submit'] { margin-left:150px; }

#adf-homepage .adf-lostpassword-link { position:relative; top:-16px; margin-left:168px; }

#adf-homepage ul { list-style-type: square; }
#adf-homepage ul li { margin-bottom:8px; }
#adf-homepage .elgg-form-register fieldset > div, #adf-homepage .elgg-form-register .mandatory { clear: both; }
#adf-homepage .profile_manager_register_category { margin: 15px 0 15px 0 !important; }
#adf-homepage .captcha-left { display:inline-block; }

select#custom_profile_fields_custom_profile_type { margin-bottom: 0.5ex; }
#adf-homepage .register-fullwidth { clear:both; }
#adf-homepage .register-fullwidth label { width:auto; }
#profile_manager_register_left { width:100%; }
.profile_manager_register_input_container { display:inline-block; }
#profile_manager_profile_edit_tabs { clear: both; }
.custom_profile_type_description { float: left; margin-left: 1ex; }
#widget_profile_completeness_progress_bar { background: #090; }

/* FORMULAIRES - FORMS */
/* Aide event_calendar form */
.elgg-form-event-calendar-edit .description { font-style:italic; font-size:0.90em; }
.event-calendar-edit-form-block { width: auto; }
/*
.event-calendar-edit-form { background: transparent; }
.event-calendar-edit-form-block { background-color: transparent; border: 0; }
*/

.elgg-form-groups-find input[type='text'] { width:250px; }
.elgg-form-groups-find input.elgg-button-submit { vertical-align:20%; margin:0; }
/* New integrated in-group search */
.elgg-sidebar .elgg-form.elgg-form-groups-search { border: 0; background: white; padding: 0; margin-bottom: 20px; width:100%; }
.elgg-form.elgg-form-groups-search #q { height:24px; width:84%; border:0; margin:0; }
.groups-search-submit-button { height:24px; width:auto; border:1px solid grey; vertical-align: top; float:right; border:0; background-color:#ccc; padding:5px 7px 5px 8px; }
.groups-search-submit-button:hover, .groups-search-submit-button:active, .groups-search-submit-button:focus { background-color:#999; }


/* WIDGETS */
.elgg-module-widget:hover, .elgg-module-widget:focus, .elgg-module-widget:active { background-color: transparent; }
/* Widgets - à corriger pour utiliser les classes du framework Elgg */
section div.module {
	background: url("http://reseau.fing.org/mod/adf_public_platform/img/theme/ombre-module.png") no-repeat scroll left 5px transparent;
	width: 300px; /* Imposé par l'image de fond, mais bloque les mises en page fluides */
	float: left;
	margin: 20px -1px 0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	padding: 0 14px;
}
section div.module header {
	background-image: linear-gradient(top, black 45%, #000000 55%);
	background-image: -o-linear-gradient(top, black 45%, #000000 55%);
	background-image: -moz-linear-gradient(top, black 45%, #000000 55%);
	background-image: -webkit-linear-gradient(top, black 45%, #000000 55%);
	background-image: -ms-linear-gradient(top, black 45%, #000000 55%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.45, black), color-stop(0.55, #000000));
	background-color: #000000;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-top: 0 none;
	min-height: 33px;
}
section div.module header h2 {
	color: #FFFFFF;
	/* float: left; */
	font-family: Lato, sans-serif;
	font-size: 1.25em;
	text-transform: uppercase;
	font-weight: normal;
	max-width:none;
	float:none;
}

/* Suppression des styles du core, qui géraient les flèches en carac spéciaux */
a.elgg-widget-collapse-button,
a.elgg-widget-collapse-button:hover,
a.elgg-widget-collapse-button:focus,
a.elgg-widget-collapse-button:active,
a.elgg-widget-collapsed:hover,
a.elgg-widget-collapsed:focus,
a.elgg-widget-collapsed:active {
	color: transparent;
}
a.elgg-widget-collapse-button:before { content: ""; }
a.elgg-widget-collapsed:before { content: ""; }
a.elgg-widget-edit-button { right: 12px; }

div.elgg-widgets div.elgg-body { font-size: 0.90em; }
.elgg-module .elgg-body, .elgg-module .elgg-content, .elgg-module .elgg-river-summary { font-size:14px; }
.elgg-module .entity_title { font-size:16px; }
.elgg-widget-instance-event_calendar p { font-size: 1.3em; }


/* Contenu des modules */
section div.module header ul { float: right; margin: 8px 10px 0 6px; }

/* Boutons des widgets */
section div.module header ul li a { float: left; margin-left: 6px; margin:0; right: auto; }
.elgg-menu-widget button { outline: none; border: 0; background: transparent; margin-left: 0.5ex; color: #FFFFFF; }


section div.module div.activites { background-color: #fff; float: left; padding-top: 5px; width: 300px; }
section div.module div.activites h3 { margin: 5px 7px; font-size: 1.1em; color: #333333; float: left; font-size: 1em; }
section div.module div.activites ul li { padding-bottom: 1px; margin: 0px 4px 1px 0; }
section div.module div.activites ul li div span { color: #666; font-style: italic; }

/* Widgets activité des groupes */
section div.elgg-widget-instance-group_activity div.elgg-body.activites, 
section div.elgg-widget-instance-group_activity div.elgg-body.activites .elgg-widget-content { padding:0; }
section div.module div.activites .elgg-widget-content .widget-title-details.group-widget a {
	padding:0 14px; 
	background:#000000;
	/* margin-top:-8px; */
}
section div.module div.activites .elgg-widget-content .widget-title-details.group-widget a {
	color:white;display:block;
	font-family: Lato, sans-serif;
	font-size:14px;
}
.widget-group-content { padding: 0 10px 10px 10px; }





/* Thème ADF - Urbilog => Styles à classer et réorganiser */

/* Afficher/masquer les commentaires inline */
a.ouvrir { float: right; padding: 0 4px 0 0; clear:both; }
/* Infos dépliables */
section div.module div.plus { clear:both; padding-top:2px; }
.elgg-item .plus { clear:both; }

section article.fichier div.activites ul li a { float: left; font-size: 0.9em; font-weight: bold; width: 245px; }
section article.fichier div.activites ul li span { color: #666; float: left; font-size: 0.75em; font-style: italic; margin-top: 2px; width: 245px; margin-bottom: 5px; }
section article.fichier div.activites ul li span a { float: none; font-size: 1em; font-weight: normal; }



.elgg-river-attachments, .elgg-river-message, .elgg-river-content { border-left: 1px solid #666; color: #666; font-size: 0.85em; clear:left; }

/* Rendu des listes */
ul.elgg-list li.elgg-item div.elgg-image a img { margin-right: 5px; }
ul.elgg-list li.elgg-item div.elgg-body div.entity_title a:hover, 
ul.elgg-list li.elgg-item div.elgg-body div.entity_title a:focus, 
ul.elgg-list li.elgg-item div.elgg-body div.entity_title a:active { color: #333333; }


div.entetes-tri ul {
	float: left; width: 717px; margin: 10px 0; padding: 5px 0;
	background: #f6f6f6; color: #000; font-size: 0.75em; text-align: center;
}
div.entetes-tri ul li { float: left; margin-left: 10px; }
div.entetes-tri ul li a { color: #000; }
div.entetes-tri ul li a:hover, 
div.entetes-tri ul li a:focus, 
div.entetes-tri ul li a:active { color: #333333; }
div.entetes-tri ul li a img { float: right; }
div.entetes-tri ul li.elgg-date { margin-left: 385px; width: 70px; }
div.entetes-tri ul li.elgg-annuaire { width: 80px; }
div.entetes-tri ul li.e.elgg-module .elgg-body .mts { float: left; clear: left; font-size: 0.9em; }lgg-acces { width: 60px; }



/* Ajouts à répartir dans les bons fichiers */
.groups-profile { font-size: 0.85em; border-bottom: 1px solid #CCCCCC; }
.groups-stats { background:none; }
.groups-profile-fields .odd, .groups-profile-fields .even { background:none; }
.elgg-output ul { color: #333333; }
.elgg-river > li:last-child { border-bottom: 0 none; }

/* Messages are now conversations, let's style this a little */
.message.unread a { color: rgb(168,84,158); font-weight:bold; }
.messages-owner { width: 26%; margin-right: 2%; }
.messages-subject { width: 55%; margin-right: 2%; }
.messages-timestamp { width: 8%; margin-right: 2%; }
.messages-delete { width: 5%; }
.elgg-item.selected-message { opacity:1; }
.message-item-toggle { text-align: center; padding: 4px; display: block; background: #eee; }
.elgg-item-message .message-content { width: 96%; padding: 0 0.5%; display:none; padding-bottom: 16px; padding-top: 4px; }
.elgg-item-message .message-content.selected-message { display:block; }
.message-sent .message-content { opacity: 1; }
.message-inbox .message-content {	}
.message-sent .message-content { margin-left:3%; background: #EEE; }


/* Mes paramètres */
.elgg-form-usersettings-save .elgg-body { padding-bottom: 10px; }
.elgg-form-usersettings-save .elgg-body input[type=text], .elgg-form-usersettings-save .elgg-body textarea { background: #f6f6f6; }




/* Brainstorm - Doit venir en surcharge pour éviter de modifier CSS du plugin */
.brainstorm-list .idea-content .entity_title { clear:none; padding-top:2px; margin-bottom:6px; }
.brainstorm-list .idea-content .elgg-subtext { float:left; clear:none; }
.brainstorm-list .idea-content.mts div.elgg-content { clear:both; }
.elgg-module-group-brainstorm .idea-content.mts { margin:0; width:240px; clear:none; }
.elgg-widget-instance-brainstorm .elgg-item-idea div.entity_title { width:240px; }
.elgg-widget-instance-brainstorm .elgg-item-idea div.entity_title a { font-weight:normal; }


/* Friendspicker */
#notificationstable td.namefield p.namefieldlink { vertical-align:30%; display:inline; }


#user-avatar-cropper { float: left; }


.firststeps { background:white; padding:4px 8px; margin-bottom:30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family:Lato, Arial, sans-serif; }



/* Evite débordements du texte alternatif si image non affichée */
.elgg-widget-content .elgg-image { max-width: 40%; overflow: hidden; }

/* Alertes et messages d'erreur */
.elgg-system-messages { max-width: 500px; position: absolute; left: 20px; top: 24px; z-index: 2000; background:transparent; }
.elgg-message { box-shadow: 1px 2px 5px #000000; font-size: 120%; padding: 3px 10px; /* background:white; */ }
.elgg-state-success { background-color: #00FF00; }

/* Navigation archives des blogs */
.blog-archives li { clear: left; font-weight: bold; padding: 0 0 4px 0; }
.pages-nav li { clear: left; }


/* Agenda à côté et non sous la liste d'événements */
#event_list, #event_list table { width: 100%; }
.elgg-image .date, .elgg-module-group-event-calendar p.date, .elgg-widget-instance-event_calendar p.date { background: white; width: 9ex; padding: 1px; text-align: center; background:rgb(168,84,158); color: white; line-height: 130%; font-size: 90%; }
.elgg-image .date span { font-size: 2em; display: block; font-weight: bold; background: white; color: rgb(168,84,158); padding: 4px 0; }


/* Formulaires : boutons radios verticaux, mais sans casser les groupes (mal construits avec les labels..) */
/* Pas génial, ça casse beaucoup de choses.. mieux vaut corriger ponctuellement le rendu lorsqu'on veut avoir un radio par ligne.
.elgg-vertical label { float: left; clear: left; }
.elgg-form-groups-edit .elgg-vertical label { float: none; clear: none; }
*/


/* Editeur tinymce */
.elgg-longtext-control { font-size: 11px; padding: 1px 5px; margin-left: 3px; border:1px solid transparent; border-radius: 3px; }
.elgg-longtext-control:hover, .elgg-longtext-control:active, .elgg-longtext-control:focus { text-decoration: none; background-color: #e5e7f5; border-color: rgb(168,84,158); }
.mceEditor iframe { min-height: 250px; }
.elgg-form-comments-add .mceEditor iframe { min-height: 100px; }
/* Limit editor max-width to container */
textarea, iframe, .defaultSkin tbody, .defaultSkin * { max-width: 100% !important; }

/* Champs longtext avec éditeur désactivé par défaut */
textarea, .elgg-input-rawtext { width:100%; }
/* Sélecteur de visibilité des champs du profil */
.elgg-input-field-access { margin-bottom: 1ex; margin-left: 0.5ex; display: inline-block; }
form .elgg-input-field-access label { font-size:80%; font-weight:normal; }


/* Pour intégration d'une vue complétion du profil sous l'ownerblock du profil */
#profile_completeness_container { background: none repeat scroll 0 0 #EEEEEE; border-top: 1px solid white; width: 200px; padding: 15px; float: left; clear: left; }
#profile_completeness_progress { width: 200px; line-height: 18px; position: absolute; border: 1px solid black; text-align: center; font-weight: bold; }

/* Menu édition des sous-groupes (saute à droite sous Firefox) */
.elgg-form.elgg-form-alt.elgg-form-groups-edit { width:96%; }
/* Deprecated by au_subgroups/group/transfer view replacement (remove div)
.elgg-form.elgg-form-alt.elgg-form-groups-edit + div { clear: both; margin: 40px 0 0; padding: 0; }
*/
.au-subgroups-result-col { width: auto; }
.au-subgroups-search-results { float:none; width: auto; }


/* Agencement fluide des blocs dans les groupes */
.groups-profile-icon .au_subgroups_group_icon-large { height: auto; }
.elgg-gallery-fluid > li { float: right; }
#groups-tools > li.odd { float: left; }
#groups-tools > li { margin-bottom: 20px; min-height: 100px; width: 50%; min-width: 300px; display:inline-block; }

#groups-tools > li:nth-child(2n+1) { margin-right: 0; margin-left: 0; }
#groups-tools > li:nth-child(2n) { margin-right: 0; margin-left: 0; }

.groups-members-count { float: right; }

/* Anciens groupes */
.group-oldactivity { border:1px dotted black; background:yellow; padding:1ex 3ex; margin: 1ex 0; text-align:center; }
.group-oldactivity { display:block; left:0; position: absolute; top:0; width: 100%; text-align:center; border:0; color:black; }
.group-oldactivity-tiny { background: rgba(255,255,0,0.6); font-size: 6px; padding: 2px 0px; }
.group-oldactivity-small { background: rgba(255,255,0,0.8); font-size: 8px; padding: 3px 1px; }
.group-oldactivity-medium { background: rgba(255,255,0,0.8); font-size: 10px; padding: 3px 1px; }

.group-archive { border:1px dotted black; background:rgba(0,0,0,0.8); color:white; padding:1ex 3ex; margin: 1ex 0; text-align:center; }
.group-archive { display:block; left:0; position: absolute; top:0; width: 100%; text-align:center; border:0; color:white; }
.group-archive-tiny { background: rgba(0,0,0,1); color:white; font-size: 6px; padding: 2px 0px; }
.group-archive-small { background: rgba(0,0,0,1); color:white; font-size: 8px; padding: 3px 1px; }
.group-archive-medium { background: rgba(0,0,0,1); color:white; font-size: 10px; padding: 3px 1px; }

.elgg-avatar > .elgg-icon-hover-menu { z-index: 100; } /* Display menu toggler over statuses */

/* Statuts compte utilisateur : Archive (bannière compte archivé), Pas de mail associé au compte */
.profiletype-status { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; border: 3px solid transparent; width: 200px; height: 200px; z-index: 13; background: rgba(0,0,0,0.2); }
.profiletype-status-closed { position: absolute; width: 200px; height: 80px; line-height: 60px; margin: 70px 0; text-align: center; background: rgba(0,0,0,0.6); font-size: 1.5rem; font-weight: bold; text-transform: uppercase; color: white; }
.profiletype-status-no-mail { position: absolute; bottom: 0; left:0; width: 200px; height: 80px; line-height: 60px; margin: 70px 0; text-align: center; background: rgba(0,0,0,0.6); font-size: 1.5rem; font-weight: bold; text-transform: uppercase; color: white; }

/* Medium */
.elgg-avatar-medium .profiletype-status { position: absolute; border: 1px solid transparent; width: 100px; height: auto; z-index: 13; background: rgba(0,0,0,0.2); }
.elgg-avatar-medium .profiletype-status-closed { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0 0; text-align: center; background: rgba(0,0,0,0.6); font-size: 1rem; font-weight: bold; text-transform: uppercase; color: white !important; }
.elgg-avatar-medium .profiletype-status-no-mail { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0; text-align: center; background: rgba(255,0,0,0.6); font-size: 1rem; font-weight: bold; text-transform: uppercase; color: white !important; }

/* Small */
.elgg-avatar-small .profiletype-status { position: absolute; border: 1px solid transparent; width: 40px; height: auto; z-index: 13; background: rgba(0,0,0,0.2); }
.elgg-avatar-small .profiletype-status-closed { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0 0; text-align: center; background: rgba(0,0,0,0.6); font-size: 0.7rem; font-weight: bold; text-transform: initial; color: white !important; }
.elgg-avatar-small .profiletype-status-no-mail { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0; text-align: center; background: rgba(255,0,0,0.6); font-size: 0.7rem; font-weight: bold; text-transform: initial; color: white !important; }

/* Tiny */
.elgg-avatar-tiny .profiletype-status { position: absolute; border: 1px solid transparent; width: 25px; height: auto; z-index: 13; background: rgba(0,0,0,0.2); }
.elgg-avatar-tiny .profiletype-status-closed { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0 0; text-align: center; background: rgba(0,0,0,0.6); font-size: 0.5rem; font-weight: normal; text-transform: initial; color: white !important; }
.elgg-avatar-tiny .profiletype-status-no-mail { position: absolute; width: 100%; height: auto; line-height: 1; margin: 0; text-align: center; background: rgba(255,0,0,0.6); font-size: 0.5rem; font-weight: bold; text-transform: initial; color: white !important; }


/* Generic useful classes */
.no-spaces { border: 0 none !important; margin: 0 !important; padding: 0 !important; }

/* Accordion styles */
.ui-icon.ui-icon-triangle-1-s, .ui-icon.ui-icon-triangle-1-e { float: left; margin-right: 6px; }
#custom_fields_userdetails .ui-accordion-header { padding: 0.3em 0 0.3em 1.8em; }
#custom_fields_userdetails .ui-accordion-header .ui-icon { margin-top:0.5em; top:0; }

/* Semantic UI adjustments */
i.icon, i.icon:hover, i.icon:focus, i.icon:active { text-decoration:none; }

/* Effets de survol */
/*
.elgg-module-widget, .elgg-module-group { opacity: 0.8; }
.elgg-module-widget:hover, .elgg-module-widget:active, .elgg-module-widget:focus, 
.elgg-module-group:hover, .elgg-module-group:active, .elgg-module-group:focus { opacity: 1; }
*/
.elgg-item { opacity: 0.75; }
.elgg-item .elgg-item { opacity: 1; } /* Don't double the effect */
.elgg-item:hover, .elgg-item:active, .elgg-item:focus { opacity: 1; }
.elgg-list-river > li:hover { background-color: #F9F9F9; }

/* Autocomplete content : le menu n'est pas utile */
.elgg-autocomplete-item .elgg-menu { max-width: 40%; display:none; }

/* Members alpha sort and search */
.esope-alpha-char a { font-family: Puritan, sans-serif; text-decoration: none; margin: 0 0.2em; }

/* Header nav icons (using semantic UI or awesome fonts) */
header nav ul li#msg a, header nav ul li#man a { background:transparent; padding:0; }


/* Menu fixé en haut lors du scrolling */
.floating { position: fixed !important; z-index: 101; }
/*
header .floating { background:black; width:100%; top:0; height:30px; overflow:hidden; z-index:102; }
*/
header .floating { background:#CCCCCC; width:100%; top:0; height:30px; border-top: 5px solid #333333; padding-top: 2px; overflow:hidden; z-index:102; }
#transverse.floating { margin-top: 32px; }

/* ESOPE search */
#esope-search-form { padding: 15px 0px; }
.esope-search-metadata { float: left; margin-right: 1em; }
#esope-search-form select { width: 7em; margin-left: 0.5em; }
.esope-search-fulltext { width: 80%; float: left; }
#esope-search-form input[type="text"] { max-width: 70%; margin-left: 1em; }
.esope-search-metadata-select select { max-width: 100%; }
.elgg-button-livesearch { float: right; }
.esope-results-count { font-size: 0.8em; color: #808080; }

/* Main search - advanced */
#advanced-search-form { border: 1px dotted #CCC; padding: 6px; margin: 6px 0; background: #FAFAFA; }
#advanced-search-form legend { font-weight: bold; margin-bottom:6px; }
#advanced-search-form input { width:50ex; max-width: 70%; }
#advanced-search-form input.elgg-button-submit { max-width: 20ex; }
#advanced-search-form input.elgg-input-date { max-width: 12ex; }


/* Folders */
#file_tools_list_tree_container { max-width: 100%; padding:0; }
#file_tools_list_tree_container li { max-width: 95%; }
#file_tools_list_tree_container .tree li a, #file_tools_list_tree_container .tree li span { height:auto; white-space: normal; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }


/* Group topmenu */
.elgg-menu-group-topmenu { background-color: rgb(129,49,121); padding: 0 1ex; border-radius: 10px 10px 0 0; }
.elgg-menu-group-topmenu li a { color: white; opacity:0.8; padding: 1ex; }
.elgg-menu-group-topmenu li a:hover, .elgg-menu-group-topmenu li a:active, .elgg-menu-group-topmenu li a:focus, .elgg-menu-group-topmenu li.elgg-state-selected a { text-decoration:none; opacity:1; }

/* Color picker */
.elgg-color-picker { max-width:45%; }

/* Newsletter */
.elgg-menu-newsletter-steps { counter-reset:li; }
.elgg-menu-newsletter-steps li::before { content:counter(li); counter-increment:li; display:inline-block; position:absolute; font-weight: bold; padding: 5px 5px 6px 5px; background:white; border-radius:10px; padding: 2px 6px; text-indent: 0px; margin: 4px 6px; left:0ex; }
.elgg-sidebar .elgg-module-aside .elgg-body ul.elgg-menu-newsletter-steps li { clear:left; width:100%; text-indent:4ex; }


/* Group tools homepage publication */
#group-tool-tabs { margin-bottom:2ex; }
#group-tool-tabs .group-tool-tab { display:inline-block; text-align: center; padding: 0.5ex 3ex; color:rgb(168,84,158); }
#group-tool-tabs .group-tool-tab .fa { font-size: 3em; }
#group-tool-tabs .group-tool-tab.elgg-state-selected, #group-tool-tabs .group-tool-tab:hover { background-color:rgb(168,84,158); color:white; }

#autorefresh-menu { margin: 0.5ex 0; padding: 1ex 3ex; border: 1px dotted; background: #efefef; }
#loader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000;
	background: rgba(0,0,0,0.2); color: #FFF; text-shadow: 0px 1px 2px #000;
	text-align: center; font-size: 10ex; padding-top:5ex;
}

/* Responsive menu */
.menu-topbar-toggle, .menu-navigation-toggle, .menu-sidebar-toggle { display:none; font-weight:bold; padding: 0 0 0.5ex 0; width:100%; font-size:24px; }
.menu-sidebar-toggle { text-align: right; }


/* Font Awesome */
/* Use FA without i or other empty tags
 - see http://dusted.codes/making-font-awesome-awesome-using-icons-without-i-tags
 - and also the class*= tip from http://www.weloveiconfonts.com/
 Note : this method allows to strip off all "fa" class, 
        but take care to fa-fw which should become fa-fw::before to avoid any problem with containing block
 */
.icon::before, [class*="fa-"]:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: .5em;
	transform: translate(0, 0);
}
/* No more useful 
header nav ul .fa { margin-right: 0.5em; }
*/
/* Extra class for easier scale 1 stacking */
.fa-stack-half { font-size: 0.5em; }
/* Quick effect on hover */
.fa:hover, a:hover .fa, a:hover [class*="fa-"]:before, [class*="fa-"]:hover:before { transform: rotateY(360deg); transition-duration: 0.5s; transition-property: transform; }

#main-search button#adf-search-submit-button { height: 100%; border: 0; padding: 0 0.5ex 0 1ex; color: white; border-radius: 0 8px 8px 0; /* background-color:rgb(168,84,158); */ }
#main-search button#adf-search-submit-button:hover, #main-search button#adf-search-submit-button:active, #main-search button#adf-search-submit-button:focus { color:white; background-color:rgb(129,49,121); }

/* Group invites */
/* Group invites */
form#invite_to_group .elgg-foot { border-top: 0; border-bottom: 1px solid #CCC; }
form#esope-search-form-invite-groups, form#esope-search-form-invite-results { margin: 0; }
form#esope-search-form-invite-groups .esope-search-metadata { width: 26ex; }



/* SECTION RESPONSIVE DESIGN */

/* Pour la fluidité en général */
.elgg-page-default { min-width:200px; max-width:100%; }
.elgg-layout-one-sidebar .elgg-main { width: 70%; min-width: 0; padding:1.5%; }
.elgg-sidebar { width: 24%; min-width: 211px; margin:0 0 0 1%; }
.elgg-sidebar ul.elgg-menu-page, elgg-sidebar ul.elgg-menu-groups-my-status { width:100%; }
.elgg-sidebar-alt { width: 24%; min-width: 211px; margin:0 1% 0 0; padding:0; }
.elgg-layout-two-sidebar .elgg-main { width: 48%; padding:13px 1%; }
.elgg-layout-two-sidebar .elgg-sidebar {  }
.elgg-layout-two-sidebar .elgg-sidebar_alt {  }
/* Menus */
#transverse nav ul { width:auto; }
/* Largeur de page standard */
.interne { min-width:200px; width:auto; max-width:80%; }
/* Quand on utilise les widgets */
.elgg-widgets { min-width:200px; }
section div.module { width: 94%; padding: 3%; background-size:100%; }
section div.module { min-width:180px; }
section div.module div.activites { width:auto; }
section div.module footer { background-size: 100%; }
/* Listing et river */
.elgg-module-info .elgg-image-block .elgg-body .elgg-river-summary { width:auto; }


@media (max-width:1225px) {
	.interne { max-width:980px; }
}

@media (max-width:980px) {
	.interne { max-width:98%; }
	.elgg-page-default { min-width:200px; max-width:100%; }
	.elgg-sidebar { min-width: 50px; width: 26%; margin:0 0 0 0; }
	.elgg-layout-one-sidebar .elgg-main { min-width: 140px; width: 70%; padding:1%; }
}



@media (max-width:700px) {
	
	/* Top menu */
	header { min-height:3ex; height:auto !important; background-color: #000000; }
	header .interne { margin:0; }
	header h1 { float:right; margin-top:0; }
	header nav { float:none; width:100%; position:initial; display:inline-block; }
	header .profile-link { display:inline-block; }
	header .adf-profil { position:initial; }
	.menu-topbar-toggle { display:inline-block; }
	#menu-topbar { display:none; }
	header nav ul#menu-topbar { padding-left:30px; font-size:initial; }
	header nav ul li, header nav ul li li { width:100%; margin-left:0; font-size:100%; line-height: 2; border-right:0; border-top: 1px solid #FFF; border-top: 1px solid #ccc; }
	header nav ul li a, header nav ul li li a,
	header nav #menu-topbar li a, header nav #menu-topbar li li a { width:100%; display:inline-block; padding-left:0; padding-right:0; font-size:initial;  }
	header nav ul li.invites { max-width: 5ex; position: absolute; right: 1ex; border: 0 !important; margin: 0 0 !important; text-align: center; display: inline; text-indent: 0; z-index:2; font-size:initial; }
	header nav ul li.invites a { padding: 0; margin: 2px 0; }
	.menu-enabled #menu-topbar { display:block; }
	
	
	/* Navigation menu */
	#transverse .interne { max-width:100%; margin:0; }
	#transverse .interne nav { float:none; width:100%; display:inline-block; }
	.menu-navigation-toggle { display:inline-block; }
	#menu-navigation { display:none; }
	#transverse nav ul#menu-navigation { padding-left:30px; font-size:initial; }
	#transverse nav ul li { width:100%; display:inline-block; border-left:0; border-right:0; border-top: 1px solid #FFF; border-bottom: 1px solid #ccc; font-size:100%; }
	#transverse nav ul li a { width:100%; padding-left:0; padding-right:0; background: transparent; }
	#transverse nav ul li li { width:100%; display:inline-block; border-left:0; border-right:0; border-top: 1px solid #FFF; border-bottom: 1px solid #ccc; font-size:90%; text-indent: 3ex; }
	#transverse nav ul li li a { width:100%; padding-left:0; padding-right:0;  }
	#transverse nav ul li ul { width: 100% !important; position:initial; top:0; left:0; }
	.menu-enabled #menu-navigation { display:block; }
	
	/* Sidebar */
	.menu-sidebar-toggle { display:inline-block; }
	.elgg-sidebar { display:none; }
	.elgg-sidebar * { min-width:0; }
	.elgg-sidebar.sidebar-enabled { display:block; }
	
	/* Generic rules */
	body { font-size:120%; }
	.floating { position: initial !important; }
	.elgg-page .elgg-breadcrumbs { font-size: small; margin-bottom: 1ex; display: inline-block; top:0; left:0; }
	.elgg-button { font-size: large; }
	
	/* Common tools */
	#feedBackToggler { bottom: 0; transform: rotate(90deg); transform-origin: bottom right; }
	.elgg-page #groupchat-sitelink { position:initial; display: inline-block; border: 0; border-radius: 0; margin: 0; padding: 1ex; border: 0; width:100%; }
	.twitter-timeline { width: 100% !important; }
	
	/* Recherche */
	form#main-search { float: none; display: inline-block; margin: 1ex 0; width:100%; background:white; border-radius: 0; box-shadow: none; }
	form#main-search #adf-search-input { width: 94%; border-radius: 0; }
	#main-search #adf-search-submit-button { border-radius: 0; }
	#main-search button#adf-search-submit-button { width: 6%; border-radius: 0; }
	
	/* Layout */
	header, #transverse, section, footer, #bande { float: none; clear: both; margin:0; padding: 1ex 0; display: inline-block; }
	.elgg-page .elgg-layout .elgg-main { width:100%; margin: 1ex 0 2ex 0 !important; padding: 0 !important; }
	.elgg-page .elgg-layout .elgg-sidebar { width: 100%; background:rgba(0,0,0,0.3); box-shadow: 0px 3px 3px -2px #666; margin: 1ex 0 2ex 0 !important; padding: 0 !important; }
	
	.elgg-col-1of3, .elgg-col-2of3, .elgg-col-3of3 { min-width: 100%; }
	.elgg-page .elgg-widgets { min-width: 100%; min-height: 0 !important; }
	
	/* Groups */
	.groups-profile-fields { width: 100%; }
	ul#groups-tools > li { width: 100% !important; max-width: 100% !important; float: none; }
	
	/* Home */
	.home-static-container { min-width: 100%; margin: 2ex 0 3ex 0 !important; padding: 0 !important; }
	.home-static { min-width: 100%; box-shadow: 0px 3px 3px -2px #666; margin: 1ex 0 2ex 0 !important; padding: 0 !important; }
	.timeline-event, .home-timeline .timeline-event { width: 100%; }
	
	/* Public Home */
	#adf-homepage #adf-public-col1, #adf-homepage #adf-public-col2 { float: none; width: 100%; }
	#adf-public-col2 { padding-top: 3ex; clear: both; }
	#adf-homepage input[type='text'], #adf-homepage input[type='password'], #adf-homepage select { min-width: 0; }
	
	/* Footer */
	#site-footer { margin-bottom: 1ex; padding-bottom: 1ex; }
	#site-footer ul li { clear: both; width: 100%; margin: 0 !important; background: none; font-size: initial; padding-left:0; }
	#site-footer ul li a { padding: 1ex 1ex; display: inline-block; font-size: 120%; }
	div.credits p { float:none !important; }
	
	
}


/*
@media (max-width:700px) {
	.elgg-page-default { min-width:200px; max-width:100%; }
	.elgg-sidebar { width: 100%; margin:0 0 0 0; }
	.elgg-sidebar { height: 70px; overflow: hidden; border-bottom: 3px solid black; }
	.elgg-layout-one-sidebar .elgg-main { width: 100%; padding:1%; }
	#groups-tools > li { width:100%; }
}
*/