/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a i.fa {
	text-decoration: none;
}


/* METRICS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



body, input, label, select {
	font-size: 14px;	
	line-height: 20px;
}

h1 {
	font-size: 28px;
	line-height: 35px;
	padding-top: 15xp;
	padding-bottom: 15px;
}

h2 {
	font-size: 22px;
	line-height: 26px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.top-box h2 {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

h3, legend {
	font-size: 17px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4, dt {
	margin-top: 10px;
	margin-bottom: 5px;
}

#links,#foot {
	font-size: 13px;
	line-height: 19px;
}

.small, label span, legend span {
	font-size: 12px;
	line-height: 16px;
}

input, select, textarea {
	padding: 5px;
}

textarea {
	font-family: inherit;
	font-size: 14px;
}

legend {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

fieldset {
	margin-top: 0px;
}

.fieldset legend {
	font-size: 20px;
	line-height: 26px;
	border-top-width: 0;
}

p {
	padding-top: 5px;
	padding-bottom: 5px;
}

strong {
	font-weight: bold;
}

sup {
	vertical-align: super;
	font-size: 12px;
	line-height: 18px;
}

small {
	font-size: 12px;
	line-height: 18px;
}


sub {
	vertical-align: sub;
	font-size: 12px;
	line-height: 18px;
}

em {
	font-style: italic;
}

.warning h3 {
	color: red;
	font-size: 13px;
	line-height: 18px;
	margin: 20px -5px -2px -5px;
	padding: 5px;
	background-color: rgb(255,200,200);
	background-color: rgba(255,200,200,0.2);
}

.button {
	text-decoration: none;
}

/* useful classes ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#go-to-nav {
	display: none;
}

.break {
	display: block
}

.hide, .hidden {
	display: none !important;
}

div.clearing,br.clearing {
	display: block;
	content: ".";
	clear: both;
	visibility: hidden;
}

.display-inline {
	display: inline !important;
}

.inline {
	display: inline !important;
}

.block {
	display: block !important;
}

.inline-block {
	display: inline-block !important;
}

.strong {
	font-weight: bold !important;
}

ul.list-reset {
	padding-left: 1.5em;		
}

ul.list-reset li {
	list-style-type: circle;
}

blockquote {
	display: block;
	padding: 0;
	margin: 8px 0 0 0;
	text-align: left;
	line-height: 20px;
}

/* OOCSS LIKE /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.
fontSizeSm {
	font-size: 10px;
}

.clearL {
	clear: left;
}

.clearR {
	clear: right;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.alignL {
	text-align: left;
}

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}

.marginTSm,.marginSm {
	margin-top: 10px;
}

.marginBSm,.marginSm {
	margin-bottom: 10px;
}

.marginLSm,.marginSm {
	margin-left: 10px;
}

.marginRSm,.marginSm {
	margin-right: 10px;
}

.marginTLg,.marginLg {
	margin-top: 20px;
}

.marginBLg,.marginLg {
	margin-bottom: 20px;
}

.marginLLg,.marginLg {
	margin-left: 20px;
}

.marginRLg,.marginLg {
	margin-right: 20px;
}

.marginT,.margin {
	margin-top: 10px;
}

.marginB,.margin {
	margin-bottom: 10px;
}

.marginL,.margin {
	margin-left: 10px;
}

.marginR,.margin {
	margin-right: 10px;
}

.paddingTSm,.paddingSm {
	padding-top: 10px;
}

.paddingBSm,.paddingSm {
	padding-bottom: 10px;
}

.paddingLSm,.paddingSm {
	padding-left: 10px;
}

.paddingRSm,.paddingSm {
	padding-right: 10px;
}

.paddingTLg,.paddingLg {
	padding-top: 20px;
}

.paddingBLg,.paddingLg {
	padding-bottom: 20px;
}

.paddingLLg,.paddingLg {
	padding-left: 20px;
}

.paddingRLg,.paddingLg {
	padding-right: 20px;
}

.paddingT,.padding {
	padding-top: 10px;
}

.paddingB,.padding {
	padding-bottom: 10px;
}

.paddingL,.padding {
	padding-left: 10px;
}

.paddingR,.padding {
	padding-right: 10px;
}

ul.innerMarginTSm li,ul.innerMarginSm li {
	margin-top: 10px;
}

ul.innerMarginBSm li,ul.innerMarginSm li {
	margin-bottom: 10px;
}

ul.innerMarginLSm li,ul.innerMarginSm li {
	margin-left: 10px;
}

ul.innerMarginRSm li,ul.innerMarginSm li {
	margin-right: 10px;
}

ul.innerMarginT li,ul.innerMargin li {
	margin-top: 10px;
}

ul.innerMarginB li,ul.innerMargin li {
	margin-bottom: 10px;
}

ul.innerMarginL li,ul.innerMargin li {
	margin-left: 10px;
}

ul.innerMarginR li,ul.innerMargin li {
	margin-right: 10px;
}

#email-reject-message {
	display: none;
}

textarea.error,
textarea.error:focus {
	background-color: rgba(255, 200, 200, 0.2);
}

input.transparent {
	opacity: 0.5;
}
/* LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
}

#wrap {
    position: relative;
    min-height: 100%;
}

#wrap-inner {
    min-height: 100%;
}

div.Page {
    min-height: 100%;
    position: relative;
    /* Atention si on bouge ça ça demande plein d'ajustement manuels sur les chartes */
    /* Cette valeur semble raisonnable, mais à tester - était 65px */
    padding-bottom: 80px;
}

#foot {
    padding-bottom: 8px;
    text-align: center;
}

#foot.sticky {
    position: absolute;
    /* position: relative; */
     bottom: 0; 
 
 
    /* Fix not-centered footer */
   left: 0;
    right: 0;
    
    
    
    /* Dépend du padding-bottom de .Page */
    /* Et si on utilisait des variables ?*/
    height: 80px;
}

#topinfos p {
    margin-top: 0;
    margin-bottom: 0;
}

.ornamented {
    position: absolute;
}

.quick-stat {
    text-align: center;
    padding-top: 5px;
}

#logo {
    top: 0;
    left: 0;
    position: relative;
    min-width: 100px;
    min-height: 10px;
}

.quick-search {
    padding-left: 40px;
}

.quick-search form * {
    display: inline-block;
    max-width: 180px;
}

#account-container {
    display: inline-block;
    float: right;
}

#header-container {
    margin: 0 auto 0 auto;
    position: relative;
}

#toplinks {
    float: left;
}

#links-inner {
    padding: 10px 5px 5px 5px;
}

#links a {
    padding-top: 0;
    padding-bottom: 0;
}

#signup {
    margin-right: 0.6em;
}

#map {
    height: 400px;
}

#map_canvas {
    height: 400px;
}


/* FORMS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input,
textarea {
    display: inline-block;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 8px;
    border-style: inset;
}

input,
select,
textarea,
.button,
.big-select-title {
    border-width: 1px;
    outline: 0px solid rgba(255, 255, 255, 0.8);
}

select,
input[type="submit"],
.button,
.big-select-title {
    padding: 5px 10px;
    width: 100%;
    max-width: 320px;
    display: block;
    margin: 5px auto ;
    border-style: outset;
    white-space: normal;
    outline: 0px solid rgba(255, 255, 255, 0.8);
}
.big-select-title {
    margin: 5px auto 0;
}

.toggle-to-hide {}

input[type='radio'],
input[type='checkbox'] {
    width: auto;
}

form {
    margin: 0 auto;
}


/* BOXES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content-box .content-box-inner {
    padding: 8px;
}


/******* Templating / Home V2 *******/

#content-container {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 99.99% !important;
}

#wrap #content-header {
    margin: 0 auto 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

#wrap #content-body {
    margin: 0 !important;
    padding: 4px !important;
    width: 99.99% !important;
}

#inbody-shrink {
    max-width: 600px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.main-action {
    text-align: center
}

.main-action input[type="submit"] {
    display: inline-block;
    width: auto;
    margin: 0 8px;
}

.warning-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 10px;
    z-index: 2;
    text-align: center;
    background: yellow
}

.warning-box {
    background: #444;
    bottom: 50px;
    color: white;
    padding: 20px;
    position: fixed;
    right: 50px;
    text-align: left;
    width: 420px;
    /* Pour rester au dessus du carrousel */
    z-index: 1002;
}

.warning-box p,
.warning-box a {
    color: white!important;
}

.warning-box .close-icon {
    background: none repeat scroll 0 0 #222;
    color: white;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 20px;
}

.disclaimer {
    width: 60%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 16px;
    text-align: justify;
}

.text-right {
    text-align: right;
}

.col50 {
    display: inline-block;
    width: 48%;
    margin: 0 0.5%;
    vertical-align: top;
}

@media only screen and (max-width: 480px) {
    .col50 {
        width: 100%;
        margin-bottom: 30px;
    }
}

#switch-service {
    position: fixed;
    right: 0;
    top: 0;
    width: 200px;
    z-index: 999
}


#go-to-content{display: inline-table;}




.entry-container{position:relative;}

.dev-wrap {
	box-shadow: 2px 2px 4px #ddd;
	position:absolute;
	right:0;
	top:0;
 	opacity: 0;
	box-shadow: 2px 2px 3px #555;
	position: absolute;
	right: 0;
	bottom: -60px;
	width: 380px;
	z-index: 2;
	background: #888;
	color: #fff;
	padding: 10px;
	vertical-align: middle;
	margin: auto;
	height: 60px;
	display: flex;
	top:auto;
 }
 
.entries.compact > li{position: relative;}

.entry-container:hover .dev-wrap, .entries.compact > li:hover .dev-wrap {
	opacity:1;
}

/*   */
	

	.panel input[type="submit"] {

    display: none;

}
form .panel {
/* 	position: fixed;
top: 0;
left: 42px; */
z-index: 9999;
background: #fff;
background: transparent;
padding: 15px;
width: calc(100% - 42px);
	display: flex;
/* 	margin-top: 60px;
	 */
}
#content-header h1 {
    display: block !important;
    position: fixed;
    left: 42px;
    top: 0;
    font-size: 1.6rem;
    color: #f1036e;
    text-transform: uppercase;
    padding: 2px 5px;
}
form .panel > *{

z-index: 999;
background: #fff;
background: transparent;
padding: 15px;
/* width: 50%; */
}
.inputEle{
	left:auto;
	right:0;
	display:flex;
}	
.selectEle{
	background: transparent;
	left:0;
	right:auto;
	order:-1
}
.cat-select{
	
}
.test .panel .cat-select .big-select-title {
/* 
    margin: auto;
    width: calc(100% - 42px);
    position: fixed;
    top: -1px;
left: calc(50% - 1px);   */ 
 z-index: 888;
    max-width: 100%;
    padding: 15px;
    color: #f1036e;
    /* width: 50%; */
    font-size:0.9rem;
    top:42px;
}

/* #entryset-container .cat-select{display: none !important;} */


/* .test .big-select.cat-select .big-select-title {

    max-width: 100%;
    max-width: 100%;
    padding: 15px;
    color: #f1036e;
    font-size: 1.6rem;
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    display: block;

}

.test .cat-select {
	margin: 0;
} */

.topTitle{
	
}
.content-header{display:none}

/********** PORTLETS LAYOUT *****/

.one-column-container,
#inbody-nav,
#inbody-mini {
	width: 33.33%;
	max-width: 99.99%;
	min-width: 213px;
	float: left;
	padding: 0 10px 10px 10px;
}

#inbody-midi {
	width: 70%;
	max-width: 99.99%;
	min-width: 213px;
	float: left;
	padding: 0 10px 10px 10px;
}

#inbody-half-left, #inbody-half-right {
	width: 49.99%;
	max-width: 99.99%;
	min-width: 213px;
	float: left;
	padding: 0 10px 10px 10px;
}

.two-columns-container, #inbody-content {
	width: 66.66%;
	max-width: 99.99%;
	min-width: 426px;
	float: left;
	padding: 0 10px 10px 10px;
}

.two-columns-container, #inbody-content {
}

.three-columns-container {
	width: 99.99%;
	max-width: 99.99%;
	min-width: 640px;
	float: left;
	padding: 0 10px 10px 10px;
}

.absolute-container{
	width: 99.99%;
	max-width: 99.99%;
	min-width: 640px;
	position: absolute;
	top: 0;
	left: 0;
}

#inbody-mini, #inbody-midi {
	margin: 0 auto !important;
	float: none;
}


.empty-container .portlet-container {
	min-height: 20px;
}

.portlet-mode-admin
.portlet-container  {
	border: 1px dotted #888;
	padding: 6px;
	background-color: #FFF;
	margin-bottom: 5px;
	margin-top: 5px;
}

.outline .portlet-container{
	border: 2px dotted #888;
	padding: 0px;
	background-color: #FFF;
	margin-bottom: 5px;
	margin-top: 5px;
}

.portlet-mode-admin .portlet-container:hover{
	border: 1px dotted #FFF;
}

.portlet-mode-admin {
	margin: 5px 13px;
	padding: 4px 6px;
	border: 1px solid #CCC;
	background-color: #DDD;
	min-width: 685px;
}

.portlet-mode-admin .button {
font-size: 1.0em;
}

.portlet-mode-admin select {
font-size: 1.0em;
}

.portlet {
	display: block;
	width: 99.99%;
	text-align: left;
	margin: 0 auto 25px auto;
}

.portlet-modes {
	position: absolute;
	right: 0;
	margin-right: 5px;
}

.portlet-modes li {
	display: inline-block;
}

.portlet-modes li.active a {
	text-decoration: none;
	color:#111;
	font-weight: bold;
}

.portlet-focus{

}



/* BOXES ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.content-box .content-box-inner {
	padding: 8px;
}

/******* Templating / Home V2 *******/

#content-container {
	margin: 0 auto !important;
	padding: 0 !important;
	width: 99.99% !important;
}
#wrap #content-header {
	margin: 0 auto 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
}

#wrap #content-body {
	margin: 0 !important;
	padding: 4px !important;
	width: 99.99% !important;
}

.inspected {
	outline: 8px groove rgba(200, 50, 50, 0.9);
}

.ui-state-highlight {
	background: #00FFFF
}

.design-tool{
	background: #fff;
	box-shadow: 2px 2px 25px #999;
	transition:1s ease all;
	-webkit-transition:0.2s ease height;
	z-index: 800
}


.modal{position:absolute}

/* .Stage {
	outline: 10px solid #000;
} */

.designer-menu {
	background: #000;
	box-shadow: 2px 0 5px #ccc;
}

.designer-menu,.designer-menu a {
	color: #eee;
}

.designer-menu li {
	margin: 0 5px;
	display: inline-block;
}

.designer-menu a {
	display: inline-block;
}

.PortletForm {
	z-index: 10;
}

.PortletForm .wrapper {
	width: 285px;
}

.PortletForm .form {
	padding: 10px;
}

.PortletContent {
	background: #fff;
	padding: 20px;
	left: 285px;
	top: 100px;
	z-index: 11;
	width: 500px
}

.PortletContent .listItem {
	overflow: auto;
	position: absolute;
	background: #ffffee;
	border: 1px solid #ccc;
	top: 0;
	padding: 10px 20px;
	margin-left: 100%;
	left: 0;
	min-height: 300px;
	width: 400px;
}

.PortletContent .listItem legend {
	border: 0;
}
.PortletContent .listItem legend{
	border:0;
}
.PortletContent .list{
	overflow: auto;
}

.item {
	border-bottom: 1px solid #eee;
	cursor: pointer;
	min-height: 20px;
	padding: 5px;
}

.item:hover,.item.selected {
	background: #eee;
}

.item .teaser-image {
	height: auto;
}

.item img {
	width: 80px;
}

.list-blog .item img {
	width: 50px;
	max-height: 50px;
	margin-right: 5px;
}

.item .tags {
	float: right;
	width: 200px;
	margin-top: 0;
	text-align: right;
}

.portlet {
	position: relative;
}
/*actions*/
.portlet-edit {
	position: absolute;
	right: 10px;
	top: 0;
}

.portlet-delete {
	position: absolute;
	right: -30px;
	top: 2px;
}

.portlet-select {
	position: fixed;
	top: 100px;
	background: #fff;
	z-index: 2;
	right: 35px;
	width: 250px;
	box-shadow: 2px 2px 25px #999;
	padding: 10px;
}

.portlet-select .portlet-button {
	border: 1px solid #ddd;
	background-color: #fff;
	width: 100px;
	min-height: 32px;
	margin: 3px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	float: left;
	overflow: hidden;
	height: 50px;
}

.portlet-select .menu {
	box-shadow: 0px 5px 12px #ddd;
	margin: 0 -10px 15px;
	padding: 2px 4px;
	background: #eee;
}

.portlet-select .menu li {
	display: inline-block;
	margin: 2px;
	padding: 0 6px;
	cursor: pointer
}

.portlet-select .menu li.active,.portlet-select .menu li:hover {
	background-color: #ccc;
	outline: 1px outset #999
}

.teaser-slideshow.caroussel {
	max-width: 558px;
	position: relative;
	margin: 30px auto 20px auto;
}

.teaser-slideshow.caroussel .teaser-title {
	position: relative;
}

/*ANIMATIONS */
.fromLeft {
	-webkit-transition: 0.2s ease all;
	left: 0px !important;
}

.fromLeft.start {
    left: -100px !important;
}

/* Twitter Feed V2 (API 1.1) */
#twitter-feed {
	background-color: #eee;
	font-size: 85%;
	/* Keep it like that or links won't be clickable! */
	z-index: 1000;
}

.portlet.portlet-twitter-feed #twitter-feed a {
	color: #666;
}

#twitter-feed a a {
	color: inherit;
}

/* Important or links won't work in Twitter timeline */
.portlet-twitter-feed {
	margin-bottom: 10px;
	display: inline-block;
}

#twitter-feed .timeline .twitt {
	display: block;
	height: auto;
}

#twitter-feed img.profileimage {
	width: 48px;
	height: 48px;
	border-radius: 5px;
	margin: 5px 5px 5px 0;
    float: left;
}

#twitter-feed .profileimage-container,
#twitter-feed .twitter-content-container {
	border-top: 1px solid #E4E4E4;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	float: left;
	padding: 5px 0 5px 0;
}

#twitter-feed .profileimage-container {
	width: 21%;
}

#twitter-feed .twitter-content-container {
	padding-bottom: 12px;
	min-height: 70px;
    width: 77%
}

#twitter-feed .twitter-content-container .publication {
	color: #818181;
}

#twitter-feed .twitter-content-container .content {
	line-height: 1.4em;
}

#twitter-feed #twitter-loading img {
	padding-top: 5px;
	padding-left: 5px;
}

#twitter-feed #twitter-loading {
	vertical-align: middle;
}

.portlet-entry-list .top-box h2 {
	padding-left: 40px;
}










.ui-dialog{
	/* width:80%!important; 
max-width: 760px*/}
.ui-dialog.fixed{position: absolute;right:0!important; width:500px!important;left:auto!important}
@media only screen
and (max-width : 740px) {
				.ui-dialog{
    width: 100%!important;
    top: 0px!important;
    left: 0!important;
				}
}

.portlet-container:hover {
    /* box-shadow: 2px 2px 4px #bbb; */
}

/* .one-column-container.position-center{width:700px} */

.slideshow-item{
	float:right;
	height:600px;
	width:500px
}

.slideshow,
.activity-slideshow,
.temoignages-portlet-slideshow {
	width: 100% !important
}

.slideshow li,
.activity-slideshow li,
.temoignages-portlet-slideshow li {
	width: auto
}

.portlet-entry-scroller-container .myinfowindow{
	width:auto;
}

.myinfowindowlinks {
	position: absolute;
	right: 0;
	top: 0px;
	border-radius: 0;
}

/* Désactive l'icone ornementative utilisée lors de la personnalisation de la charte*/
.portlet form i.fa-search,
div.quick-search form i.fa-search {
	display: none;
}

#map_canvas.pretty-portlet {
	margin: -6px;
}

/* Fixe #691 */
.portlet-avatar-list  h3 .nickname {
    overflow-wrap: break-word;
}


   .portlet-free-edito li{list-style: disc inside;
    }
/* navig */

#nav {
	text-align: center;
}

#sub-nav {
	text-align: center;
	margin-bottom: 30px;
}

#nav li, #nav li a, #sub-nav li, #sub-nav li a  {
	display: inline-block;
}

#nav li.active a {
	background-color: #F0F0F0;
	background-color: rgba(0,0,0,0.08);
	text-decoration: none;
}

#sub-nav li.active a {
	background-color: #F0F0F0;
	background-color: rgba(0,0,0,0.08);
	text-decoration: none;
}

hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #F0F0F0;
	border-top-color: rgba(0,0,0,0.15);
	border-bottom-width: 0;
	clear: both;
	margin:5px 0;
}

ul li p a {
	display: inline;
	width: auto;
}

ul li a {
	display: inline-block;
	padding: 3px 2px 3px 2px;
}

a.back {
	background-color: rgba(0,0,0,0.1);
}

ul.action li {
	display: inline-block;
	vertical-align: middle;
}

#preview-step ul.action {
	text-align: center;
}

#preview-step ul.action li a.button,
#preview-step ul.action li input.button,
#preview-step ul.action li a {
	vertical-align: middle;
	padding: 0.7em;
}

ul li div a {
	display: inline;
	width: auto;
}

ul li div a {
	padding: 0;
}

ol li a {
	display: inline-block;
	padding: 4px 6px;
}

#breadcrumbs li, #foot li, #links li {
	display: inline-block;
}


#breadcrumbs {
margin-bottom: 20px;
}

#breadcrumbs li a, #breadcrumbs li span, #motivations li a, .breadcrumb-arrow {
margin: 5px;
display:inline-block;
}

#motivations ul li a {
margin-left: 20px;
margin-bottom:10px;
}


.scroller {
	text-align: right;
	margin: 20px 0 10px 0;
}

.scroller li {
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
}

div.scroller ul li a {
	font-weight: normal;
	border-bottom: 3px solid #DDD;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

.scroller ul li.active {
	font-weight: bold;
	border-bottom-width: 3px !important;
	border-bottom-style: solid;
	padding: 3px;
}

.view-switch li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

#user-admin-switch {
	display: inline-block;
}
/*
.edito p, .content p, .featured-content p {
margin-bottom: 10px;
text-align: justify;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
*/

div.entry-container {
    /*transition:1s ease all;*/
}

div.content-h2,
div.entry-container,
div.fav-inner,
div.featured-content,
div.fieldset,
div.message-inner,
div.profile {
    background: rgb(250, 250, 250);
    background: rgba(250, 250, 250, 0.95);
    border: solid 1px #CCC;
    border-top: solid 1px rgb(250, 250, 250);
    border-top-color: rgba(250, 250, 250, 0.5);
    border-right: solid 1px rgb(150, 150, 150);
    border-right-color: rgba(150, 150, 150, 0.5);
    border-bottom: solid 1px rgb(150, 150, 150);
    border-bottom-color: rgba(150, 150, 150, 0.5);
    border-left: solid 1px rgb(250, 250, 250);
    border-left-color: rgba(250, 250, 250, 0.5);
    padding: 6px 10px;
    margin: 25px 0;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset, 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset, 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset, 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.entry-container.mini {
    margin: 0
}

div.featured-content div.featured-content,
div.content-h2 {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-shadow: 0px 1px -1px rgba(255, 255, 255, 0.6) inset, 0px 0px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px -1px rgba(255, 255, 255, 0.6) inset, 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px -1px rgba(255, 255, 255, 0.6) inset, 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: white;
}


/* Fix for "entries" margin in help pages */

div.featured-content div.content-h2-fix {
    margin-left: 0;
    margin-right: 0;
}

div.content-h2-fix ul li a {
    display: inline;
}

div.content-h2-fix ul li,
div.content-h2-fix ol li {
    margin-left: 18px;
}

div.content-h2-fix ul li {
    list-style-type: disc;
    list-style-position: outside;
}

div.content-h2-fix ol {
    list-style-type: decimal;
    list-style-position: inside;
}

div.content-h2-fix h4 {
    font-weight: bold;
}

div.featured-content h2#featured-title {
    margin-top: 5px;
}


/*************  Entries  ************/

.static-map,
.light-img {
    float: left;
    margin-right: 8px;
    margin-bottom: 4px;
    margin-left: -8px;
    margin-top: -8px;
}

.static-map-full {
    margin-bottom: 8px;
    margin-top: -4px;
    margin-left: -8px;
}

.cat,
ul.tags li,
ul.criteria-list li {
    color: inherit !important;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    background-image: url(/style/felicity/checkmark.png);
    padding: 0px 6px 1px 18px;
    margin: 1px 0;
    display: inline-block;
    font-style: italic;
    background-color: rgba(0, 0, 0, 0.05);
    background-position: 5px center;
    border-radius: 6px;
}

ul.tags li a {
    padding: 0
}

ul.tags,
ul.criteria-list {
    display: block;
    margin-top: 10px;
}

div.content-h2 {
    margin-bottom: 15px;
    margin-top: 10px;
}

div.entry-container.toggle {
    outline: 0px solid rgba(220, 220, 220, 0.7);
    -webkit-transition: outline 1s ease-in-out;
    -moz-transition: outline 3s ease-in-out;
    -ms-transition: outline 1s ease-in-out;
    -o-transition: outline 1s ease-in-out;
    transition: outline 3s ease-in-out;
}


/*div.entry-container.toggle:hover {
    outline: 10px solid rgba(220, 220, 220, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}*/

div.entry-container-inner {
    color: #333 !important;
    border: none;
    min-height: 86px;
    background: none;
}

div.entry-footer {
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.05);
    padding: 4px;
}

div.map-proximity {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3px 5px 0px;
    color: #666 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: -5px;
    margin-left: -5px;
}

div.entry-author {
    text-align: right;
    font-size: 0.9em;
    margin-top: -15px;
    margin-right: 8px;
}

div.entry-content {
    color: #666 !important;
    padding: 0;
}

div.entry-content span.entry-date {
    float: right;
    padding-right: 22px;
}

.bqend,
.bqstart,
.ellipsis {
    color: #CCC;
}

.photo-large {
    margin: 20px auto 0;
    text-align: center
}

.photo-fit img {
    width: 100%
}

.photo-maxfit img {
    max-width: 100%
}

.criteria {
    margin: 0px auto 0;
    display: inline-block
}

#moment.output {
    margin: 20px auto 20px;
    text-align: center !important;
    padding: 10px !important;
}

#moment th {
    padding: 3px 3px;
    font-weight: normal;
    margin: 0;
    font-size: 0.8em !important;
}

#moment th.moment {
    font-weight: normal;
    margin: 0;
}

#moment td.moment {
    text-align: center;
    margin: 0;
}

#moment tbody td {
    margin: 1px;
    border-left: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    border-right: 1px solid #858585;
    border-bottom: 1px solid #858585;
    padding: 0px;
    vertical-align: middle;
}

#moment.output tbody td {
    /*border: 1px solid  #f4f4f4 ;*/
    margin: 0;
}

#moment td span,
#moment th span {
    display: none;
    margin: 0;
    padding: 0;
}

#moment tbody {
    line-height: 1em;
    text-align: center;
    margin: 0;
}

#moment th {
    text-align: right;
}

#moment input {
    width: 100%;
    max-width: 120px;
}

.weekend {
    background-color: #fff;
    margin: 0;
}

td.selected {
    background-color: #ddd !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/style/felicity/checkmark2.png);
}

.entry-control-actions {
    margin-top: 15px;
    margin-bottom: 10px;
}

.entry-control-actions li {
    display: inline-block;
    margin: 0 4px;
}


/*.maxi .entry-control-actions li{display:block; text-align:left;}*/

.info {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 15px 10px;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    padding: 8px 5px 8px 12px;
    border-radius: 15px;
    clear: both;
}

.info.flat {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0px;
    border: 1px dashed rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 0px;
}

.entry-bottom {
    clear: both;
    margin: 5px -7px -7px;
    padding: 6px
}

.user_type_desc {
    float: right;
    width: 200px;
    text-align: right;
    padding: 2px 5px;
}

.entry-more {
    text-align: center;
}

.entry-more a {
    display: inline-block;
    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.entry-container .toggle-body {
    /*background:#eee;*/
    margin: 0 -8px;
    padding: 8px
}

.entry-avatar {
    /* width:32%;display:inline-block;*/
    vertical-align: top
}

.entry-contact {
    width: 65%;
    display: block;
    min-width: 320px;
    margin: 0 auto
}

.midi .entry-contact {
    width: 100%;
}

.message-body {}

.entry-more a.less {
    display: none
}

.toggle .less {
    display: none
}

.toggle.open .less {
    display: inline-block;
    width: auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.toggle .more {
    display: inline-block;
    padding: 2px 10px;
}

.toggle.open .more {
    display: none
}

.isMine {}


/*entry container markup*/

.isMineText {
    float: right;
    font-weight: bold;
    margin: 0 0 0 5px;
    text-align: right;
    width: 110px;
}

blockquote {
    word-wrap: break-word;
    white-space: pre-line ;
    margin-bottom: 8px;
}

.entry-content blockquote {
    float: left;
}

.entry-control-actions {
    clear: both;
}

blockquote .bqend {
    position: relative;
    top: 7px;
    left: 5px;
}

.where {
    display: inline;
}

.mini-grey {
    color: #999;
    font-size: 90%;
}

div.light-img.zoom {
    position: relative;
    z-index: 90
}

div.light-img.zoom img.zoom {
    cursor: pointer;
    position: relative;
}

img.zoom-button {
    position: absolute;
    z-index: 100;
    width: 16px;
    bottom: 5px;
    right: 5px;
}

h2.publishlink span {
    display: inline-block;
}

.q_motivation li {
    list-style: inside;
}

.output-answer {
    margin-bottom: 5px;
}

.recommend {
    margin: 10px 0 10px;
    clear: both;
}

.recommend-read span {
    text-decoration: underline;
}

.recommend-read i {
    color: rgb(255, 201, 14)
}

.entry-container .recommend-list.toggle-body {
    margin: 0px 5px 0px 6px;
    border-left: 2px solid rgb(255, 201, 14);
    padding: 10px 13px;
}

.recommend ul li {
    border-bottom: 1px solid #eee;
    margin: 5px;
    padding: 5px
}



.date{background: #eee; padding:5px;

background: #eee;
padding: 6px 10px;
font-weight: bold;
/*
display: inline-block;
right: 6px;
position: absolute;*/
display: inline-block;

float:right;
position: relative;
 color: #555;
 margin: 5px 0;
}

.date:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    
    font-size: 18px;
    padding-right: 0.5em;
   
}

.recommend{ margin:10px 0 0}
.recommend-read span {text-decoration: underline;}
.recommend-read i{color:rgb(255, 201, 14)}
.entry-container .recommend-list.toggle-body{margin: 0px 5px 0px 6px;
border-left: 2px solid rgb(255, 201, 14);
padding: 10px 13px;} 
.recommend ul li{border-bottom: 1px solid #eee;margin: 5px;padding:5px}
.recommendation-infos{text-align: right; display: block;float: right}

.recommendation-infos {
    text-align: right;
    display: block;
    float: right
}




.entry-container .select-wrapper{position:relative; width:250px;text-align: center;
margin: 20px auto 10px;}
.entry-container .select-wrapper select{padding-left:25px}
.entry-container .select-wrapper::before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 5px;
  left: 10px;
  content:"\f069";
  color:#ddd;
  
}
 
.entry-container .icome select{color:green;} 
.entry-container .select-wrapper.icome::before {
	content:"\f00c";
	color:green;
}

/* .icomemaybe select{background: yellow;color:white;}
 */
.entry-container .select-wrapper.icomemaybe::before{
	content:"\f00c";
	color:#ddd;
}
.entry-container .idontcome select{background: #999;color:white;} 



ul.horizontal li{display: inline-block;}




/* BOUNCE */

@-webkit-keyframes bounce {
  0%, 10%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 10%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.faa-bounce.animated::before{
  -webkit-animation: bounce 0.3s ease ;
  animation: bounce 0.3s ease ;
}




/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble::before{
  -webkit-animation-name: wobble;
  animation-name: wobble;
}




.pro-name{color:#999;font-size:1.1rem;}

.not_published{display: inline-block;padding:5px;font-weight: bold}
div.output-answer-single{display: inline-block;}
/* .rich-edited .output-answer-single{padding-left:15px;} */
.rich-edited ul{list-style: disc inside}
.output-answer {
    margin-bottom: 15px;
}



.entry-content blockquote {

    float: left;
    clear: both;
}


.censorship-common-container .entry-content blockquote,
	.censorship-pseudo-container .entry-content blockquote {
	white-space: normal;
	float: none;
	clear: none;
}






.cats-wrapper{
	
	display:flex;
	flex-wrap:wrap;
}
.cat-group{
	flex:1 1  auto;
	width:auto;
}

#inbody-midi{width:80%}
#address select {
    -moz-appearance: none;
    background-image: url(/style/felicity/select.png);
    background-position: right center;
    width: 100%;
    margin: 0;
    max-width: 100%;
}



li{position: relative}

/* .entry-infos{margin-top: 10px} */.patch-entraide .patch-entraide-container {
	position: relative;
	display: inline;
	float: right;
	top: -16px;
	right: -6px;
	text-align: right;
	width: 48px;
}

/* Fixe cas spécifique dans slideshow, patch positionné **dans** le container */
.portlet-entry-activity .activity-slideshow .patch-entraide .patch-entraide-container {
	top: -3px;
}

/* Fixe cas spécifique dans slideshow, patch positionné **dans** le container */
.portlet-entry-activity .activity-slideshow .patch-entraide .static-map {
	margin-top: -5px;
}

.patch-entraide .patch-entraide-txt {
	font-size: 80%;
	position: relative;
	top: -71px;
	color: #999;
	padding-right: 1px;
}

.patch-entraide .patch-entraide-txt,
.patch-entraide .patch-entraide-img {
	display: inline;
	text-align: center;
}

.patch-entraide.mini .entry-container-inner .patch-entraide-txt {
	top: auto;
}


.patch-entraide.mini .patch-entraide-container {
	max-width: 30px;
}

.patch-entraide.mini .entry-container-inner .patch-entraide-img {
	max-width: 95%;
}

.patch-entraide.mini .entry-container-inner .patch-entraide-txt {
	display: none;
}

@media only screen 
and (max-width : 480px) {
	.patch-entraide  .entry-container-inner .entry-date {
		display: block;
		text-align: left;
		float: inherit;
		padding-left: 24px;
	}
	
	.patch-entraide div.isMineText {
		float: inherit;
		display: block;
		text-align: right; 
		width: auto;
	} 
	
}

/* BIG-SELECT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.big-select-content {
	-moz-box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.3);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-left: 1px solid #AAA;
	border-top: 1px solid #AAA;
	margin-top: -5px;
	margin-left: 3px;
	padding: 10px;
	display: none;
	position: absolute;
	z-index: 1;
	width: auto;
	list-style: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 101;
}

.big-select-content li {
	background-image: none !important;
	list-style: none !important;
	padding: 0 !important;
}
.big-select-title {font-size:22px}
.big-select-title span {
	display: inline-block;
}

.big-select ul li ul {
	margin-bottom:3px !important;
}

.big-select ul li a {
	padding-top:2px !important;
	padding-bottom:2px !important;
	font-size: 14px;
}

.big-select ul li ul li {
	margin:0 !important;
}

.big-select ul li ul li a {
	padding: 3px 10px 2px 32px !important;
	background-position: 16px 2px;
	background-repeat: no-repeat;
	background-image:
		url(/style/fatcow/16x16/bullet_white.png)
}

.big-select li a,.big-select li span {
	text-decoration: none;
}
.big-select li a{
	display: block;
}


/* TOGGLE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.toggle .toggle-body {
	display: none;
}

.toggle .toggle-body.open {
	display: block;
}
.toggle.open .toggle-body {
	display: block;
}
.toggle.open .toggle-to-hide{
	display: none;
}
.toggle-to-hide {
	text-decoration: none;
	float: right;
}

.toggle-title{
	cursor: pointer
}


/* MOUSEOVER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.when-mouseover-container .show-when-mouseover {
-webkit-transition: 0.13s all !important;
-moz-transition: 0.13s all !important;
transition: 0.13s all !important;
opacity:0 !important;
}
.when-mouseover-container:hover .show-when-mouseover {
z-index: 2;
opacity:1 !important;
}

.when-mouseover-container:hover .hide-when-mouseover {
opacity:0 !important;
}



/* OVERLAY ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.overlay-shadow {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background-color: #000;
	display: none;
}

.overlay-box-container {
	position: absolute;
	z-index: 100;
}

.overlay-box {
	position: absolute;
	display: none;
	overflow: visible;
	left: -50px;
	top: 0px;
	width: 300px;
	height: 300px;
	background-color: #fff;
	padding: 4px;
	border: 2px solid #ccc;
	-moz-border-radius: 7px; /* FF1+ */
	-webkit-border-radius: 7px; /* Saf3+, Chrome */
	border-radius: 7px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
	z-index: 101;
}

.overlay-box p {
	font-size: 0.9em;
	color: #555;
	padding: 4px;
	margin-bottom: 0px !important;
}

.overlay-box-close {
	cursor: pointer;
	width: 26px;
	height: 29px;
	float: right;
	margin-top: -15px;
	margin-right: -16px;
	background-image: url(/style/felicity/icons/close_button.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
}


/* NO MORE IE6 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#nomoreie6 {
	display: none;
	text-align: left;
	color: #333;
}

#nomoreie6 p {
	text-align: justify;
}

#nomoreie6 a {
	color: #333;
}

#nomoreie6 .browser-list {
	text-align: center;
}

#nomoreie6 .browser-list li {
	display: inline-block;
	width: 140px;
	margin: 10px;
	border-right: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	vertical-align: top;
}

* html #nomoreie6 .browser-list li {
	display: inline-block;
}

*+html #nomoreie6 .browser-list li {
	display: inline-block;
}

#nomoreie6 .dialog-box-intro .logo-service {
	height: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#nomoreie6 .browser-list li a {
	display: block;
	height: 150px;
	padding: 10px;
	text-decoration: none;
	border: solid 1px #ddd;
}

#nomoreie6 .browser-list li img {
	display: inline-block;
	margin-bottom: 15px;
}

#nomoreie6 .browser-list li span {
	display: block;
	border-top: solid 1px #ccc;
	padding-top: 10px;
}

#nomoreie6 .browser-list li a:hover span {
	text-decoration: underline;
}


/* newsfeed ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.js {
	overflow: hidden;
}

.teaser-slideshow,.teaser-slideshow .carousel-wrap {
	margin: 0;
	border: 0;
}

.teaser-slideshow {
	max-width:468px;
	position: relative;
	margin: 0 auto 20px auto;
}

.js .carousel-wrap {
	vertical-align: middle;
	margin: 0 auto;
	background: #fff;
}

.js .carousel-wrap img {
	text-align:center;
 	width: 100%;
}

.IE .js .carousel-wrap {
	display: inline;
}

.teaser-slideshow ul {
	margin: 0;
	padding: 0;
}

.teaser-slideshow.js .carousel-wrap ul li {
	overflow: hidden;
	display: inline;
	float: left;
}
.teaser-slideshow.js.horizontal .carousel-wrap ul li {
	width: 468px;
	min-width: 468px;
}

.teaser-slideshow.js.horizontal{
	width: 468px;
	min-width: 468px;
}

.teaser-slideshow.js.horizontal .teaser-title {
	display:none;
}

.teaser-slideshow .carousel-control {
	overflow: hidden;
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-indent: -2000px;
	top: 50px;
	z-index: 1000;
	opacity: 0.5;
	background-position: center center;
	background-repeat: no-repeat;
}

.teaser-slideshow .carousel-next {
	right: 1px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	background-image:
		url(/style/felicity/step_forward_grey.png);
	cursor: default;
}

.teaser-slideshow .carousel-previous {
	left: 0;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background-image:
		url(/style/felicity/step_backward_grey.png);
}

.teaser-slideshow .carousel-control:hover {
	-moz-opacity: .7;
	opacity: 1;
}

.teaser-slideshow .disabled,#container .carousel .disabled:hover {
	-moz-opacity: .1;
	opacity: 0.10;
	cursor: default;
}

.teaser-slideshow div {
	margin: 0;
	padding: 0;
	border: 0;
}

.teaser-slideshow ul {
	padding: 0;
	list-style: none;
}

.teaser-slideshow ul li {
	position: relative;
	margin: 0;
	width: 100%
}

.teaser-slideshow .center-wrap {
	position: absolute;
	right: 0;
	top: 0;
}

.teaser-slideshow .carousel-pagination {
	margin: 3px;
}

.teaser-slideshow .carousel-pagination a {
	display: inline-block;
	padding: 2px;
	margin: 2px;
	width: 20px;
	background-color: #fff;
	opacity: 0.5;
	text-align: center;
}

.teaser-slideshow .carousel-pagination a:hover,
.teaser-slideshow .carousel-pagination .active {
	opacity: 1;
}

.teaser-content {
	position: relative;
}

.upper-content {
	position: relative;
}

.teaser-title {
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-weight: bold;
	background-color: #000;
}

:root *>.teaser-title {
	background-color: rgba(0, 0, 0, 0.5);
}

.teaser-title { /* patch ie 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"\9;
}

.teaser-title h2 {
	padding: 0 !important;
	margin: 0 !important;
	color: #fff !important;
	background-color: transparent !important;
}

.teaser-title .gfx {
	padding: 10px;
}

.teaser-image {
	width: 100%;
	height: 244px;
	overflow: hidden;
}

.teaser-empty-image {
	width: 100%;
	height: 38px;
	overflow: hidden;
}

.teaser-texte,
.teaser-texte a {
	color: #333;
}

.teaser-texte{
	position:absolute;
	bottom:0;
	background:rgba(255,255,255,0.7);
	width:100%;
	opacity: 0.9;
}

.teaser-texte a {
	display: inline-block;
	margin-top: 5px;
	text-align: right;
}

.teaser-texte .gfx {
	padding: 5px;
}

.teaser-texte .gfx .teaser-texte-detail {
	opacity: 1;
}

.charcounter {
	display: inline-block;
	width: auto;
	margin-top: 4px;
	margin-left: 6px;
	color: #AAA;
	float: right;
}

#myinfowindowcontainer {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.myinfowindow {
	/* min-width: 320px; */
	width:390px;
	height: auto;
	overflow: auto;
}

#myinfowindowcontainer .myinfowindowlinks {
	right: 20px;
}

.myinfowindowlinks {
	display: inline-block;
	padding: 3px 6px;
	background-color: white;
}
.myinfowindowlinks span {
	text-decoration: underline;
	cursor: pointer;
}




.twitterFeed a:hover, .twitterHeader a, .tweetName a { text-decoration: none; }
.twitterFeed a img { border: none; }
.twitterFeed img
{
	float: left;
	margin: 0 2px 0 0;
}

.twitterHeader { padding: 0.2em 0; }
.twitterHeader span
{
	font-weight: bold;
}

.twitterBody
{
	clear: left;
}
.twitterBody ul { list-style: none; }
.twitterBody ul, .twitterRow, .twitterRow h4
{
	margin: 0;
	padding: 0;
}

.twitterFeed ul li a {
	display: inline;
	padding: 0;
}

.twitterRow { padding: 10px 0; }

.twitterRow p {
	padding:0;
}

.tweetName a, .tweetTime
{
	font-weight: bold;
	padding: 0;
}
.tweetTime { display: none}

.odd {  }
.even { background-color: rgba(0,0,0,0.05); }


.modal .modal-overlay{
	position:fixed;
	overflow:hidden;
	top :0;
	left:0;
	z-index:98;
}

.modal .modal-content{
	position: fixed;
	overflow:auto;
	background:white;
	z-index:99;
	padding:20px;
}



.metacat-obligations a.toggle-title {
	text-align:right;
	color:#00e1ff;
	background-image: none !important;
}
.metacat-obligations a{
	background-image: none!important;
}

.for_testing_purpose {
/* 	outline:10px solid orange;
	margin:10px; */
}

.addthis_button_tweet {

}

a.addthis_button_facebook  div.fb_like,
a.addthis_button_facebook_like div.fb_like {
	display: inline!important;
	vertical-align: middle!important;
}
.share-wrapper {
	text-align: right;
}
.share-wrapper a {
	display: inline-block;

	margin: 0 2px;
}

.fb-like > span {
	height:22px !important;
}

/* If not important, don't scroll-y on Chrome !*/
.scrollY{
	overflow-y:scroll !important;
}

.v-align {
	vertical-align: middle;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	float: right;
}

.muted {
background: rgba(200,200,200,0.1) !important;
border: 0 !important;
}

.small-font {
	font-size: 90%;
}

.visible-overflow {
	overflow: visible;
}

#maintenance {
	position: relative;
	width: 100%;
	padding: 5px;
	background-color: #444;
}

#maintenance-inner {
	position: relative;
	width: 100%;
	min-height: 30px;
	background-color: #444;
	text-align: center;
	margin: 0 auto;
	color: white;
	z-index: 1000;
}

.extra-infos.info.flat {
	margin-bottom: 10px;
}

.center {
	text-align: center;
}

.hidden {
	visibility: hidden;
	display: none;
}

/* Font Awesome general setting */
i.fa {
	padding-right: 5px;
}

/* publish-conform, pigeons voyageurs & more */
.publish-warnings dl dt {
	font-weight: bold;
}

.publish-warnings dl dd {
	margin-left: 1em;
}


p.prelist {
    margin-bottom: 5px;
}

.user-types img {
    height: 28px
}

.sign-up-multi-link  img {
    vertical-align: middle;
    margin-right: 10px;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 250x; /* <= C'est un hack ? */
}

.fontawesome {
    font-family: FontAwesome;
}

/* From bootstrap */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}





@keyframes nodeInserted {  
    from {  
        outline-color: #fff; 
    }
    to {  
        outline-color: #000;
    }  
}

.toggle {
    animation-duration: 0.01s;
    animation-name: nodeInserted;
}

.ui-widget.ui-widget-content.ui-dialog{z-index: 9999}

/* 

.panel{
	position: fixed;
top: 0;
left: 42px;
z-index: 999;
background: #fff;
padding: 15px;
width: calc(100% - 42px);
	
	
}
	 */
	 
	 
body #fconnect-profile > a{
/*     padding: 15px 0 15px 50px; */
    color: #000;
/*     margin-right: 10px;
    font-size: 18px;
    background: url('../images/fc-avatar.png') left center no-repeat;
        background-size: auto;   background-size: 40px;*/
    display: block;
  
	 }/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/********** the network *************/

#clients{
	text-align: left;
	background-color:white;
	padding:3px;
	background-repeat:repeat-x;
	background-position: left top;
	margin-bottom:0px;
	position: relative;
	border-color: #F6AB1F;
	border-style: solid;
	border-width: 7px;
}

#clients h2{
	color: #444;
}

#clients h2{
	padding-left: 7%;
	background: transparent url(../etyssa/images/title_bg.gif) left repeat-y;
	font-size: 115%;
	word-spacing: 0.4em;
	border-left: 4px solid #cd6e2d;
	margin-right: 12%;
	margin-top: 8px;
	margin-left: 5px;
}

#quotes-and-photos h2{
	color:#fff;
}


#client_list {
	text-align:center;
}

#client_list h3 {
	text-align:center;
	
}

#client_list .nav {
	text-align: center;
	border-bottom:10px solid #567;
}
#client_list .nav li {
	line-height:1em;
	display:inline-block;
	margin:0 5px;
	background-color:#444;
	-moz-border-radius:7px 7px 0px 0px; /* FF1+ */
	-webkit-border-radius:7px 7px 0px 0px; /* Saf3+, Chrome */
	border-radius:7px 7px 0px 0px; /* Opera 10.5, IE 9 */
	
}
#client_list .nav li.on {
	background:#567;
}

#client_list .nav li a {
	padding:10px;
	display:block;
	color:#fff;
	-moz-border-radius:7px 7px 0px 0px; /* FF1+ */
	-webkit-border-radius:7px 7px 0px 0px; /* Saf3+, Chrome */
	border-radius:7px 7px 0px 0px; /* Opera 10.5, IE 9 */
	
}
#client_list .nav li a:hover {
	background:#567;
}



#client_list .list {
	padding:10px;
	text-align:center;
}

#client_list .list ul {
}

#client_list .list li {
	line-height:1em;
	vertical-align:top;
	display:inline-block;
	list-style: none;
	margin:10px;
	width:150px;
	height:200px;
	overflow:hidden;
}

#client_list .list li .wrapper {
	-moz-border-radius: 7px; /* FF1+ */
	-webkit-border-radius: 7px; /* Saf3+, Chrome */
	border-radius: 7px; /* Opera 10.5, IE 9 */
	width:100%;
}




#client_list .list li a {
	color:#444;
	display:block;
	text-align:center;
	text-decoration: none;
	font-size:11px;
	
}
#client_list .list li strong {
	text-decoration: underline;
}


#client_list .list li .logo {

	border-width:3px;
	border-style:solid;
	border-color:#F6AB1F;
	
	display: table-cell;
	vertical-align: middle;
	height:130px;
	width:130px;
	-moz-border-radius: 7px; /* FF1+ */
	-webkit-border-radius: 7px; /* Saf3+, Chrome */
	border-radius: 7px; /* Opera 10.5, IE 9 */
	padding:7px;
	
}
#client_list .list li .logo * {
	vertical-align: middle;
}

#client_list .list li .wrapper:hover strong {
	text-decoration: none;
}
#client_list .list li .wrapper:hover a {
	color:#3CB3B2;
}
#client_list .list li .wrapper:hover .logo {
	border-color:#3CB3B2;
}

#client_list .list li .logo img {
	margin:0;
	border:none;
	
}

/* forms */

a,
input,
textarea,
select,
.big-select-title,
.button,
button,
div.entry-container {
    -webkit-transition: 0.13s ease 0s all !important;
    -moz-transition: 0.13s ease 0s all !important;
    transition: 0.13s ease 0s all !important;
}

.toggle-to-hide:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

a:hover,
a:active,
a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

#logo a:hover {
    background-color: inherit;
}

div.entry-container-outer {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

input:hover,
textarea:hover,
select:hover,
.big-select-title:hover,
.button:hover,
button:hover,
.tabbutton:hover,
input:active,
textarea:active,
select:active,
.big-select-title:active,
.button:active,
button:active,
.tabbutton:active,
input:focus,
textarea:focus,
select:focus,
.big-select-title:focus,
.button:focus,
button:focus,
.tabbutton:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
}
/* 
div.entry-container:hover,
div.entry-container:active,
div.entry-container:focus {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1px rgba(82, 168, 236, .6) !important;
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1px rgba(82, 168, 236, .6) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1px rgba(82, 168, 236, .6) !important;
} *//* FONT & COLORS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
	background-repeat: no-repeat;
}

#links,#header-container,#wrap,#foot {
	width: 740px;
	margin: 0 auto 0 auto;
	box-sizing: content-box;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	background-color: #333;
}

#wrap {
	background-color: white;
	min-width:320px;
}

#links a {
	color: white;
}

.content-box {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.content-box-inner {
	background-color: #CCC;
	background-color: rgba(240, 240, 240, 0.9);
}

.bqend,.bqstart {
	height: 1px;
	width: 16px;
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-family: georgia;
	float: none;
	line-height: 4px;
	display: inline-block;
}

.ellipsis {
	height: 1px;
	line-height: 0;
	font-size: 32px;
	letter-spacing: -2px;
	font-family: georgia;
	margin-left: -3px;
	margin-right: -4px;
}

.bqstart {
	padding-right: 16px;
}

.bqend {
	padding-left: 5px;
}

.shadow{
    width: 98%; height: 45%;
    position:absolute;
    z-index: -2;
	border: 1px solid grey;
    bottom: 0; right: 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 7px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 7px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 2px rgba(0, 0, 0, 0.2);
}

.shadow:before{
    content: "";
    position:absolute;
    left: -15px; bottom:5px;
    width:116px; height: 10px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -25px 25px 15px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: -25px 25px 15px rgba(0, 0, 0, 0.40);
    box-shadow: -25px 25px 15px rgba(0, 0, 0, 0.40);
    -webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
    -moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
    transform:skew(-10deg,-10deg) translate(40px,-15px);
}

.shadow:after{
    content: "";
    position:absolute;
    right: -15px; bottom:5px;
    width:116px; height: 10px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 25px 25px 15px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 25px 25px 15px rgba(0, 0, 0, 0.40);
    box-shadow: 25px 25px 15px rgba(0, 0, 0, 0.40);
    -moz-transform:skew(10deg,10deg) translate(-40px,-15px);
    -webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
    transform:skew(10deg,10deg) translate(-40px,-15px);
}

.big-select-title,
.button,
.toggle-to-hide,
button,
input,
select,
textarea {}
label,legend{display:inline}
input,
select,
textarea {
/* 	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); */
	background-color: white;
	color: #666;
}

input,
textarea {
/* 	border-bottom-color: rgb(238, 238, 238);
	border-bottom-style: inset;
	border-bottom-width: 1px;
	border-left-color: rgb(238, 238, 238);
	border-left-style: inset;
	border-left-width: 1px;
	border-right-color: rgb(238, 238, 238);
	border-right-style: inset;
	border-right-width: 1px;
	border-top-color: rgb(238, 238, 238);
	border-top-style: inset;
	border-top-width: 1px; */
}

input[disabled] {
	background-color: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.big-select-title,
.button,
button,
select {
	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(255, 255, 255, 0.9);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.8);
	min-height: 32px;
	font-size: 17px;
	line-height: 22px;
	color: #666;
	height: auto;
}

/* Bouton de select personnalisé seulement sur Firefox,
 * sur les autres navigateurs, le style est assez neutre
 * https://stackoverflow.com/questions/5454880#answer-5454906
 */
@-moz-document url-prefix() {
	select {
		-moz-appearance: none;
		background-image: url(/style/felicity/select.png);
		background-position: right center;
	}
}

.button.small {
	font-size: 15px;
}

legend {
	border-top: 1px dashed rgb(100,100,100);
	border-top: 1px dashed rgba(0,0,0,0.2);
	-webkit-text-shadow: 0 1px 0 rgba(250, 250, 250,.5);
	-moz-text-shadow: 0 1px 0 rgba(250, 250, 250,.5);
	text-shadow: 0 1px 0 rgba(250, 250, 250, .5);
}

.preferences.first legend {
	border-top: 0 dashed rgba(0,0,0,0.2);
}

input.checkbox,
input.input-checkbox {
	background-color: transparent;
}

/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

    See :
    	http://css-tricks.com/snippets/css/custom-checkboxes-and-radio-buttons/
    	http://www.wufoo.com/guides/custom-radio-buttons-and-checkboxes/
*/
    /* Hide the input, but have it still be clickable */



/*
input[type='radio']:not(#foo),
input[type='checkbox']:not(#foo) {
    opacity: 0;
    width: 1px;
    margin-left: 0;
    position:absolute;
	margin-right: 0;
}

input[type='radio']:not(#foo) + label,
input[type='checkbox']:not(#foo) + label {
    margin: 0;
    clear: none;
    display:inline-block;
  
    padding: 2px 0 2px 24px;
    cursor: pointer;
}

input[type='radio']:not(#foo) + label {
    background-image: url(/style/felicity/radio-off.png);
}

input[type='checkbox']:not(#foo) + label {
    background-image: url(/style/felicity/check-off.png);
	padding-top: 1px;
}
*/
/*
    Change from unchecked to checked graphic
*/
/*
input[type='radio']:hover + label:not(#foo),
input[type='radio']:active + label:not(#foo),
input[type='radio']:focus + label:not(#foo) {
    background-image: url(/style/felicity/radio-hover.png);
}

input[type='radio']:checked + label:not(#foo) {
    background-image: url(/style/felicity/radio-on.png);
}

input[type='checkbox']:checked + label:not(#foo) {
    background-image: url(/style/felicity/check-on.png);
}

input[type='checkbox'].wait + label:not(#foo) , .spinner{
    background-image: url(/api/api-explorer/img/spinner.gif);
}

#moment input[type='checkbox']:not(#foo),
#moment input[type='radio']:not(#foo) {
	opacity: 1;
	margin-left: 0;
	position: relative;
	width: auto;
}



*/

.last-fieldset {
	margin-bottom: 15px;
}

.extra-infos {
	font-size: 0.9em;
	color: #AAA;
	line-height: 1;
	margin-top: -12px;
}

#inbody-shrink #form-container{
	max-width: 400px;
	min-width:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
}

/*IE8 defaults*/
input.checkbox, input.input-checkbox{
	background-color:transparent;
	border:0!important;
}

.big-select-title,
.button,
button {
	border-bottom-color: rgb(221, 221, 221);
	border-bottom-style: outset;
	border-bottom-width: 1px;
	border-left-color: rgb(221, 221, 221);
	border-left-style: outset;
	border-left-width: 1px;
	border-right-color: rgb(221, 221, 221);
	border-right-style: outset;
	border-right-width: 1px;
	border-top-color: rgb(221, 221, 221);
	border-top-style: outset;
	border-top-width: 1px;
}

.accept {
	background: #DFFFE7;
	text-align: center;
}

.refuse {
	background: #FFF2F4;
	text-align: center;
}

div.infield label {
	font-weight: bold;
	font-size: 95%;
}

div.infield input#nickname,
div.infield input#password {
	margin-top: 0;
}

.infield {
    margin: 15px 0;
}
label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label:hover{cursor: pointer;}

.number-input input {
	width: 50px;
}

.filter {
	width: 50%;
	float: left;
	margin:0 5px 10px 0;
	font-size: 1.4em;
	min-width: 192px
}

.compact p{font-size:0.9em;}



fieldset.on-right select {
	display: inline-block;
}

fieldset.on-right label ,fieldset.on-right .label  {

	display: inline-block;
	width: 40%;
}


.inline{
display: inline-block;	
}

#address fieldset,
#address img.static-map {
	text-align: center;
}

#address img.static-map {
	float: inherit;
	margin: 0;
}

#address .nextlink.button {
	text-decoration: none;
	text-align: center;
}

#address .geo-freetext label {
	display: block;
}

#address .geo-freetext input,
#address .warning,
#æddress .warning .warning-inner,
#æddress .warning .warning-inner h3 {
	width: 75%!important;
	text-align: center;
}

button:hover,
.button:hover,
input.button:hover,
.action input[type="submit"]:hover {
	cursor: pointer;
}


/* events */
.hourminute{width:auto;display:inline-block;width:30%;font-size:1.0em;}
.datepicker{display:inline-block;width:68%;letter-spacing: 1px;}
.between-date{float:right;width:4%;
   }
.between-date{padding: 10px 0;vertical-align: middle;height: 20px;}
.end-date-container{}
.add-end-date.toggle-to-hide{float: none; display:block; padding:10px 4px;}


/* rents */
.listlinks .active {
	font-weight: bold;
}

.side_to_field {
	display: inline-block;
	margin: 0 10px;
}

.price {
	/*margin: 0 10px;*/
	text-align: center;
	vertical-align: middle;
	width: 70px;
}
	
.output-price {
	/* background: #eee; */
	padding: 0;
	text-align: center;
}
.output-price-amount {
	color:black;
	font-weight: bold;
}


#form-container.infoperso h2.strong {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
}

#form-container.address {
    margin-top: 2em;
}



 .row{margin: 1.0rem 0;padding:1rem; 	background-color:rgba(255,255,255,0.4) ;
/*  .row:nth-child(even) {
    background-color:rgba(255,255,255,0.2) ;
 }

.row:nth-child(odd) {
  */
}

.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}


.hour-minute-wrap select{
	width:60px;display:inline-block;	
}


div.form-line, 
div.form-line-last{margin:0 0 5px 0; padding: 2px; }


.salary select, .salary input, .job-dates input{ max-width: 200px}
.job-dates   label{width: 110px;
    display: inline-block;
    margin-left: 10px;
}
    
.inline-block{display: inline-block!important;}
label{margin: 0 0 5px 0}







#address .geo-freetext input, #address .warning, #address .warning .warning-inner, #æddress .warning .warning-inner h3 {
    width: 75% !important;
    text-align: center;
    margin: auto;
}
/* 
.action {
    text-align: right;
} */

#inbody-shrink #form-container {
    max-width: 900px;
   /*  min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px; */
}
select{max-width: 800px}

/* 
.full a{ font-weight: bold;}

.full{position:relative;}
.full a::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 12px;
    right: 0;color:#fff;
    top: 22px;
    	content: "\f075";

        font-size: 22px;
    padding-right: 0.5em;
    position: absolute;
color: #9db800;
top: 0px;
left: -10px;
} */


/* label[aria-label]:hover{
	transition: ease 0.3s all;
	box-shadow: 2px 2px 5px #ccc;
} */


input[type="submit"].waves-button-input{

    padding: 5px 10px;
    width: 100%;
    max-width: 320px;
    display: block;
    margin: 5px auto;
    border-style: none;
    
}.include_wireframe{
	display: block;
	border: 1px solid #FF0000;
}
x_isMenu{
	display:block; 
	border:1px solid #00FF00;
}

.tag{
	display:block;
	text-align: left;
	border: 1px solid #FE00FE;
}
.taglib{color:#FE00FE; background:#FFF;}
/*
.tag-body{height:20px}
.tag-body:hover{height:auto}
*//*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		transform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;		

	visibility: visible !important;	
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;	
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible !important;			
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


/*
==============================================
bounce
==============================================
*/


.bounce{
	animation-name: bounce;
	-webkit-animation-name: bounce;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


/*
==============================================
pulse
==============================================
*/

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

html {
	height: 100%;
	overflow: auto;
}

body {
	height: 100%;
}

.comments-list li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 8px;
	display: list-item;
	position:relative;
	margin: 0 0 15px;
}

.nickname { /*width:100%*/
	
}

.comment-body {
	background: #eee;
	padding: 8px;
	border-radius: 5px;
	margin: 0 0 0 5px;
	flex: 1;
	white-space: pre-wrap;
	
	height: auto;
	
	width: auto;
/* display: inline-block; */

}

.comment-body:hover {
	background: #ddd	;

}

.comment-date {
	color: #888;
	font-size: 0.8rem;
	font-size: 0.7rem;
	width: 100%;
	text-align: right;
}

.comment-actions {
	color: #888;
	font-size: 0.8rem;
	font-size: 0.7rem;
	width: 100%;
	text-align: right;
}


.form-comment  input[type=submit], .form-comment .button {
	margin: 0;
	width: auto;
	flex: 0
}

.form-comment .action {
	margin: 0;
	align-self: center;
	margin: 5px 0px 0 5px;
}

.form-comment textarea {
	min-height: 0;
	margin: 0;
	flex: 1;
}

.form-comment {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	width: 100%
}

.form-comment .charcounter {
	order: 2;
	width: 100%;
}

.comment-date {
	text-align: right;
	margin: 0 12px;
	float: right;
	width: auto;
}
/* 
li .comment-actions {
	display: none
}

li.comment-item:hover .comment-actions {
	display: block;
	position: absolute;
	position: relative;
	bottom:0px;
	
}

li.comment-item .comment-actions  a{
	color:#fff;
	background: #9DB606;
		padding:8px;
		text-decoration: none
		
} */


.comment-hierarchy {
	width: 16px;
	height: auto;
	min-height: 20px;
	/* background: #eee; */
	flex: 0 1 auto;
	border: 4px solid #eee;
	border-width: 0px 0px 3px 3px;
	border-radius: 0 10px;
	
	 border-image: 
    linear-gradient(
      to bottom, 
      #eee, 
      rgba(255, 255, 255, 1)
    ) 1 100%;
    /* border:0; */
}


.comments-list li {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	
}

.comment-content {
	width: auto;
	flex: 0 1 100%;
	}
	
/* .replies-wrap .comment-content { 	
	 border-image:linear-gradient(
      to top, 
      #eee, 
      rgba(255, 255, 255, 1)
    	) 1 100%;
    border-left: 2px solid #eee;
} */

.comment-hierarchy {
	width: 27px;
	height: auto;
	min-height: 28px;
	/* background: #eee; */
	flex: 0 1 auto;
	border: 4px solid #eee;
	border-width: 0px 3px 0px 0px;
	border-radius: 0;
}
.comments-list li {
	margin: 0 0 0;
}

.replies-wrap {
    margin-bottom: 15px;
}

.replies-wrap.multi-replies {
	/* border-image: linear-gradient( to top, #eee, rgba(255, 255, 255, 1) ) 1 100%; */
/* 	border-left: 3px solid #eee;
 */}
.comment-foot {
	width: 100%;
}

.replies-wrap.multi-replies .comment-item .comment-item .comment-hierarchy {
	border-width: 3px 3px 0 0;
}


#data-entry > ul > li{
	width: 100%;
	transition: 0.5s ease all;
}


.comment-deleted{color:#aaa}

.comment-write{
 	float: right;
}
.comment-write-end{
 	display: none;
 	margin-left: 10px;
 	z-index: 9999;
position: relative;
}

.show-comment-list .comment-write-end{
 	display: block;
}

.replies{
	margin-left: 25px
}


.icon-replies{
	border: 1px solid #ccc;
	border-width: 0 0 2px 2px;
	border-radius: 0 0 0 5px;
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-left: 15px;
	display: none;
}


.icon-replies.multi-replies{
	margin-top: 5px;
margin-bottom: 10px;}


[data-replycount="1"] > .comment-item{margin-top:-13px}

.replies > li {/* border-left: 2px solid #ccc; */}

.replies[data-replycount="1"] > li{border-left: 0px solid #ccc;}

.replies-wrap .replies[data-replycount="1"] > li{border-width: 0 0 2px 2px;}

.replies-count {
    color: #444;
    display: inline-block;
    padding: 0 5px;
  /*   text-decoration: underline; */
    cursor: pointer;
}
.reply-link{
	display: inline-block;float: right;font-size: 0.7rem;
}

.details-link{
	   color: #444;
		margin: 10px 10px 10px 18px;
}
.details-link span{
	   display: inline-block;
}
.replies-info {
	display: flex;
	align-items: end;
	 margin-left: 16px; 
}
.nickname {
	margin: 2px 8px 6px;
	display: inline-block;
}
/*
.comment-head{
display: flex;
}

 .comment-head {
	display: flex;
	width: 100%;
} */
.entry-contact {
    min-width: 0;
}


.comment-foot {
	width: 100%;
/* 	border-left: 3px solid #eee;
	height: 20px;
	margin-left: 7px; */
}
.comment-foot {
	width: calc(100% - 25px);
	border-left: 3px solid #eee;
	height: 20px;
	margin-left: 25px;
}


[data-replycount="1"] > .replies > li.comment-item  > .comment-content >  .comment-foot,
.comments-details > ul >  .comment-item > .comment-hierarchy,
.comments-details > ul >  .comment-item >  .comment-content > .comment-foot{border:0}

/* .replies-wrap[data-replycount="1"] > .replies > li.comment-item  > .comment-content >  .comment-foot{
border-left: 3px solid #eee;
border-width: 0 0 2px 2px;}



.replies-wrap[data-replycount="1"] .comment-item:not(:first-child):not(:last-child)  > .comment-hierarchy {
	border-width: 2px 2px 0px 0px;
} 
.replies  .replies-wrap[data-replycount="1"] .comment-item:not(:first-child):not(:last-child) > .comment-hierarchy {
	border-width: 0px 2px 0px 0px;
} */
/*  .replies-wrap > .replies > .comment-item:not(:last-child) .comment-foot {
	border-left: 0;
} */
 .replies-wrap > .replies > .comment-item:last-child .comment-foot {
	border-left: 0;
}
.replies-wrap.single-reply > .replies > .comment-item:last-child .comment-hierarchy{
	border-left: 0;
}

.replies-wrap.multi-replies > .replies > .comment-item:last-child .comment-hierarchy{
	border-image: linear-gradient( to bottom, #eee, rgba(255, 255, 255, 1) ) 1 100%;
} 
#data-entry > ul > li:hover > div.entry-container{
	transition: 0.2s ease all;
	box-shadow: 5px 5px 5px #ddd;
}



/* #data-entry > ul > li:hover  {
	position: fixed;
	width: 80%;
	z-index: 999;
	top: 160px;
	left: 100px;
	height: 500px;

}
#data-entry > ul > li:hover > div.entry-container{
	overflow: scroll;
	height: 500px;
}
 */
#data-entry > ul > li{
	transition: 0.4s ease all;
}

.minus{
}


.maxi .entry-contact, .midi .entry-contact {
	width: 65%;
	display: block;
	min-width: 320px;
	margin: 0 auto;
	background: #bbb;
	width: calc(100% + 23px);
	/* margin: 0 -27px; */
	position: relative;
	left: -12px;
	padding: 10px;
	/* right: 16px; */
}


.entry-contact .button{
	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);

}
.entry-contact a{
	color:#fff
}

.entry-contact  h2 {
	color: #4b4b4b;
}

.entry-contact  .charcounter {
	display: inline-block;
	width: auto;
	margin-top: 4px;
	margin-left: 6px;
	color: #4B4B4B;
	float: right;
}


.wrapper{position:static}



html {
	height: 100%;
	overflow: auto;
}

body {
	height: 100%;
}

.comments-list li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 8px;
	display: list-item;
	position:relative;
	position: static;
	margin: 0 0 15px;
}

.nickname { /*width:100%*/
	
}

.comment-body {
	background: #eee;
	padding: 8px;
	border-radius: 5px;
	margin: 0 0 0 5px;
	flex: 1;
	white-space: pre;
	height: auto;
	
	width: auto;
/* display: inline-block; */

}

.comment-body:hover {
	background: #ddd	;

}

.comment-date {
	color: #888;
	font-size: 0.8rem;
	font-size: 0.7rem;
	width: 100%;
	text-align: right;
}

.comment-actions {
	font-size: 0.7rem;
}


.form-comment-direct  input[type=submit], .form-comment-direct .button {
	margin: 0;
	width: auto;
	flex: 0
}
.form-comment-direct .warning {
	width: 100%;
}

.form-comment-direct .action {
	margin: 0;
	align-self: center;
	margin: 5px 0px 0 5px;
}

.form-comment-direct textarea {
	min-height: 0;
	margin: 0;
	flex: 1;
}

.form-comment-direct {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	width: 100%;
	margin-bottom:20px;
}

.form-comment-direct .charcounter {
	order: 2;
	width: 100%;
}




.comment-date {
	text-align: right;
	margin: 0 12px;
	float: right;
	width: auto;
}

 li .comment-actions {
	display: none
} 

li.comment-item:hover .comment-actions {
	display: block;
/* 	position: absolute;
	position: relative;
	bottom:0px;  */
	
}

li.comment-item .comment-actions  a{
	/* color:#fff;
	background: #9DB606; 
		padding:8px;*/
		text-decoration: none;
		float: right;
}


.comment-hierarchy {
	width: 16px;
	height: auto;
	min-height: 20px;
	/* background: #eee; */
	flex: 0 1 auto;
	border: 4px solid #eee;
	border-width: 0px 0px 3px 3px;
	border-radius: 0 10px;
	
	 border-image: 
    linear-gradient(
      to bottom, 
      #eee, 
      rgba(255, 255, 255, 1)
    ) 1 100%;
    /* border:0; */
}


.comments-list li {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	
}

.comment-content {
	width: auto;
	flex: 0 1 100%;
	}
	
/* .replies-wrap .comment-content { 	
	 border-image:linear-gradient(
      to top, 
      #eee, 
      rgba(255, 255, 255, 1)
    	) 1 100%;
    border-left: 2px solid #eee;
} */

.comment-hierarchy {
	width: 27px;
	height: auto;
	min-height: 28px;
	/* background: #eee; */
	flex: 0 1 auto;
	border: 4px solid #eee;
	border-width: 0px 3px 0px 0px;
	border-radius: 0;
}
.comments-list li {
	margin: 0 0 0;
}

.replies-wrap.multi-replies {
	/* border-image: linear-gradient( to top, #eee, rgba(255, 255, 255, 1) ) 1 100%; */
/* 	border-left: 3px solid #eee;
 */}
.comment-foot {
	width: 100%;
}

.replies-wrap.multi-replies .comment-item .comment-item .comment-hierarchy {
	border-width: 3px 3px 0 0;
}


#data-entry > ul > li{
	/* width: 100%; */
	transition: 0.5s ease all;
}


.comment-deleted{color:#aaa}

.comment-write{
 	float: right;
}
.comment-write-end{
 	display: none;
 	margin-left: 10px;
 	z-index: 9999;
position: relative;
}

.show-comment-list .comment-write-end{
 	display: block;
}

.replies{
	margin-left: 25px
}


.icon-replies{
	border: 1px solid #ccc;
	border-width: 0 0 2px 2px;
	border-radius: 0 0 0 5px;
	height: 15px;
	width: 15px;
	display: inline-block;
	margin-left: 15px;
	display: none;
}


.icon-replies.multi-replies{
	margin-top: 5px;
margin-bottom: 10px;}


[data-replycount="1"] > .comment-item{margin-top:-13px}

.replies > li {/* border-left: 2px solid #ccc; */}

.replies[data-replycount="1"] > li{border-left: 0px solid #ccc;}

.replies-wrap .replies[data-replycount="1"] > li{border-width: 0 0 2px 2px;}

.replies-count {
    color: #444;
    display: inline-block;
    padding: 0 5px;
  /*   text-decoration: underline; */
    cursor: pointer;
}
.reply-link{
	display: inline-block;float: right;font-size: 0.7rem;
}

.replies-info {
	display: flex;
	align-items: end;
	 margin-left: 16px; 
}
.nickname {
	margin: 2px 8px 6px;
	display: inline-block;
}
/*
.comment-head{
display: flex;
}

 .comment-head {
	display: flex;
	width: 100%;
} */
.entry-contact {
    min-width: 0;
}


.comment-foot {
	width: 100%;
/* 	border-left: 3px solid #eee;
	height: 20px;
	margin-left: 7px; */
}
.comment-foot {
	width: calc(100% - 25px);
	border-left: 3px solid #eee;
	height: 20px;
	margin-left: 25px;
}


[data-replycount="1"] > .replies > li.comment-item  > .comment-content >  .comment-foot,
.comments-details > ul >  .comment-item > .comment-hierarchy,
.comments-details > ul >  .comment-item >  .comment-content > .comment-foot{border:0}
/* 
.replies-wrap[data-replycount="1"] > .replies > li.comment-item  > .comment-content >  .comment-foot{
border-left: 3px solid #eee;
border-width: 0 0 2px 2px;}


.replies-wrap[data-replycount="1"] .comment-item:not(:first-child):not(:last-child)  > .comment-hierarchy {
	border-width: 2px 2px 0px 0px;
} 
.replies  .replies-wrap[data-replycount="1"] .comment-item:not(:first-child):not(:last-child) > .comment-hierarchy {
	border-width: 0px 2px 0px 0px;
} */
/*  .replies-wrap > .replies > .comment-item:not(:last-child) .comment-foot {
	border-left: 0;
} */

.replies-wrap > .replies > .comment-item:last-child > .comment-content > .comment-foot {
	border-left: 0;
}

.replies-wrap.single-reply > .replies > .comment-item:last-child .comment-hierarchy{
	border-left: 0;
}

.replies-wrap.multi-replies > .replies > .comment-item:last-child .comment-hierarchy{
	border-image: linear-gradient( to bottom, #eee, rgba(255, 255, 255, 1) ) 1 100%;
} 

.replies-wrap.multi-replies > .replies > li:last-of-type .comment-foot {
	border-left: 0;
} 

.last .comment-foot{border-left: 0;}

.replies .comment-write-end {margin-left: 23px;}

#data-entry > ul > li:hover > div.entry-container{
	transition: 0.2s ease all;
	box-shadow: 5px 5px 5px #ddd;
}



/* #data-entry > ul > li:hover  {
	position: fixed;
	width: 80%;
	z-index: 999;
	top: 160px;
	left: 100px;
	height: 500px;

}
#data-entry > ul > li:hover > div.entry-container{
	overflow: scroll;
	height: 500px;
}
 */
#data-entry > ul > li{
	transition: 0.4s ease all;
}

.minus{
}


.maxi .entry-contact, .midi .entry-contact {
	width: 65%;
	display: block;
	min-width: 320px;
	margin: 0 auto;
	background: #bbb;
	width: calc(100% + 23px);
	/* margin: 0 -27px; */
	position: relative;
	left: -12px;
	padding: 10px;
	/* right: 16px; */
}


.entry-contact .button{
	box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.8);

}
.entry-contact a{
	color:#fff
}

.entry-contact  h2 {
	color: #4b4b4b;
}

.entry-contact  .charcounter {
	display: inline-block;
	width: auto;
	margin-top: 4px;
	margin-left: 6px;
	color: #4B4B4B;
	float: right;
}
#loadingDiv {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5) url(/style/felicity/spinner.gif) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}


.nickname.self a{color:#444}

i.fa.fa-plus,i.fa.fa-minus {
	text-decoration: none;
	font-size: 0.6rem;
	position: relative;
margin-right: 5px;
}

.fa-plus::before,.fa-minus::before {
	top: -10px;
	position: absolute;
}
/* Responsive activé */
#links,
#header-container,
#wrap,
#foot {
	width: 940px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Keep It Stupid Simple responsive reset with
* some ideas from KNACSS - http://knacss.com/knacss.html
*
* Voir aussi dans domready.js une fonction désactivant
* le menu latéral quand la largeur de la page est
* supérieure à 1024px
*
* Voir aussi responsive-sideslide.css pour des règles
* spécifiques au menu latéral
*/

body.menu_icons_off #nav ul.menu i.fa,
body.menu_icons_off #account-container i.fa,
body.menu_icons_off #toplinks i.fa-arrow-left,
body.menu_icons_off #toplinks #toplink-to-home,
body.menu_icons_off #open-button,
body.menu_icons_off #nav .sidemenu-links,
body.menu_icons_off #wrap #nav {
    display: none;
}


/* Au dessus de 1024px
* Ne pas utiliser de classe "responsive" ici,
* puisque celle ci est désactivée par le JS dans ce cas
*/

@media only screen and (min-width: 940px) {
    body #links-sticky-wrapper {
        height: auto;
    }
    body #inbody-midi {
        width: 50%;
    }
    body #links-sticky-wrapper {
        height: auto;
    }
    
    body .teaser-slideshow.js.horizontal{
    	width: 100%;
    	min-width: 100%;
        margin-bottom: auto;
    }

}


/* Toutes les résolutions en dessous de 1024px
Deux colonnes compressées
*/

@media only screen and (max-width: 940px) {
    html,
    body.responsive,
    body.responsive div.Page,
    body.responsive #links,
    body.responsive #wrap,
    body.responsive #wrap-inner,
    body.responsive #foot {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    body.responsive div.Page .two-columns-container,
    body.responsive div.Page .one-column-container,
    body.responsive div.Page .three-columns-container {
        padding: 0 15px 10px 15px;
    }
    body.responsive #inbody-content {
        width: 66.66%;
    }
    body.responsive #inbody-nav {
        width: 33.33%;
    }
    body.responsive .three-columns-container {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    body.responsive #header-container {
        z-index: 100;
        width: 100%;
    }
    body.responsive.online #links-inner,
    body.responsive.offline #links-inner {
        display: none;
    }
    body.responsive #links {
        min-height: 28px;
        z-index: 1001;
    }
    .responsive #links.sticker {
        height: 40px;
    }
    body.responsive #links-sticky-wrapper {
        height: 40px;
    }
    /* Youtube video, Twitter widget et autres iframes imbriqués dans une portlet */
    body.responsive .portlet iframe {
        width: 100% !important;
    }
    body.responsive .portlet-testimony .caroufredsel_wrapper,
    body.responsive .portlet-testimony .caroufredsel_wrapper blockquote {
        width: 100% !important;
    }
    .responsive h3 .nickname {
        overflow-wrap: break-word;
    }
}


/* Gère des containers qui ne s'affichent pas bien lors du switch à
cause des opérateurs de comparaison <= =>*/


/* Utile pour le iPad == 1024px */

@media only screen and (width: 940px) and (orientation:landscape) {
    body.responsive #links-inner {
        width: 100%;
    }
    body.responsive #links {
        width: auto;
        max-width: 100%;
        min-width: auto;
    }
}


/* Toutes les résolutions au dessous de 768px */

@media only screen and (max-width: 768px) {
    body.responsive #header-container {
        width: 100%;
        height: auto;
    }
    body.responsive #header-container #header {
        position: inherit;
        max-height: 100%;
        min-height: 100%;
        max-width: 100%;
        min-width: 100%;
        text-align: center;
        width: 100%;
    }
    body.responsive #logo img {
        max-width: 100%;
    }
    body.responsive div.Page .two-columns-container,
    body.responsive div.Page .one-column-container,
    body.responsive div.Page .three-columns-container,
    body.responsive div.Page #wrap #content-container {
        padding: 0 15px !important;
    }
    /**** Pour bug #650 *********************/
    body.responsive .one-column-container,
    body.responsive .two-columns-container {
        min-width: auto;
    }
    body.responsive div.Page #content-body,
    body.responsive #inbody-content,
    body.responsive #inbody-nav {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    /****************************************/
    body.responsive #inbody-shrink div.fav,
    body.responsive #inbody-shrink div.profile-identity {
        margin: auto;
        text-align: center;
    }
    body.responsive #content-body div.featured-content {
        margin: 25px 10px;
    }
    body.responsive .entry-contact {
        min-width: 100%;
    }
    body.responsive #sub-nav {
        margin-bottom: 0;
    }
    body.responsive #foot.sticky {
        height: 100px;
    }
    
}


/* Toutes les résolutions en dessous de 640px */

@media only screen and (max-width: 640px) {
    html.showMedia,
    body.responsive #inbody-nav,
    body.responsive #inbody-mini,
    body.responsive #inbody-content,
    body.responsive #inbody-shrink,
    body.responsive .two-columns-container,
    body.responsive .one-column-container,
    body.responsive .three-columns-container,
    body.responsive #inbody-half-left,
    body.responsive #inbody-half-right {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        float: none;
    }
    body.responsive #header-container {
        background-image: none;
        height: auto;
    }
    html.showMedia {
        margin-right: 0;
        margin-left: 0;
    }
    body.responsive .warning-box {
        width: 100%;
        bottom: 0;
        right: 0;
        padding: 15px;
    }
    body.responsive #login h3#sign-in,
    body.responsive #login h3#sign-up,
    body.responsive #login div.toggle {
        display: inline;
    }
    body.responsive #address fieldset {
        width: 100%;
    }
}


/* Toutes les résolutions sous 480px */


/* Todo margin #wrap à ajuster */

@media only screen and (max-width: 480px) {
    body.responsive #inbody-nav,
    body.responsive #inbody-mini,
    body.responsive #inbody-midi,
    body.responsive #inbody-content,
    body.responsive .entry-detail,
    body.responsive #inbody-shrink,
    body.responsive .two-columns-container,
    body.responsive .one-column-container,
    body.responsive .three-columns-container {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        float: none;
    }
    body.responsive .portlet-login-and-register.portlet {
        width: 100%;
    }
    body.responsive #foot.sticky {
        height: 125px;
    }
}


/* Toutes les résolutions sous 320px */

@media only screen and (max-width: 320px) {
    .one-column-container,
    #inbody-nav,
    #inbody-mini,
    .two-columns-container,
    #inbody-content,
    #inbody-shrink,
    #inbody-midi,
    .three-columns-container {
        float: none;
        display: block;
        clear: none;
        margin-left: 0;
        margin-right: 0;
    }
    body.responsive div.Page .two-columns-container,
    body.responsive div.Page .one-column-container,
    body.responsive div.Page .three-columns-container {
        padding: 0 10px;
    }
}

.meta-mobile {
    position: fixed;
    right: 5px;
    top: 15px;
    color: green;
    background: black;
    margin: 4px;
    z-index: 100000;
}

/**********************
 * icons 32x32        *
 **********************/

#body_clichy #nav #home a, .icon-home {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_020_home.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 8px 8px 48px;


}

#body_clichy #nav #entry a, .icon-entry {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_244_conversation.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 8px 8px 48px;
}

#body_clichy #nav #message a, .icon-message {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_120_message_full.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 8px 8px 48px;
}

#body_clichy #nav #favs a, .icon-favs {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_049_star.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 8px 8px 48px;
}

#body_clichy #nav #account a, .icon-params {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_019_cogwheel.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 8px 8px 48px;
}

#body_clichy #login h2,#body_clichy #register h2,#body_clichy #myprofile h2, .icon-profile {
	background-position: left center;

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_024_parents.png&outputFormat=png&crop=true");
	
	background-repeat: no-repeat;
	padding-left: 48px;
}

h2.publish,#edito-publish h2.publishlink span,a.publishlink span,#edito-publish-button, .icon-publish {
	background-position: left center;

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_190_circle_plus.png&outputFormat=png&crop=true");
	
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy #vertical-categories-container h2,#body_clichy #home-categories-container h2,#body_clichy #entry-categories-container h2,#body_clichy h2.search, .icon-search{
	background-position: left center;

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_027_search.png&outputFormat=png&crop=true");
	
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy .write-message,#body_clichy a.answer-entry:hover,#body_clichy .answer-entry, .icon-motiv {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy a.entry-details:hover,#body_clichy .entry-details, .icon-details {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy p#view-carto,#body_clichy h2#view-carto,#body_clichy li#view-map a, .icon-map {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_242_google_maps.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy li#view-list a, #body_clichy p#view-list, #body_clichy h2#view-list, .icon-list {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_157_show_lines.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy div.invite h3, .icon-invite {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

#body_clichy p.big-info span,#body_clichy div.big-info p,#body_clichy h1.big-info span, .icon-big-info {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=48&height=48&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
}

/**********************
 * icons 16x16        *
 **********************/

#body_clichy #login h3, .icon-bullet, #breadcrumbs li a, #breadcrumbs li span, #motivations li a, .breadcrumb-arrow, #motivations ul li a{

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=16&height=16&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px;
}


#body_clichy #breadcrumbs li a, #breadcrumbs li span, .breadcrumb-arrow{

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=16&height=16&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px;
}



.big-select-title, .toggle-to-hide, .icon-folding {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=16&height=16&url=/style/glyphicons/glyphicons_219_circle_arrow_right.png&outputFormat=png&crop=true");
	
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 24px;
}

#body_clichy .iconifiedAddress,#body_clichy .iconifiedAdress,#body_clichy .mappicker, .icon-map {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=16&height=16&url=/style/glyphicons/glyphicons_242_google_maps.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 24px;
}

#body_clichy p.info span,#body_clichy div.info > p,#body_clichy div.infosmart p, .icon-small-info {

		background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=16&height=16&url=/style/glyphicons/glyphicons_220_play_button.png&outputFormat=png&crop=true");
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px;
}

#body_clichy div.info > p.clean-bg-img {
	background-image: none;
}

.idea {
	background: url(/style/fatcow/16x16/lightbulb.png) 5px center no-repeat;
}

.featured-content h3.idea {
	padding-left: 32px;
}

/* typed users */

        li#private_person,
        .map-bubble-private_person,
        .edito-bubble-private_person {
            background-image: url(/download?inline=true&width=48&key=config_style_private_person_image&outputFormat=png&crop=true);
            
background-position: left center;
background-repeat: no-repeat;
margin-top: 0px;
margin-bottom: 0px;
/* This value can be set in the customer CSS style sheet and it will be echoed 
   on all user types <li> */
padding-left: 51px;
padding-top: 1em;
padding-bottom: 1em;
        }
    
    .hentry-family span, .profile-family h3, #sign-up-multi-link li#family, .map-bubble-family, .edito-bubble-family {
    	background-image: url("/download?inline=true&width=48&height=48&url=/style/family.png&outputFormat=png&crop=true");
    	 
background-position: left center;
background-repeat: no-repeat;
padding-left: 48px;
    }

    
        .hentry-association span, 
        .profile-association h3, 
        #sign-up-multi-link li#association, 
        .map-bubble-association, 
        .edito-bubble-association {
        	background-image: url("/download?inline=true&width=48&height=48&url=/style/association.png&outputFormat=png&crop=true");
          
background-position: left center;
background-repeat: no-repeat;
padding-left: 48px;
        }
    
        .hentry-public_institution span,
        .profile-public_institution h3,
        #sign-up-multi-link li#public_institution,
        .map-bubble-public_institution,
        .edito-bubble-public_institution {
        	background-image: url("/download?inline=true&width=48&height=48&url=/style/institution.png&outputFormat=png&crop=true");
            
background-position: left center;
background-repeat: no-repeat;
padding-left: 48px;
        }
    
    
    .hentry-local_authority span,
    .profile-local_authority h3,
    #sign-up-multi-link li#local_authority,
    .map-bubble-local_authority,
    .edito-bubble-local_authority {
    	background-image: url("/download?inline=true&width=48&height=48&url=/style/authority.png&outputFormat=png&crop=true");
    	
background-position: left center;
background-repeat: no-repeat;
padding-left: 48px;
    }


#renew-container h2 {
	background-image: url("/download?inline=true&colorTint=%2302aef0&mix=1.0&width=32&height=32&url=/style/fatcow/16x16/time.png&outputFormat=png&crop=true");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
	margin-top: 8px;
}