@charset "utf-8";

/* @changelog 2023-07-18 [FIX] (Nicolas) Nouveau sommaire */

/* -------------
    SOMMAIRE
------------- */

/* @AUTHOR : Nicolas BOUDOT */

/*
	1 - IMPORT DES AUTRES FICHIERS CSS
        Diaporama
        jssocialsHelper
        Bases
        Fonts Icon
        Structure
        Spécificités SAYTUP GRID
        Navigation
        Template
          Base
        Modules
          Account
          Ecommerce
          Annuaire
          Annonces
          Blog et Réseaux socials interne
          Forum

	2 - IMPORT DES FONTS

	3 - ZONE EXTERIEUR
*/



/* -------------------------------------
  1 - IMPORT DES AUTRES FICHIERS CSS
------------------------------------- */

/* OLD  */
/* @import url(select2.min.css);
@import url(font-awesome.min.css);

@import url(pickmeup.css);
@import url(responsive.css);

@import url(frontnews.css);
@import url(gallery.css); */

/* Diaporama */
@import url(./bases/mobilynotes.css?v=202508110955);
@import url(../../../../scripts/charte/libs/diaporama/slick/slick.css?v=202508110955);

/* jssocialsHelper */
/* @import url(../../../../scripts/charte/libs/other/jssocials/jssocials.css); */

/* Bases */
/* @import url(bases/reset.css); */
/* @import url(bases/gallery.css); */
/* @import url(bases/elements.css); */
@import url(bases/variables.css?v=202508110955);
@import url(bases/utils.css?v=202508110955);
@import url(bases/fonts.css?v=202508110955);
@import url(bases/modal.css?v=202508110955);
/* @import url(bases/icons.css); */
@import url(bases/form.css?v=202508110955);
@import url(bases/buttons.css?v=202508110955);

/* Fonts Icon */
@import url(../fonts/icomoon/style.css?v=202508110955);
/* @import url(nav/icomoon-navigation.css); */

/* Structure */
@import url(structure/structure.css?v=202508110955);
@import url(structure/nav.css?v=202508110955);
@import url(structure/bootstrap-grid.css?v=202508110955);
@import url(structure/boxes.css?v=202508110955);
/* @import url(structure/publicationMethods.css); */

/* Spécificités SAYTUP GRID */
/* @import url(structure/saytup.css); */

/* Navigation */
/* @import url(nav/navigationElements.css); */

/* Atomic Design */
@import url(atomic-design/molecules/box-title-list.css?v=202508110955);

/* Template - Pages préformatées et contextualisation des pages*/

  /* Préformaté de base */
	/* @import url(templates/preformated_content_1.css); */

/* Modules */

  /* Account */
  /* @import url(modules/account.css); */

  /* Ecommerce */
  /* @import url(modules/catalog/catalog.css); */
  /* @import url(modules/catalog/tunnelDeCommande.css); */
  /* @import url(modules/catalog/ficheProduit.css); */

  /* Module - Annuaire */
  /* @import url(modules/directory.css); */

  /* Module - Annonces */
  /* @import url(modules/ads.css); */

  /* Module - Blog et Réseaux socials interne */
  /* @import url(modules/blog.css); */
  @import url(modules/community.css?v=202508110955);
  @import url(modules/community_member.css?v=202508110955);
  @import url(modules/community_group.css?v=202508110955);
  @import url(modules/community_notifications.css?v=202508110955);
  @import url(modules/catalog.css?v=202508110955);
  @import url(modules/wiki.css?v=202508110955);
  @import url(modules/authentification.css?v=202508110955); /*Page de connexion*/
  @import url(modules/home_pc11.css?v=202508110955); /*Préformaté de la page d'accueil*/

  /* Module - Forum */
  /*@import url(modules/board.css);*/

  /* Module - Article par défaut - Article en bloc */
  @import url(modules/article_default.css?v=202508110955);

  /* Module - Actualités */
  @import url(modules/news.css?v=202508110955);


/* A retirer */
/* @import url(layout.css); */



/* -----------------------
  2 - IMPORT DES FONTS
----------------------- */

/* Semi-Bold */
@font-face {
  font-family: 'DM Sans';
  src:  url('../fonts/dm_sans/DMSans-SemiBold.woff2') format('woff2'),
        url('../fonts/dm_sans/DMSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

	/* Semi-Bold Italic */
	@font-face {
		font-family: 'DM Sans';
		src: url('../fonts/dm_sans/DMSans-SemiBoldItalic.woff2') format('woff2'),
             url('../fonts/dm_sans/DMSans-SemiBoldItalic.woff') format('woff');
		font-weight: 600;
		font-style: italic;
	}

/* Regular */
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/dm_sans/DMSans-Regular.woff2') format('woff2'),
       url('../fonts/dm_sans/DMSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

	/* Regular Italic */
	@font-face {
		font-family: 'DM Sans';
		src: url('../fonts/dm_sans/DMSans-Italic.woff2') format('woff2'),
             url('../fonts/dm_sans/DMSans-Italic.woff') format('woff');
		font-weight: 400;
		font-style: italic;
	}

/* Light */
@font-face {
  font-family: 'DM Sans';
  src:  url('../fonts/dm_sans/DMSans-Light.woff2') format('woff2'),
        url('../fonts/dm_sans/DMSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

	/* Light Italic */
	@font-face {
		font-family: 'DM Sans';
		src: url('../fonts/dm_sans/DMSans-LightItalic.woff2') format('woff2'),
             url('../fonts/dm_sans/DMSans-LightItalic.woff') format('woff');
		font-weight: 300;
		font-style: italic;
	}



/* ---------------------
  3 - ZONE EXTERIEURE
--------------------- */

/* Older browsers */
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
    background-color: var(--color-quinary);
    color: var(--color-text);
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.375; /* Pour l'accessibilité */
}

    @media (min-width: 992px) {
        body {
            overflow: hidden;
        }
    }

/* @changelog 2023-12-08 [FIX] (Nicolas) Intégration d'un loader */

.loader-container {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    z-index: 11;
}

.loader {
    position: relative;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: rotate 1s linear infinite
}

    .loader::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border: 5px solid var(--color-primary);
        border-radius: 50%;
        animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }


/* OLD - SOMMAIRE */

/*@import url(datepicker.css);*/
/* ------------------------------------------------------------ */
/*                                                              */
/*   Sommaire                                                   */
/*                                                              */
/*     0 - Définitions couleurs                                 */
/*     1 - Reset                                                */
/*     2 - Balises Titres + Liens                               */
/*     3 - Structure                                            */
/*     4 - Navigation                                           */
/*     5 - Modules                                              */
/*     6 - Widgets                                              */
/*     7 - Formulaires                                          */
/*     8 - Spécifiques                                          */
/*     9 - Tricks                                               */
/*    10 - Responsive                                           */
/*                                                              */
/*                                     Medialibs - Julien PEGE  */
/*                                                              */
/* ------------------------------------------------------------ */

/*    11 - Bases emajine                                           */
/*                                                              */
/*                                   Medialibs - Ivann ZEROVEC  */
/*                                                              */
/* ------------------------------------------------------------ */



/* ---------------------------------------- */
/* 0 - rating prestataire    27-07-17             */
/* ---------------------------------------- */

.rating span.star {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    display:inline-block;
}
.rating span.star:hover {
    cursor:text;
}
.rating span.star:before {
    content:"\f006";
    padding-right:3px;
    color:#c4cdd4;
}

span.star.filled:before{ color:rgb(236,71,76); content:"\f005";}

span.star.half-filled:before{

  content: "\f089";
  color:rgb(236,71,76);

}
span.star.half-filled:after{

  content: "\f006";
  color:rgb(236,71,76);
  margin-left:-13px;
}

.rating-presta{
	clear: both;
	text-align: center;
	/*float: left;*/
}
.comment-presta{
	/*float: right;*/
	color:rgb(236,71,76);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;

}
.wrap-note-presta{
  height: 50px;
}
.personName-presta{
	position: relative !important;
}
/* ---------------------------------------- */
/* 0 - Définitions couleurs                 */
/* ---------------------------------------- */
#colorsDefinition {
	/** Couleur principale */
	color: rgb(236,71,76);
}

/* ---------------------------------------- */
/* 1 - Reset                                */
/* ---------------------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */

section { background-color: #fff; }
a, i {
	/* outline: none;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; */
}
/* a { color: rgb(236,71,76); }
a:hover {
	color: rgb(236,71,76);
	text-decoration: none;
} */
i.icons { font-style: normal; }

select { border-color: #67a8de; }

/* font-sizing for content */
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

#text > .simpleText > .structured_text_semantique_text > .code_html > p:first-child { margin-top: 0; }
blockquote {
	margin: 30px 100px;
	padding: 20px;
	font: italic 1.4em 'Open sans', Helvetica, arial, sans-serif;
	color: #38c2f7;
	text-align: center;
	border-top: 1px solid #38c2f7;
	border-bottom: 1px solid #38c2f7;
}

/* alternate font-sizing */
.smaller { font-size: .7143em; /* equiv 10px */ }
.small   { font-size: .8571em; /* equiv 12px */ }
.normal  { font-size: 1em;     /* equiv 14px*/ }
.big     { font-size: 1.1429em; /* equiv 16px */ }
.bigger  { font-size: 1.2857em; /* equiv 18px */ }
.biggest { font-size: 1.4286em; /* equiv 20px */ }

/* soft reset */
html, body {
	margin: 0;
	padding: 0;
}
ul, ol { padding-left: 0; }
ul.unstyled { list-style: none; }
code, pre,
samp, kbd {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
	line-height: 1em;
}
code, kbd, mark { border-radius: 2px; }
em { font-style: italic; }
strong { font-weight: 700; }
kbd {
	padding: 0 2px;
	border: 1px solid #999;
}
code {
	padding: 2px 4px;
	background: rgba(0,0,0,.04);
	color: #b11;
}
mark {
	padding: 2px 4px;
	background: #ff0;
}
sup, sub {
	position: relative;
	vertical-align: 0;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
table {
	margin: 20px auto;
	border-collapse: collapse;
}
table td, table th {}




/* Avoid margins on nested elements */
li p:first-child, li ul, li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* Max values */
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; }

/* Pictures */
img { vertical-align: middle; }

/* Scripts */
body > script { display: none !important; }

/* Skip-links */
.skip-links { position: absolute; }
.skip-links a {
	position: absolute;
	left: -7000px;
	padding: 0.5em;
	color: #fff;
	text-decoration: none;
	background: #000;
}
.skip-links a:focus { position: static; }

/* Blocks contains floats */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }

hr { margin: 0; }

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


/* ---------------------------------------- */
/* 3 - Structure                            */
/* ---------------------------------------- */

.goomBlack header {
	background-color: #000000;
}

#logo {
	display: block;
	background-color: #fff;
	padding: 20px 70px;
    text-align: center;
}

#logo img {
    display: block;
    width: 100%;
    height: auto;
}

#content, #rightbar { padding-top: 40px; }
#rubricActions a:last-child { padding-bottom: 30px; }
footer { background-color: #444; }

/* ---------------------------------------- */
/* 4 - Navigation                           */
/* ---------------------------------------- */

#smart-toggle { display: none; }
#headerNavigation { background-color: #fff; }
nav > ul > li {
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
nav > ul > li > ul li > a {
	/* height: auto;
	padding: 10px 20px;
	line-height: 20px;
	white-space: nowrap; */
}
nav > ul > li > ul > li > ul{
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 100;
	display: none;
	background-color: #fff;
	border: 1px solid #ccc;
}
nav > ul > li > ul > li:hover > ul { display: block; }
/* Breadcrumb */
#breadcrumb a { color: #999; }
#breadcrumb a:hover { color: rgb(236,71,76); }



/* ---------------------------------------- */
/* 5 - Modules                              */
/* ---------------------------------------- */

/* Module de base - Actualités */
.newsList #rightbar { display: none; }
.newsList #content { width: 100%; }
.newsItem {
	padding: 0 20px 50px;
	height: auto;
}
.newsItem:nth-child(3n) {
	padding-right: 0;
	padding-left: 40px;
}
.newsItem:nth-child(3n+1) {
	padding-right: 40px;
	padding-left: 0;
	clear: both;
}
.newsItem .newsResumeTitle {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.newsItem .newsResumePicture {
	height: 180px;
	background-size: cover;
	background-position: center;
}
.newsItem .newsResumePicture img { display: none; }
.newsItem .newsResumeShortText { height: 90px; }
.newsItem .newsResumeShortText > p {
	line-height: 1.4;
	color: #666;
}
.newsItem .newsDate {
	position: absolute;
	top: 140px;
	right: 0;
	color: #fff;
	background-color: rgb(43,47,60);
	border-right: 10px solid #ec474c;
}
.newsItem .chapo {
	min-height: 60px;
	line-height: initial;
}
.newsItem .linksmore a {
	height: auto;
	line-height: 28px;
}
.newsItem .event_rate h3,
.newsItem .event_rate .alreadyRated,
.newsItem .event_rate .starsContainer,
.newsItem .event_rate .logVerif,
.newsItem .event_rate .legend { display: none; }
.newsItem .newsResumeActions .linksmore { float: right; }
.newsItem .newsResumeActions .nbComment { margin-left: 65px; }
.newsItem .newsResumeActions .nbComment span { color: #444; }
.newsItem .newsResumeActions .event_rate { float: left; }
.newsDetail .newsNotation h3 {
	display: block !important;
	font-size: 1.4286em;
}
.inner-actu{
  background:#fff;
  padding:15px;
}
.newsResumeInfo, .newsResumeActions  {

}



/* Communauté - Mur d'activités */
.form_wall .person { padding: 0; }
.form_wall #newStatusForm .person a.layerInfos { display: none; }
.message_body{clear:both;    word-wrap: break-word;word-wrap: break-word;}
.wall_links a{word-wrap: break-word;}
.form_wall .divwall_textarea textarea:focus, .form_wall .divwall_textarea textarea.hasContent {
	height: 150px;
	background-color: transparent;
}


.pictOwner, .pictAdmin {
	position: absolute;
	top: 50%;
	left: 85px;
	z-index: 2;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-color: #fff;
	background-position: 4px -276px;
	border: 1px solid #ccc;
}
.pictAdmin { background-position: -325px -276px; }

.massiveActions {
	display: none;
	background-color: #eee;
}
.massiveActions a {
	color: #999;
	text-decoration: none;
}
.massiveActions a:hover { color: rgb(236,71,76); }

/* Communauté - Bloc Messages  */
.message_wall .wall_picture.nbPictures-3 .statusPics:first-child,
.message_wall .wall_picture .statusPics img { max-width: 100%; }
.message_wall .wall_picture.nbPictures-2 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-2 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-4 .statusPics,
.message_wall .wall_picture.nbPictures-5 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(2) {
	float: left;
	width: 50%;
}
.message_wall .wall_picture.nbPictures-2 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-2 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-4 .statusPics { padding-top: 2px; }
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(4),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(5) {
	float: left;
	width: 33.333%;
	padding-top: 2px;
}
.message_wall .wall_picture.nbPictures-2 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-4 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-4 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-5 .statusPics:first-child,
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(4) { padding-right: 1px; }
.message_wall .wall_picture.nbPictures-2 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-3 .statusPics:nth-child(3),
.message_wall .wall_picture.nbPictures-4 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-4 .statusPics:nth-child(4),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(2),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(4),
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(5) { padding-left: 1px; }
.message_wall .wall_picture.nbPictures-5 .statusPics:nth-child(n+6) { display: none; }
.message_wall .statusDocs, .message_wall .statusLinks {
	line-height: 30px;
	-webkit-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out;
}
.message_wall .statusDocs:hover, .message_wall .statusLinks:hover { border-color: rgb(234,71,76); }
.message_wall .statusDocs a, .message_wall .statusLinks a {
	display: block;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
.message_wall .statusDocs a:hover, .message_wall .statusLinks a:hover { background-color: rgba(234,71,76,.1); }
/* .blocMessageActions {
	position: absolute;
	margin: 0;
	z-index: 100;
	display: none;
	width: 200px;
	background-color: #fff;
} */
.respons .row_comment { border-color: #fff; }
.respons .row_comment > .person .personImg,
.respons .commentZone > .person .personImg {
	width: 30px;
	height: 30px;
  margin-right: 5px;
}
.respons .commentZone .submit {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}
.message_datas .ratingUsers .user > div { line-height: 1.5; }
.message_datas .ratingUsers .personInformation > a:first-child { float: left; }
.message_datas .ratingUsers .personInformation > a.layerInfos {
	display: block;
	margin-left: 50px;
	font-size: 1.4rem;
	font-weight: bold;
	white-space: nowrap;
}
.message_datas .rating .totalRatingDiv a i.icon_rating_small{
  background-image: url(../images/ico-reso.png) !important;
  background-position: 0px 0px;
  margin-right:5px;
}
.message_body .articlePicture img + i { display: none!important; }
.message_body .articleResume > div {
	height: 50px;
	line-height: 1.4;
	overflow: hidden;
}

/* Communauté - Edition d'un message */
.message_wall .editStatus {
	height: 150px;
	margin-top: 10px;
}
.message_wall .displayIfCommentEditing {
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
}
.message_wall .displayIfCommentEditing:after,
.message_wall .linkedElements .listAddPictures:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.message_wall .linkedElements {
	padding-top: 10px;
	padding-right: 5px;
}
.message_wall .linkedElements .div_wall_bloc {
	position: relative;
	margin-bottom: 5px;
}
.message_wall .linkedElements .deleteElement {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	background-color: rgb(234,71,76);
	background-position: -205px -335px;
	transform: translateY(-50%);
	opacity: 1;
}
.message_wall .linkedElements .listAddPictures .div_wall_bloc {
	float: left;
	width: 33.333%;
}
.message_wall .linkedElements .listAddPictures .div_wall_bloc:nth-child(3n+1) { padding-right: 4px; }
.message_wall .linkedElements .listAddPictures .div_wall_bloc:nth-child(3n+2) {
	padding-right: 2px;
	padding-left: 2px;
}
.message_wall .linkedElements .listAddPictures .div_wall_bloc:nth-child(3n+3) { padding-left: 4px; }
.message_wall .linkedElements .statusPics {
	height: 150px;
	background-color: #eee;
	border: 1px solid #ccc;
}
.message_wall .linkedElements .statusPics .LinkFile {
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
}
.message_wall .linkedElements .statusPics img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

/**
 * pager
 */
#wall_loading
{
	padding:5px;
	text-align: center;
	/*background: #a2a2a2;*/
	margin: 2px;
}


/* Communauté - Modal d'ajout de contact/discussion */
#result.modalAddContact:before {
	content: 'Ajouter un contact';
	display: block;
	height: 40px;
	padding: 0 20px;
	font-size: 1.2em;
	line-height: 40px;
	color: #999;
	border-bottom: 1px solid #ccc;
}
#result.modalAddContact #tabsSearch > ul > li a {
	height: 44px;
	line-height: 40px;
	color: #666;
	border: 2px solid #ccc;
}
#result.modalAddContact #tabsSearch > ul > li a:hover,
#result.modalAddContact #tabsSearch > ul > li.active_section a {
	text-decoration: none;
	color: rgb(236,71,76);
	border-color: rgb(236,71,76);
}
#result.modalAddContact #tabsSearch > ul > li a:hover { background-color: rgba(236,71,76,.05); }
#result.modalAddContact #tabsSearch .result:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#result.modalAddContact #tabsSearch .person {
	float: left;
	width: 50%;
	background-color: transparent;
}
#result.modalAddContact #tabsSearch .personImg {
	width: 40px;
	height: 40px;
	border-radius: 5px;
}
#result.modalAddContact #tabsSearch .person a.layerInfos {
	position: static;
	display: inline-block;
	padding: 5px 10px;
	font-size: 1em;
	line-height: 14px;
	color: rgb(234,71,74);
	background-color: transparent;
	opacity: 1;
}
#result.modalAddContact #tabsSearch .person .sendRequest {
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	padding-left: 55px;
	font-size: 0.857em;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#result.modalAddContact form #tabSearchSubmit {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 0;
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
}
#result.modalAddContact form #tabSearchSubmit:hover i { opacity: 1; }
#result.modalAddContact .result #loadingAjax, #result.modalAddContact .result #infoSearch {
	position: static!important;
	display: block;
	text-align: center;
}
#result.modalAddContact .result #loadingAjax { padding-bottom: 10px; }



/* ---------------------------------------- */
/* 6 - Widgets                              */
/* ---------------------------------------- */

#wrapperInner .widget { padding-bottom: 30px; }
.widgetTitle {
    color: red;
    padding-bottom: 10px;
}

/* Widget Mon compte */
/* #widgetLoginLinks { cursor: pointer; } */
#widgetLoginLinks:before, #widgetLoginLinks:after {
	/* content: '';
	position: absolute;
	top: 25px;
	bottom: 25px;
	left: 0;
	display: block;
	width: 1px;
	background-color: rgba(255,255,255,.5); */
}
#widgetLoginLinks:after {
	top: 35px;
	left: auto;
	right: 20px;
	width: 6px;
	height: 6px;
	background-color: transparent;
	border-bottom: 2px solid rgba(255,255,255,.7);
	border-right: 2px solid rgba(255,255,255,.7);
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#widgetLoginUser { line-height: 40px; }
.widgetLoginIndicatorsDetail .h5-like { color: #999; }
.widgetLoginIndicatorsDetail .notificationsList .item a { text-decoration: none; }
.widgetLoginIndicatorsDetail .person .layerInfos { display: none; }
.widgetLoginIndicatorsDetail .linkMessage { color: #444; }
.widgetLoginIndicatorsDetail .linkMessage .personName { font-weight: bold; }
/* Widget Recherche
#widgetSearchToggle {
	width: 80px;
	height: 80px;
	line-height: 80px;
	background-color: rgba(43,47,60,.7);
}
#widgetSearchToggle:hover,
#widgetSearchToggle.active { background-color: rgba(43,47,60,1); }
#widgetSearchToggle > i { vertical-align: middle; }
#widgetSearchToggle > .icon_close {
	-webkit-transition: transform .2s ease-in;
	-o-transition: transform .2s ease-in;
	transition: transform .2s ease-in;
}
#widgetSearchToggle.active:hover > .icon_close { transform: rotate3d(0,0,1,180deg); }
#widgetSearchToggle.active > .icon_close,
#widgetSearchToggle > .icon_search { display: inline-block; }
#widgetSearchToggle > .icon_close,
#widgetSearchToggle.active > .icon_search { display: none; }
header .widgetSearch form {
	position: fixed;
	top: -80px;
	left: 0;
	right: 0;
	z-index: 11;
	height: 80px;
	background-color: rgb(43,47,60);
	overflow: hidden;
	-webkit-transition: top .2s ease-in-out;
	-o-transition: top .2s ease-in-out;
	transition: top .2s ease-in-out;
}
header .widgetSearch #widgetSearchToggle.active + form { top: 0; }
header .widgetSearch form label,
header .widgetSearch form .submit { display: none; }
header .widgetSearch form input[type="text"] {
	height: 80px;
	width: 100%;
	max-width: 100%;
	padding: 15px 20px;
	font-size: 1.6em;
	color: #fff;
	background-color: rgb(43,47,60);
	border: none;
}
header .widgetSearch form input[type="text"]::-webkit-input-placeholder { color: rgba(255,255,255,.3); }
header .widgetSearch form input[type="text"]:-moz-placeholder           { color: #ccc; }
header .widgetSearch form input[type="text"]::-moz-placeholder          { color: #ccc; }
header .widgetSearch form input[type="text"]:-ms-input-placeholder      { color: #ccc; }*/

/* Widget Derniers éléments */
#content .widgetNews .news {
	background-position: left center;
	background-size: cover;
	cursor: pointer;
}
#content .widgetNews .news:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
	background-color: rgba(236,71,76,.7);
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
#content .widgetNews .news:hover:after { opacity: 1; }
#content .widgetNews .news:first-child, #content .widgetNews .news:nth-child(2) {
	float: left;
	width: 50%;
	height: 200px;
	overflow: hidden;
	border-bottom: 2px solid #fff;
}
#content .widgetNews .news:first-child,
#content .widgetNews .news:nth-child(3),
#content .widgetNews .news:nth-child(4) { border-right: 1px solid #fff; }
#content .widgetNews .news:nth-child(2),
#content .widgetNews .news:nth-child(4),
#content .widgetNews .news:nth-child(5) { border-left: 1px solid #fff; }
#content .widgetNews .news:nth-child(3), #content .widgetNews .news:nth-child(4),
#content .widgetNews .news:nth-child(5) {
	float: left;
	width: 33.333%;
	height: 140px;
	overflow: hidden;
}
#content .widgetNews .news:nth-child(3) h3 a, #content .widgetNews .news:nth-child(4) h3 a,
#content .widgetNews .news:nth-child(5) h3 a { max-width: 170px; }
#content .widgetNews .news h3 {
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 2;
	padding: 0 10px;
	font-size: 1em;
	line-height: 30px;
	color: #fff;
	background-color: rgb(35,39,53);
	border-left: 10px solid rgb(236,71,76);
}
#content .widgetNews .news h3 a {
	display: block;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#content .widgetNews .news .widgetNewsPicture,
#content .widgetNews .news .widgetNewsDescription,
#content .widgetNews .news .widgetNewsLink { display: none; }

/* Widget Raccourcis */
.widgetShorcutTools ul li {
	/* height: 36px;
	line-height: 36px; */
}
.widgetShorcutTools ul li a:hover {
	/* padding-left: 20px;
	color: #fff;
	text-decoration: none;
	background-color: rgb(236,71,76); */
}

/* ---------------------------------------- */
/* 7 - Formulaires                          */
/* ---------------------------------------- */

fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
textarea {
	vertical-align: top;
	height: 300px;
	margin-top: 0;
	/*resize: none;*/
  resize: auto;
}
::-webkit-input-placeholder {
   color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;
}
:-ms-input-placeholder {
   color: #ccc;
}

/* Multi-checkbox */
.multi_checkbox { display: block; }

/* Nouvelle checkbox */
/* .newInputCheckbox {
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 2px solid #ccc;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
} */
/* .newInputCheckbox:hover { border-color: #444; }
.newInputCheckbox.active { border-color: rgb(234,71,74); } */
/* .newInputCheckbox.active:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icons.png) -150px -310px;
	transform: translate(-50%,-50%) scale(.5);
} */


.newInputCheckboxElement input[type="checkbox"],
.newInputFileElement input[type="file"] {
	/* position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	visibility: hidden; */
}

.fileLinkDelete {
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 2;
	display: none;
}
.fileLinkDelete:hover { opacity: 1; }

/* Champ image de profil/groupe */
.error > .newInputFileElement { padding-top: 0; }
.errorMessage {
	padding: 0 10px;
	margin: 10px 0;
	line-height: 30px;
	color: rgb(236,71,76);
	border: 1px solid rgb(236,71,76);
}
.infoMessage, .confirmInvite {
    display: block;
	background-color: var(--color-primary);
    color: var(--white);
    border-radius: 10px;
    font-weight: 700;
	line-height: 20px;
    margin-bottom: 20px;
    width: 100%;
	padding: 10px;
}

/* ---------------------------------------- */
/* 8 - Spécifiques                          */
/* ---------------------------------------- */

.homepage-rse #breadcrumb { display: none; }



/* Mon profil - Mes contacts */
.myContacts .section > div { padding-bottom: 15px; }
.myContacts .section > div:nth-child(odd)  { padding-right: 15px; }
.myContacts .section > div:nth-child(even) { padding-left:  15px; }
.myContacts .person.active { background-color: rgba(234,71,76,.2); }
.myContacts .person.active .personName { color: #fff; }
.myContacts .relationshipCheckbox {
	position: absolute;
	visibility: hidden;
}
.myContacts .newInputCheckbox {
	margin: 12px 10px 0 5px;
}
.actionsContact {
	/* position: absolute;
	top: 50%;
	right: -5px;
	padding: 5px;
	background-color: rgb(236,71,76);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	transform: translateY(-50%); */
}
.actionsContact a {
	/* background-color: rgba(0,0,0,0);
	-webkit-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out; */
}
/* .actionsContact a:hover { background-color: rgba(0,0,0,.1); } */
/* .person:hover .actionsContact { opacity: 1; } */
/* @changelog 2023-09-11 [FIX] (Nicolas) Test */
/* .card-groupMembers:hover .actionsContact { opacity: 1; } */
.waitingInvitation .person a.layerInfos,
.waitingRelationship .person a.layerInfos,
.membersGroupWaited .person a.layerInfos,
#groupMembers .person a.layerInfos { line-height: 14px; }
.myContacts .relationShipTimeResume { left: 10px;margin-top: -7px; }
.groupess.myGroups.groupMembers #content #membersGroup .membersGroup .relationShipTimeResume{
  margin-left: 0px;
}
#relationshipList .author_profile {min-height: 40px;}

/* Communauté - Profil détaillé */
#accountProfilePreview > a { display: none!important; }
.profile_detail .fiche .personImg {
	width: 140px;
	height: 140px;
}
.profile_detail .personInfos { margin-left: 180px; }
.profile_detail .fiche .personInfo,
.profile_detail .fiche .personDescription { border-left: 2px solid rgb(236,71,76); }
.profile_detail .fiche .personInfo div,
.profile_detail .fiche .personDescription div { margin-left: 60px; }
.profile_detail .fiche .personInfo p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal;
}
#rightbar .groupItem.mini:last-child { margin-bottom: 0; }
#relationshipList .acceptedRelationshipItem { padding: 0 2px 6px; }
#relationshipList .acceptedRelationshipItem:nth-child(3n+1) {
	padding: 0 4px 6px 0;
	clear: both;
}
#relationshipList .acceptedRelationshipItem:nth-child(3n+3) { padding: 0 0 6px 4px; }
#relationshipList .acceptedRelationship .person { background-color: rgb(236,71,74); }
#relationshipList .acceptedRelationship .personImg {
	width: 100%;
	height: 94px;
	border-radius: 0;
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
#relationshipList .acceptedRelationship a.layerInfos {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	padding: 0 5px;
	font-size: 0.7143em;
	line-height: 20px;
	color: #fff;
	text-overflow: ellipsis;
	background-color: rgba(236,71,74,.8);
	opacity: 0;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#relationshipList .acceptedRelationship .person:hover { border-color: rgb(236,71,74); }
#relationshipList .acceptedRelationship .person:hover .personImg { opacity: .8; }
#relationshipList .acceptedRelationship .person:hover a.layerInfos { opacity: 1; }

.tag-convention{
  display: inline-block;
padding: 0 5px;
border-radius: 3px;
  -webkit-border-radius: 3px;
background: #e9ebee;
margin-right: 5px;
margin-top: 5px;
font-size: 12px;
box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
overflow: hidden;
margin-bottom: 0;
}
.tag-convention span{
  display:inline-block;
  background:/*rgb(236,71,76)*/rgb(91, 40, 51);
  color:#fff;
  padding:0 5px 0 5px;
  margin-left:-5px;
}
/* Communauté - Groupes */
#groupsList .tab > div:nth-child(2n) { padding-right: 0; }
#groupsList .tab > div:nth-child(2n+1) {
	padding-left: 0;
	clear: both;
}

/* Communauté - Détail d'un groupe */
#groupDetail .groupStatus {
	height: 30px;
	line-height: 30px;
}
#ownerGroup .personImg {
	width: 100%;
	height: 100%;
}
.groupDetail #rightbar .widget,
.groupCreation #rightbar .widget,
.groupEdition #rightbar .widget,
.groupMembers #rightbar .widget,
#groupDetail .groupImg img + img { display: none; }
#ownerGroup .pictOwner {
	top: auto;
	bottom: -5px;
	left: 75px;
	margin-top: 0;
}

#addMember #tabsSearch ul {
	list-style-type: none;
	margin-top: 0;
}
#addMember .arrowTop, #addMember #tabsSearch ul li { display: none; }
#addMember .specialOverflow:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#addMember .person:hover { background-color: transparent; }
#addMember .person > div {
	-webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
}
#addMember #actionsMembers {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #ccc;
}

@media (max-width: 991px) {
    #addMember #actionsMembers {
        bottom: 63px;
    }
}

/* Communauté - Création/Edition d'un groupe */
#groupPictureDelete {
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 2;
	display: none;
}
#groupPictureDelete:hover { opacity: 1; }

/* Communauté - Gestion des membres d'un groupe */
#groupMembers .pictOwner {
	top: 36px;
	left: 20px;
	transform: scale(.8);
}
#groupMembers .item:nth-child(2n)   { padding-left: 20px; }
#groupMembers .item:nth-child(2n+1) { padding-right: 20px; }


/*------ Discussion Instantannée -------*/
#liveShortcut {
	position: fixed;
	bottom: 0;
	right: 50px;
	z-index: 1000;
	width: 260px;
	font-size: 12px;
	background-color: #fff;
}
#liveShortcut > a {
	padding: 5px;
	font-weight: normal;
	color: #fff;
	background: #cc191e;
	padding: 5px;
	display: block;
}
#liveShortcut #liveThread {
	height: 310px;
	border: 1px solid #999;
	border-bottom: 0;
	border-top: 0;
}
#liveShortcut #reduceFormInstantTalk {
	width: 20px;
	height: 20px;
	background-position: -60px -370px;
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 0;
}
#liveShortcut #listMessages {
	height: 226px;
	overflow-y: scroll;
	padding: 10px 15px;
}
#liveShortcut #bottomPage { margin: 0; }
#liveShortcut #bottomPage textarea {
	margin: 0;
	height: 60px;
	resize: none;
	border: 0;
	border-top: 1px solid #999;
}
#liveShortcut #listTabsThreads_content ul {
	width: 100%;
	display: block;
	margin-top: 0px;
}
#liveShortcut #listTabsThreads_content {
	border-bottom: 1px solid #999;
	white-space: nowrap;
	overflow: hidden;
}
#liveShortcut #listTabsThreads_content li {
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: -1px;
	margin: 0 2.5px;
}
#liveShortcut #listTabsThreads_content li.chatActiveTab {
	border: 1px solid #999;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
#liveShortcut #listTabsThreads_content li span { display: none; }
#listTabsThreads { position: relative; }
#listTabsThreads_content {
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
}
#prevThread, #nextThread {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 50;
	cursor: pointer;
	width: 24px;
	text-align: center;
	border-bottom: 1px solid #999;
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	background-image: url(../images/icons.png)!important;
}
#prevThread {
	left: 0;
	background-position: 10px -505px;
}
#nextThread {
	float: right;
	right: 0;
	background-position: -10px -505px;
}
#liveShortcut .oneMessage{
	clear: both;
	padding: 15px 5px 25px 5px;
	width: 100%;
	display: inline-block;
	position: relative;
}
#liveShortcut .oneMessage .personInformation{
	display: inline-block;
	vertical-align: bottom;
}
#liveShortcut .oneMessage .text {
	text-align: justify;
	padding: 5px;
	border-radius: 5px;
}
#liveShortcut .oneMessage.myPost .text {
	margin-right: 35px;
	background-color: #e6575e;
	color: #fff;
}
#liveShortcut .oneMessage.otherPost .text {
	margin-left: 35px;
	background-color: #eee;
	color: #999;
}
#liveShortcut .oneMessage.otherPost .personInformation { float: left; }
#liveShortcut .oneMessage .personInformation {
	width: 28px;
	height: 28px;
}
#liveShortcut .oneMessage .personInformation img {
	width: 28px;
	height: 28px;
	border: 1px solid #999;
}
#liveShortcut .oneMessage.myPost .personInformation { float: right; }
#liveShortcut .oneMessage .personInformation a + a { display: none; }
#liveShortcut .oneMessage .resumeTime {
	position: absolute;
	bottom: 10px;
	font-size: .8571em;
	color: #999;
}
#liveShortcut .oneMessage.otherPost .resumeTime { right: 5px; }
#liveShortcut .oneMessage.myPost .resumeTime { left: 5px; }

/* Toutes les pages - Zone de contenu blanche */
.pWhite #wrapper, #products-list {
  background-color: #FFFFFF;
}

/* ---------------------------------------- */
/* 9 - Tricks                               */
/* ---------------------------------------- */

.linkBox {
	position: relative;
	border: 1px solid #ccc;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.linkBox:hover {
	color: rgb(1236,71,76);
	background-color: rgba(1236,71,76,.05);
	border-color: rgb(1236,71,76);
}
.linkBox:before {
	content: '';
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 2;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../images/icons.png);
	background-position: -240px -280px;
	opacity: .25;
}
.linkBox:hover:before {
	background-position: -240px -310px;
	opacity: 1;
}
.linkBox > p {
	padding: 10px;
	margin-top: 0;
}
.linkBox p + p {
	padding: 10px 10px 8px;
	color: #999;
	background-color: #eee;
}
.linkBox img + a {
	vertical-align: middle;
	margin-left: 10px;
}
.linkBox a { color: #999; }
.linkBox:hover a {
	color: rgb(1236,71,76);
	text-decoration: none;
}

.noTitle h2, .noTitle h4, .noTitle .widgetTitle { display: none; }

.hide      { display: none!important; }
.inbl      { display: inline-block; vertical-align: top!important; }
.inblM     { display: inline-block!important; vertical-align: middle!important; }
.inblB     { display: inline-block!important; vertical-align: bottom!important; }
.block     { display: block; }
.blockF    { display: block!important; }
.mod       { overflow: hidden; }
.relative  { position: relative; }
.absolute  { position: absolute; }

.w10       { width: 10%; }
.w20       { width: 20%; }
.w25       { width: 25%; }
.w30       { width: 30%; }
.w33       { width: 33.333%; }
.w40       { width: 40%; }
.w50       { width: 50%; }
.w60       { width: 60%; }
.w66       { width: 66.667%; }
.w70       { width: 70%; }
.w80       { width: 80%; }
.w90       { width: 90%; }
.w100      { width: 100% }

.w50p      { width: 50px; }
.w100p     { width: 100px; }
.w150p     { width: 150px; }
.w180p     { width: 180px; }
.w200p     { width: 200px; }
.w250p     { width: 250px; }
.w300p     { width: 300px; }
.w350p     { width: 350px; }
.w400p     { width: 400px; }
.w450p     { width: 450px; }
.w500p     { width: 500px; }
.w550p     { width: 550px; }
.w600p     { width: 600px; }
.w650p     { width: 650px; }
.w700p     { width: 700px; }
.w710p     { width: 710px; }
.w750p     { width: 750px; }
.w800p     { width: 800px; }
.w900p     { width: 900px; }
.w1000p    { width: 1000px; }
.w1080p    { width: 1080px; }

.h100      { height: 100%; }
.h50p      { height: 50px; }
.h100p     { height: 100px; }
.h200p     { height: 200px; }

.p0        { padding: 0; }
.p5        { padding: 5px; }
.p10       { padding: 10px; }
.p15       { padding: 15px; }
.p20       { padding: 20px; }
.p25       { padding: 25px; }
.p30       { padding: 30px; }
.pt0       { padding-top: 0; }
.pt5       { padding-top: 5px; }
.pt10      { padding-top: 10px; }
.pt15      { padding-top: 15px; }
.pt20      { padding-top: 20px; }
.pt30      { padding-top: 30px; }
.pt40      { padding-top: 40px; }
.pt50      { padding-top: 50px; }
.pr0       { padding-right: 0; }
.pr5       { padding-right: 5px; }
.pr10      { padding-right: 10px; }
.pr15      { padding-right: 15px; }
.pr20      { padding-right: 20px; }
.pr25      { padding-right: 25px; }
.pr30      { padding-right: 30px; }
.pr40      { padding-right: 40px; }
.pb0       { padding-bottom: 0; }
.pb5       { padding-bottom: 5px; }
.pb10      { padding-bottom: 10px; }
.pb15      { padding-bottom: 15px; }
.pb20      { padding-bottom: 20px; }
.pb30      { padding-bottom: 30px; }
.pb40      { padding-bottom: 40px; }
.pl0       { padding-left: 0; }
.pl5       { padding-left: 5px; }
.pl10      { padding-left: 10px; }
.pl15      { padding-left: 15px; }
.pl20      { padding-left: 20px; }
.pl25      { padding-left: 25px; }
.pl30      { padding-left: 30px; }
.pl35      { padding-left: 35px; }

.m10       { margin: 10px; }
.m20       { margin: 20px; }
.m20       { margin: 30px; }
.mt0       { margin-top: 0; }
.mt5       { margin-top: 5px; }
.mt10      { margin-top: 10px; }
.mt20      { margin-top: 20px; }
.mt30      { margin-top: 30px; }
.mr0       { margin-right: 0; }
.mr5       { margin-right: 5px; }
.mr10      { margin-right: 10px; }
.mr20      { margin-right: 20px; }
.mr30      { margin-right: 30px; }
.mb0       { margin-bottom: 0; }
.mb5       { margin-bottom: 5px; }
.mb10      { margin-bottom: 10px; }
.mb20      { margin-bottom: 20px; }
.mb30      { margin-bottom: 30px; }
.ml0       { margin-left: 0; }
.ml5       { margin-left: 5px; }
.ml10      { margin-left: 10px; }
.ml20      { margin-left: 20px; }
.ml30      { margin-left: 30px; }
.ml40      { margin-left: 40px; }
.ml50      { margin-left: 50px; }
.ml100     { margin-left: 100px; }

.posLeft      { float: left; }
.posMiddle    { margin: 0 auto; }
.posRight     { float: right; }

.txtLeft   { text-align: left; }
.txtCenter { text-align: center; }
.txtRight  { text-align: right; }

.txtBlack	{ color: #000; }
.txtRed		{ color: rgb(236,71,76); }

.borderAll         { border: 1px solid #ccc; }
.borderTop         { border-top: 1px solid #ccc; }
.borderRight       { border-right: 1px solid #ccc; }
.borderBottom      { border-bottom: 1px solid  var(--gray-400); }
.borderBottomLight { border-bottom: 1px solid #eee; }
.borderLeft        { border-left: 1px solid #ccc; }
.noBorder          { border: none!important; }

.noDot { list-style-type: none; }



.arrowContent, .message_wall .addText {
	position: absolute;
	top: -30px;
	left: 0;
	display: none;
	height: 20px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	background-color: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }
.arrowContent:before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 5px;
	display: block;
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.op25 { opacity: .25; }
.op50 { opacity: .5; }

.arrowTop, .arrowBlack {
	position: absolute;
	top: -10px;
	left: 15px;
	z-index: 2;
	display: block;
	width: 25px;
	height: 10px;
	background-position: 0 -200px;
}
.arrowBlack {
	top: 22px!important;
	left: 5px;
	width: 10px;
	height: 5px;
	background-position: 0 -240px;
	background-color: none;
}
.closeBox {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
	display: block;
	width: 10px;
	height: 10px;
	background-position: 0 -220px;
	text-indent: -9999px;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: .5;
}
.closeBox:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}


.errorForm, .loginError {
	width: 500px;
	padding: 10px;
	margin: 20px auto 0;
	color: #fff;
	text-align: center;
	background: rgba(193,0,0,.5);
}
#contentLoginForm .error {
	padding: 5px;
	color: #fff;
	text-align: center;
	background: #ff3c53;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.error input {
	background: #ffeaea;
	border: 1px solid #c90000;
}

.sendcart-form input#toid {
	opacity: .5;
}

.sendcart-form input#toid,
.sendcart-form label[for="toid"],
.sendcart-form textarea#msg,
.sendcart-form label[for="msg"] {
	display: none;
}

.boutique .notif-panier {
	position: relative;
	margin-top: 15px;
	padding: 10px;
	padding-left: 40px;
	border-radius: 3px;
	background: #f0f0f0;
}

.boutique .notif-panier:before {
	content: "";
	position: absolute;
	top: 10px; left: 10px;
	background: url("/images/sprite-boutique.png") -132px 0 no-repeat;
	width: 18px;
	height: 18px;
}



/* Jeu d'icônes */


.square-15  { width: 15px; height: 15px; }
.square-20  { width: 20px; height: 20px; }
.square-30  { width: 30px; height: 30px; }
.square-40  { width: 40px; height: 40px; }
.square-50  { width: 50px; height: 50px; }
.square-100 { width: 100px; height: 100px; }

/* Icônes header */
.icon_user   { background-position: -30px 0; }
.icon_inbox  { background-position: -60px 0; }
.icon_bell   { background-position: -90px 0; }
.icon_close  { background-position: -120px 0; }

/* Icônes 40 */
.divAddDocImg, .docIn .icons         { display: inline-block; background-position: 0 -30px; width: 40px; height: 40px; }
*:hover > .icon_delete_medium      { background-position: -200px -80px; }
.deleteElementWhite                { background-position: -200px -130px; }
.icon_home_medium                  { background-position: -250px -30px; }
.icon_home_mediumRed               { background-position: -250px -80px; }
.icon_job_medium                   { background-position: -300px -30px; }
.icon_job_mediumRed                { background-position: -300px -80px; }
.icon_inbox_medium                 { background-position: -350px -30px; }
.icon_inbox_mediumRed              { background-position: -350px -80px; }
.icon_phone_medium                 { background-position: -400px -30px; }
.icon_phone_mediumRed              { background-position: -400px -80px; }
.icon_mobile_medium                { background-position: -450px -30px; }
.icon_mobile_mediumRed             { background-position: -450px -80px; }
.icon_page_medium                  { background-position: -500px -30px; }
.icon_page_mediumRed               { background-position: -500px -80px; }
.icon_search_medium                { background-position: -550px -30px; }
.icon_search_mediumRed             { background-position: -550px -80px; }
.icon_search_mediumWhite           { background-position: -550px -130px; }
.icon_exit                         { background-position: -600px -30px; }
.icon_exitWhite                    { background-position: -600px -130px; }
.icon_modify                       { background-position: -650px -30px; }
.icon_modifyWhite                  { background-position: -650px -130px; }
.icon_comment                      { background-position: -700px -30px; }
.icon_average                      { background-position: -750px -30px; }
.icon_accept_mediumWhite           { background-position: -800px -130px; }
.icon_refuse_mediumWhite           { background-position: -850px -130px; }

/* Icônes 30 */
.icon_contacts                                  { background-position: 0 -180px; }
.icon_contactsBlack                             { background-position: 0 -210px; }
#menuContacts li:hover .icon_contactsBlack      { background-position: 0 -180px; }
.active .icon_contactsBlack                     { background-position: 0 -180px; }
.icon_contacts_wait                             { background-position: -30px -180px; }
.icon_contacts_waitBlack                        { background-position: -30px -210px; }
.active .icon_contacts_waitBlack                { background-position: -30px -180px; }
#menuContacts li:hover .icon_contacts_waitBlack { background-position: -30px -180px; }
.icon_add_contacts                              { background-position: -60px -180px; }
.icon_add_contactsBlack                         { background-position: -60px -210px; }
.active .icon_add_contactsBlack                 { background-position: -60px -180px; }
#menuContacts li:hover .icon_add_contactsBlack  { background-position: -60px -180px; }

/* Icônes 20 */
.icon_member                                    { background-position: -30px -280px; }
.icon_memberWhite                               { background-position: -30px -340px; }
.icon_crown                                     { background-position: 0 -280px; }
.icon_crownWhite                                { background-position: 0 -310px; }
.icon_admin                                     { background-position: 0 -310px; }
.icon_adminWhite                                { background-position: 0 -280px; }
.icon_arrowRightRed20                           { background-position: -60px -340px; }
.icon_arrowLeftRed20                            { background-position: -90px -340px; }
.icon_search_small                              { background-position: -120px -340px; }
.icon_accept_small                              { background-position: -150px -340px; }
.icon_refuse_small                              { background-position: -180px -340px; }
.icon_delete_small                              { background-position: -210px -340px; }
.icon_setAdminRightsWhite                       { background-position: -360px -340px; }
.icon_unsetAdminRightsWhite                     { background-position: -390px -340px; }
.icon_comment_small                             { background-position: -420px -310px; }
.icon_like_small                                { background-position: -450px -310px; }
.icon_rating_small                              { background-position: -480px -310px; }
.icon_time_small                                { background-position: -510px -280px; }
.icon_statusMenu_small                          { background-position: -540px -280px; }
.icon_edit_small                                { background-position: -570px -280px; }
.icon_editWhite_small                           { background-position: -570px -340px; }

/* Icônes 50 */
.icon_noResult                                  { background-position: 0 -380px; }
.icon_arrowLeft                                 { background-position: -60px -380px; }
.icon_members                                   { background-position: -120px -380px; }
.icon_photo                                     { background-position: -180px -380px; }
.icon_link                                      { background-position: -240px -380px; }
.icon_attach                                    { background-position: -300px -380px; }


/* Champ de formulaire masqué pour gestion d'un antispam de type honey pot*/
.firstnameFormRow {
	display:none;
}


/*----------------------------------------------------------------------------/
/                                CUSTOM STYLE                                 /
/----------------------------------------------------------------------------*/
/*.left {
    float: left;
}
.w200p {
    width: 200px;
}*/
/* #page{background:#e9ebee;} */
.myLogin #page{background:#fff;}
.fullwidth #content{
  width:100%;
}
.fullwidth #rightbar{
  display:none;
}
.clear{
  clear:both;
  width:100%;
  height:0;
  display:block;
}
#rightbar .box, #rightbar .widget, #rightbar #myMenu, #rightbar #membersListSummary, #rightbar #relationshipList, #rightbar #groupList{
    /*border: 1px solid #ccc;*/
    padding:15px;
    margin-bottom: 30px;
  font-size:14px;
  background:#fff;
}
/*#rightbar #rubricMetas, */#rightbar #leaveGroup {
  margin-bottom: 30px;
  margin-top: 30px;
}
#rightbar #leaveGroup {
  display:none;
}
#rightbar #groupDetailsMembers #ownerGroup{
  /* overflow:hidden; */
}
/* @Changelog [FIX] Anne-Lyse Ajout du nom et prénom du propriétaire du groupe */

#rightbar #groupDetailsMembers #ownerGroup a.personName {
    position: absolute;
    bottom: -14px;
    left: 0;
	font-size: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
    padding: 0;
    width: 100%;
}
#rightbar .box h4, #rightbar .box .h4-like, #rightbar .widget h4, #rightbar .widget .h4-like, #rightbar #membersListSummary h4, #rightbar #myGroupMenu h4{
  margin:0 0 20px;
  /*border-bottom: 1px solid #ccc;*/
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: normal;
}
#rightbar #membersListSummary h4, #rightbar #myGroupMenu h4{
  font-size: 2em;
}
#rightbar #rubricMetas #membersListSummary #otherMembers .pictAdmin {
  top: 73%;
  left: 26px;
}
#rightbar .news{
  margin-bottom:30px;
}
#rightbar .widgetNewsPicture {
  width: 65px;
  height: 65px;
  margin-right: 10px;
  line-height: 65px;
  float:left;
  background: url(../images/icons_communaute.png) no-repeat -53px -1126px #eee !important;
  border: 1px solid #ccc;
}
#rightbar .widgetNewsPicture img{
  max-width: 100%;
  max-height: 100%;
  display: block;
}

#rightbar .news h3{
  font-size: 15px;
  font-weight: 700;
  color: #d82425;
  margin:0;
  padding:0;
  line-height: 125%;
}
#rightbar .news .widgetNewsDescription{
  height: 35px;
  overflow: hidden;
  line-height: 125%;
}
.box_prestataires .ville, .box_prestataires .note, .widget-references .viewmore-presta {
    display: none !important;
}
#rightbar .box_prestataires h3{
  font-size: 15px;
  font-weight: 700;
  color: #d82425;
  margin:0;
  padding:0px 0 0px;
  height:auto;
}
#rightbar .box_prestataires h4 + h3{
  padding-top:0;
}
#rightbar .box_prestataires ul{
  list-style:none;
  margin:0px 0 10px;
  padding:0;
}
#rightbar .box_prestataires ul li{
  font-weight:bold;
  line-height: 1.3;
}
#rightbar .news .widgetNewsLink{
  display:none;
}

#rightbar .direct-essent ul{
  margin:0;
  padding:0;
  list-style:none;
  line-height:1.1;
}
#rightbar .direct-essent ul li{
  margin:0 0 10px;
}
#rightbar .person a.layerInfos {
  display: block;
}
/*-----search-----*/
#searchAll {
  display: none;
}
#searchWiki {
  display: none;
}
.boxsearch h4{
  font-size: 13px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 2px;
}
/*news detail*/
.pages-wiki.blogPostDetail #breadcrumb + h1{
  display:none;
}
.pages-wiki.blogPostDetail .newsResumeHeader {
  display:none;
}
/* ---------------------------------------- */
/* 14 - REFERENCES                          */
/* ---------------------------------------- */
.portfolio .fiche_reference {
	position: relative;
	float: left;
	display: block;
	width: 160px;
	height: 140px;
	margin: 5px;
	background: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
  	opacity: 1;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
	box-shadow: 0 0 10px #aaa;
	overflow: hidden;
}
#ads .ads_entry_summary a {
	padding-left: 0;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#ads .ads_entry_summary img, #ads .fiche_reference img {
	width: 160px;
	height: auto !important;
}
#ads .ads_entry_summary .infosAds, .fiche_reference .infosAds {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 62px;
	width: 160px;
	padding: 0 5px 0 5px;
	color: #fff;
	background: #353535;
}
#ads .ads_entry_summary h5, .fiche_reference h5 {
	height: 33px;
	padding: 0;
	margin: 5px 0 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	overflow: hidden;
}
.sum-client { display: none; }
.fiche_reference .ratingsDatas {
	position: absolute;
	bottom: 5px;
	left: 5px;
	margin: 0;
	border: none !important;
}
.fiche_reference h3.notaTitle {
	display: none !important;
	background: none !important;
}
.fiche_reference .ratingsDatas .blocRate { width: 140px !important; }
.fiche_reference .note-caption, .fiche_reference .infonote { display: none; }
.fiche_reference .ratingsDatas fieldset {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: normal !important;
}
.portfolio #wrapper h3.titreRef {
	max-width: 370px;
	padding-left: 35px;
	font: normal 24px "Aldo", arial,sans-serif;
	background: url(/images/ico-references.png) no-repeat;
}
.infosClient {
	display: block;
	width: 670px;
	height: 50px;
	margin-top: 30px;
	border-bottom: 1px dotted #aaa;
}
#wrapper .blocRef {
	float: left;
	display: block;
	width: 212px;
	height: 40px;
	padding-top: 5px;
	padding-left: 52px;
	margin: 0 5px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	color: #000;
	background: #F1F1F1;
}
.portfolio #wrapper .refName    { background: #F1F1F1 url(/images/bg-refname.png) no-repeat; }
.portfolio #wrapper .refSecteur { background: #F1F1F1 url(/images/bg-refsecteur.png) no-repeat; }
#wrapper .refSite { background: #F1F1F1 url(/images/bg-refsite.png) no-repeat; }
.portfolio #wrapper .blocRef label {
	width: 155px !important;
	margin: 0;
	color: #666;
	font-style: normal;
}
.infosProjet {
	display: block;
	height: 50px;
	margin-top: 10px;
}
.portfolio #wrapper .refType {
	background: #F1F1F1 url(/images/bg-reftype.png) no-repeat;
	position: relative;
}
.portfolio #wrapper .refAgence { background: #F1F1F1 url(/images/bg-refagence.png) no-repeat; }
.portfolio #wrapper .refChef   { background: #F1F1F1 url(/images/bg-refchef.png) no-repeat; }
.portfolio #wrapper .blocRef ul {
	margin: 0;
	list-style-type: none;
}
.downloads {
	width: 670px;
	height: 80px;
	padding: 5px 0 0 5px;
	margin-top: 15px;
	background: #F5F5F5;
}
#bgdl {
	display: block;
	float: left;
	margin-right: 30px;
	margin-left: 5px;
}
.dlfiles {
	position: relative;
	float: left;
	display: block;
	width: 210px;
	height: 30px;
	margin-left: 5px 0 5px 10px;
	list-style-type: none;
	color: #666;
}
.downloads h4 {
	margin: 10px 0 0;
	font-size: 1.2em;
	color: #333;
}
.downloads ul li {
	margin: 3px 0;
	padding: 0 0 0 20px;
	font-size: .9em;
	line-height: 18px;
	background: url(/images/ico-liste.png) no-repeat 0 4px;
}
#hideType, #hideType2 {
	cursor: pointer;
	color: #d82425;
}
.detail-prestataire h3 {
	padding-left: 35px;
	font: normal 24px 'Aldo', arial, sans-serif;
	background: url(/images/bg-prestataire.png) no-repeat;
  margin-bottom: 25px;
}
.detail-prestataire label {
	clear: both;
	display: block;
	width: 260px;
	margin: 0;
}
.detail-prestataire .nom, .detail-prestataire .fonction,
.detail-prestataire .coord, .detail-prestataire .site {
	display: block;
	width: 100%;
  max-width:300px;
	height: 40px;
	padding-left: 45px;
	margin-bottom: 10px;
      font-size: 13px;
}
.detail-prestataire .nom      { background: #F1F1F1 url(/images/ico-nompresta.png) no-repeat; }
.detail-prestataire .fonction { background: #F1F1F1 url(/images/ico-postepresta.png) no-repeat; }
.detail-prestataire .coord    { background: #F1F1F1 url(/images/ico-coordpresta.png) no-repeat; line-height: 1.5; }
.detail-prestataire .site     { background: #F1F1F1 url(/images/ico-prestasite.png) no-repeat; }
.detail-prestataire .infospresta {
	float: left;
	display: block;
 width:100%;
	max-width: 300px;
	color: #D82425;
}
.detail-prestataire .coordonnees {
	float: left;
	display: block;
	width:100%;
	max-width: 300px;
	margin-left: 100px;
}
.detail-prestataire label {
	clear: both;
	display: block;
	width:100%;
	max-width: 300px;
	color: #666;
}
.detail-prestataire .infossuppl h4 {
	padding-left:30px;
	font: normal 20px 'Aldo', arial, sans-serif;
	background: url(/images/ico-infopresta.png) no-repeat;
}
.detail-prestataire h5 { font: normal 18px 'Aldo', arial, sans-serif; }
.detail-prestataire .note {
	width: 655px;
	height: 40px;
	margin: 10px 0;
	padding-left: 10px;
	line-height: 40px;
	background: #F5F5F5;
}
.detail-prestataire .description{
  padding:15px 0;
}
.comment p:last-child {
    margin: 0 0 0 0px;
      line-height: 1.5;
  clear: both;
}
.post_infos, #list_comments .date {
    color: #bbb;
}
.backPresta {
	clear: both;
	display: block;
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px dotted #ddd;
}
#form_add_comment .left{
  float:left;
}
#form_add_comment fieldset {
    width: 600px;
}
#form_add_comment textarea {
    width: 540px;
    height: 40px;
    margin: 0;
}
.widgetSearchAds .adsSearchForm label { display: none; }
.widgetSearchAds input[type="text"], .widgetSearchAds select { width: 100%; }

.box_prestataires h3 {
	display: block;
	height: 15px;
	margin: 0 0 10px 10px;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
}
.box_prestataires .ville, .box_prestataires .note,
.widget-references .viewmore-presta { display:none !important; }
.box_prestataires ul {
	display: inline-block;
	margin: 0;
	overflow: hidden;
}
.box_prestataires ul li {
	padding-left: 0 !important;
	background: none;
}
.prestataires .prestataires-list{

}
.prestataires .prestataires-list h3{
  font-size:20px;
  color: #444;
  border-bottom:1px solid #ccc;
}
.prestataires .prestataires-list .ratingsDatas {
    margin: 10px 0 30px;
}
.prestataires .prestataires-list .ratingsDatas h3{
    font-size: 15px;
    font-weight: bold;
    border: none;
}
.prestataires .prestataires-list .ratingsDatas .blocRate {
    color: #444;
}
.prestataires .prestataires-list .ratingsDatas .blocRate .infonote{
  display: block;
  clear: both;
}
.widget-references .viewmore-ref { display: block !important; }
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    border: 0;
  width:100%;
}



.newsItem .blocRate .infonote{
  display:none;
}
.newsItem .nbComment{
  display:none !important;
}
.newsItem .newsResumeActions .event_rate{
  padding: 13px 0;
}


.widgetPush {
	position: absolute;
	top: 200px;
	left: 342px;
	width: 600px;
	background: #FFF;
	border: 1px solid #2C2C2C;
	padding: 20px;
	z-index:1000;
}
.codeCoupon {
  float: left;
  margin-right: 20px;
  margin-top: 15px;
  font-size: 1.4em;
}
.codeCoupon span { font-weight: bold; }












/*page wiki */
.post {
    margin: -5px -5px 30px;
    padding: 5px;
    cursor: pointer;
}
.post_picture_resume {
    width: 120px;
    height: 120px;
    background:url(../images/icons_communaute.png) no-repeat -30px -1250px #eee !important;
    border: 1px solid #ccc;
    overflow: hidden;
}
.post .post_picture_resume {
    line-height: 90px;
  position: relative;
}
.post .post_picture_resume .post_date{
  position:absolute;
  left:0;
  bottom:0;
  text-align:center;
  font-size:12px;
  color:#fff;
  line-height:normal;
  background:#888;
  width:100%;
  padding:5px 0;
}
.post .left {
  float:left;
}
.post .post_resume h2{
  font-size:20px;
  margin:0;
  padding:0;
}
.post .post_resume .post_infos{
  font-weight:bold;
  color: #bbb;
  margin-bottom:10px;
}
.post .post_resume .post_infos span{
  color: #444;
}
.post .commentsDatas, .post .ratingsDatas {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  padding: 10px 0 0;
}
.post .ratingsDatas {
    height: auto;
    margin: 0;
    cursor: default;
  margin-right: 20px;
}
.post .linksmore, .lastCommentDate {
    display: none;
}
.post .commentsDatasLink {
    padding: 0 15px 0 30px;
    font-weight: normal;
  font-size:13px;
    color: #d82425;
    background:url(../images/icons.png) no-repeat -710px -90px !important;
}
.post .commentsDatasLink span{
    display: block;
  background:#fff;
  padding-bottom: 3px;
}
.post .notaTitle{
    display: none;
}
.post .infonote{
    display: none;
}
.pages-wiki #rightbar .widget {
    border:none;
    padding: 15px;
    margin-bottom: 30px;
  line-height: 1.1;
}
.pages-wiki #rightbar .widget h4{
  border:none;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 0px;
}


/*metier*/
.metiers .groupItem .groupInfos .groupDescription {
    max-height: 30px;
    overflow: hidden;
}
/*login*/
.homepage-rse.myLogin #content .widget.widgetNews{
  display:none;
}
/*inviote contact*/
#result.modalAddContact #tabsSearch .person a.layerInfos,
#tabSuggest .person a.layerInfos{float: left;max-width: calc(100% - 50px);}






#list_comments{clear:both;}
#form_add_comment .personName {
    display: none;
}
.newsDetail #form_add_comment .commentField {
    padding: 0px;
}
.newsDetail #form_add_comment textarea {
      padding: 5px;
    outline: none;
    resize: none;
    font: normal 12px 'Roboto', Arial, sans-serif;
    border: 1px solid #ccc;
}
#list_comments i.icon_desert {display:none;}

.pages-wiki.blogPostDetail .newsNavigation{border-top: none;}

.selectOrder .select2-container--default .select2-selection--single .select2-selection__clear{display:none;}
.homepage-rse.myLogin #headerInner .widgetLogin {display:none;}
.blogPostsList .post {
    margin: 0 0px 30px;
    padding: 15px;
    cursor: pointer;
    background: #fff;
}
.blogPostsList .post .post_resume{width: 620px;}




.date_picker{
  position: absolute;
  right: 5px;
  bottom: 23px;
    display:none;
}
#account_modify .date_picker{

}

.homepage-rse #content .widgetNews .news .widgetNewsPicture{
  display:block;
}
.homepage-rse #content .widgetNews .news .widgetNewsPicture img{
  width:100%;
  height:auto;
}
.message_datas .totalRatingDiv {
  margin-right: 0px;
}
.message_datas .numberLike{
  display:none;
}

.news.newsDetail .newsDetail #chapo{
  display:none;
}
.pages-wiki.fullwidth.blogPostDetail #content #text{
  padding:0;
}
.list-det-contact{
  background:#fff;
  padding:10px;
  border: 1px solid #ccc;
  border-top: 0;
}
#relationshipList .acceptedRelationship .personImg{
  height:80px;
}
#relationshipList .acceptedRelationshipItem .person .personInformation .layerInfos .personName{
  color:#fff;
}


.prestataires-list .secteur ul{
  list-style:none;
  margin:0;
  padding:0;
}
.prestataires-list .secteur ul li{
    display: inline-block;
    padding: 3px 5px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #e9ebee;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 12px;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    overflow: hidden;
    margin-bottom: 5px;
    color: #444;
}
.pages-wiki.fullwidth.blogPostDetail #content > h1{
  display:none;
}
#content > article #text ul{
  padding-left: 40px;
}

.catalogProductDetail #content{
  padding:20px;
  margin-top:40px;
  background:#fff;
  margin-right: 10px;
  /*width: 535px;*/
}
#content #groupMembers #membersGroup{
  background:#fff;
}
#content #groupMembers #membersGroup .membersGroupAdministrator{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 30px 20px 0;
}
#content #groupMembers #membersGroup .membersGroup,
#content #groupMembers #membersGroup .membersGroupWaited  {
  border: 1px solid #ccc;
  border-top:none;
  padding: 30px 20px;
}
#content #groupMembers #membersGroup .listItems:after{
  content:"";
  width:100%;
  height:0;
  display:block;
  clear:both;
}

#content #groupCreate{
  padding:20px 20px;
  background: #fff;

}
.groupEdition #rightbar #myGroupMenu{
  padding:20px 20px;
  background: #fff;
  margin-bottom: 30px;
}
#content #groupCreate .groupPicture #html5Behaviorspicture{
    margin-right: 20px;
}
#content #groupCreate .groupPicture #groupPictureField label{
  display:block;
}
#content #groupCreate .groupPicture #groupPictureField .newInputFile{
  padding-left:0;
}

#content #search{
  background:#fff;
  padding:30px 20px;
}
#content #search #searchform #searchformcontent{
  margin-bottom:20px;
}
#content #search #searchform #searchformcontent input[type="text"]{
    width: calc(100% - 125px);
    display: inline-block;
}
#content #search #searchform #searchformcontent .submit{
  display:inline-block;
  width:120px;
}

.form_wall .aMessage > .p5, .blocMessage .aMessage > .p5{
  padding-top:10px;
}

.detail-ref{background:#fff;padding:20px;}

/*-------------popup navigateur chrome-----------------*/
.alertMessage{
  position:fixed;
  left:0%;
  top:0%;
  width:100%;
  background:rgba(0,0,0,0.8);
  text-align:center;
  height:100%;
  z-index:10000;
}
.alertMessageContent{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  width:100%;
  max-width:500px;
  padding:20px;
  background:#fff;
  text-align:center;
  z-index:10010;
}
.alertMessageAction{margin-top: 20px;}
.alertMessageContent a{
    display: inline-block;
    cursor: pointer;
    max-width: 100%;
    height: 40px;
    padding: 0 25px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 38px;
    color: rgb(236,71,76);
    text-overflow: ellipsis;
    background-color: transparent;
    border: 2px solid rgb(236,71,76);
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    overflow: hidden;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.alertMessageContent a:hover{
  background-color:rgb(236,71,76);
  color:#fff;
}

/* Dernières actualités */
.wNews, .wDiapo { padding: 0 0 20px; }
.wDiapo h4 { font-size: 1.8em;display:none; }
.wDiapo p{margin:0;padding:0;}
.wNews .widgetContainer, .wDiapo .widgetContainer {
	/*height: 200px;*/
	overflow: hidden;
}
.wDiapo .emBehaviorNivoSlider {
	width: 100%!important;
	height: 200px!important;
}
.wDiapo .emBehaviorNivoSlider a img { width: 750px; }
.wDiapo .nivo-directionNav a {
	top: 50%;
	margin-top: -25px;
}
.wDiapo .emBehaviorFrontNewsDetail {
	position: relative;
	float: right;
	width: 400px;
	height: 191px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.wDiapo .emBehaviorFrontNewsDescription {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	padding: 5px;
	color: #fff!important;
	background: rgba(216,36,37,.5)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.wDiapo .emBehaviorFrontNewsDescription p{
  margin:0;
  line-height: 120%;
}
.wDiapo .emBehaviorFrontNewsTitle { display: none; }
.wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList {
	top: 0;
	left: 0;
	width: 350px;
  background: none !important;
}
.wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems {
	width: 165px;
	height: 89px;
	margin: 0 13px 13px 0;
	border: 1px solid #ccc;
}
.wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems:nth-child(2n) { margin-right: 0; }
.wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems span { width: 100%; }
.wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems img {
	max-width: 100%;
	max-height: 87px;
	width: auto;
	height: auto;
}

.row .optionsGroupTypeItem label{width: calc(100% - 40px);}

.groupess #content > .widgetSearchCommunity .ads_search_form{
  display:none;
}
.groupess #content > .widgetSearchCommunity .h4-like{
  font-size: 2.4em;
  font-weight:bold;
}
.groupess #content > .widgetSearchCommunity .wrap_list-resultat > p{
  margin-bottom:20px;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group{
  float:left;
  width:50%;
  padding-right: 15px;
  margin-bottom: 30px;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group:nth-child(2n+1) {
    padding-left: 0;
    clear: both;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox{
  height: 100px;
  border: 1px solid #ccc;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  position: relative;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupImg{
    display: block;
    height: 100%;
    width: 100px;
    background-size: cover;
    border-right: 1px solid #ccc;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .number{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    padding: 2px 5px;
    color: #fff;
    background-color: rgb(236,71,76);
    opacity: 1;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupInfos{
  margin-left: 100px;
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  z-index: 1;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupInfos .name{
  margin-bottom: 10px;
  font-size: 1em;
  color: rgb(236,71,76);
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupInfos .desc{
    line-height: 1.2em;
    color: #666;
    font-size: .8571em;
  max-height: 45px;
overflow: hidden;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .actionsBox{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    line-height: 96px;
    background-color: rgba(236,71,76,.8);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
  text-align: center;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .actionsBox a {
    display: inline-block;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transform: translateY(20px);
  position: relative;
  background-image: url(../images/icons.png) !important;
  width: 40px;
height: 40px;
  background-position: -550px -130px;
  overflow:hidden;
  text-indent:-999px;
}
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox:hover .actionsBox,
.groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox:hover .actionsBox a{
    opacity: 1;
}
.groupess .wrap_list-resultat .list-resultat .item.person,
.groupess .wrap_list-resultat + .separator{
  display:none;
}
body #overlay{
  height: 100% !important;
  position: fixed;
  z-index: 90000;
}
body #lightbox{
  z-index: 100000;
  max-width: 500px;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
body #outerImageContainer,
body #imageDataContainer{
  max-width: 100%;
}
body #imageContainer img{
  max-width: 100%;
  height: auto !important;
}

#rightbar #membersListSummary #otherMembers{
  margin-top: 20px;
}
#rightbar #membersListSummary #otherMembers:after{
  content:'';
  width:100%;
  height:0;
  clear:both;
  display:block;
}
#rightbar #membersListSummary #otherMembers .pictAdmin {
    top: inherit !important;
    left: inherit !important;
  right: 4px;
  bottom: 6px;
}
#rightbar #membersListSummary #otherMembers .person{
  width:33.33%;
  float:left;
  padding: 0 2px 6px;
}
#rightbar #membersListSummary #otherMembers .person:nth-child(3n+1) {
    padding: 0 4px 6px 0;
    clear: both;
}
#rightbar #membersListSummary #otherMembers .person .personInformation{
  border: 1px solid #ccc;
  background-color: rgb(236,71,74);
  float: left;
  position: relative;
}
#rightbar #membersListSummary #otherMembers .person a:first-child {
    float: left;
}
#rightbar #membersListSummary #otherMembers .person a.layerInfos {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0 5px;
    font-size: 0.7143em;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    background-color: rgba(236,71,74,.8);
    opacity: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  z-index: 2;
  width: 100%;
}
#rightbar #membersListSummary #otherMembers .person a.layerInfos .personName {
    color: #fff;
}
#rightbar #membersListSummary #otherMembers .person a .personImg {
  width: 100%;
height: 94px;
border-radius: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
    height: 80px;
}
#rightbar #membersListSummary #otherMembers .person:hover a.layerInfos {
    opacity: 1;
}
#rightbar #membersListSummary #ownerGroup .pictOwner{
  left: 70px;
  bottom: -1px;
}
#rightbar #relationshipList .acceptedRelationship a.layerInfos{
  width: 100%;
}
/* ul.textcomplete-dropdown{
  list-style: none;
  background: #fff;
  padding: 0px;
  border: 1px solid #ccc;
  margin: 0;
}
ul.textcomplete-dropdown li {
    display: block;
    min-height: 60px;
  cursor:pointer;
  padding:10px;
}
ul.textcomplete-dropdown li.active{
  background:rgb(236,71,76);
  color:#fff;
}
ul.textcomplete-dropdown li.active a{
  color:#fff;
}
ul.textcomplete-dropdown li:hover{
  background:#f5f5f5;
} */

/*13/03/17*/
/* .message_body .linkedElements .div_wall_bloc{
  margin-bottom:5px;
} */

.message_body .linkedElements .listAddPictures .div_wall_bloc .statusPics{
  position: relative;
  border: 1px solid #ccc;
}
/* .message_body .linkedElements .listAddPictures .div_wall_bloc .statusPics .deleteElement,
.message_body .linkedElements .listAddLinks .div_wall_bloc .deleteElement,
.message_body .linkedElements .listAddCodes .div_wall_bloc .deleteElement{
    display: block;
    width: ;
    top: 1px;
    right: 1px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    background-position: -207px -38px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    position: absolute;
} */
.message_body .linkedElements .listAddLinks .div_wall_bloc .divAddLinkImg,
.message_body .linkedElements .listAddCodes .divAddCodeImg{
  /*display:none;*/
}
.message_body .displayIfCommentEditing .addLinkedElements .linkIn .icons {
  vertical-align: middle;
}

/*--------gestion galerie-----------*/
#divwall_message .pictures .divwall_picture {
  display: none;
  width: 280px;
  padding: 6px;
  background: #f1f1f1;
}

/* .wall_picture.gallery .lightbox {
  display: block;
  height: 100%;
  overflow: hidden;
  position:relative;
} */
/* .wall_picture.gallery .lightbox img {
  display: inline-block;
  margin: 0;
  max-width: none;
  height: 100%;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
} */
/* .wall_picture.gallery .lightbox img:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
} */
/* .wWall .wall_picture {
  height: 240px;
  padding: 5px 0;
  margin: 5px 0;
  line-height: 230px;
} */
/* .wWall .wall_picture > div {
  overflow: hidden;
  max-height: 100%;
} */
/* .wWall .statusPics { line-height: normal; } */

/* .wWall .wall_picture.nbPictures-1 {
  display: block;
  height: auto;
  text-align: center;
  height:240px;
}
.wWall .wall_picture.nbPictures-1 > div{
  height:100%;
}
.wWall .wall_picture.nbPictures-1 .lightbox { height: 100%; }
.wWall .wall_picture.nbPictures-1 img { max-height: 240px; }
.wWall .wall_picture.nbPictures-2 > div {
  float: left;
  width: 50%;
  padding: 0 5px;
  height: 100%;
}
.wWall .wall_picture.nbPictures-3 > div {
  float: left;
  width: 70%;
  padding: 0 5px;
}
.wWall .wall_picture.nbPictures-3 > div:first-child { height: 100%; }
.wWall .wall_picture.nbPictures-3 > div:nth-child(2) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-3 > div:nth-child(2),
.wWall .wall_picture.nbPictures-3 > div:nth-child(3) {
  float: right;
  width: 30%;
  height: 50%;
}
.wWall .wall_picture.nbPictures-3 .lightbox img,
.wWall .wall_picture.nbPictures-4 .lightbox img,
.wWall .wall_picture.nbPictures-5 .lightbox img {
  height: auto;
  width: 125%;
}
.wWall .wall_picture.nbPictures-1 .lightbox img,
.wWall .wall_picture.nbPictures-2 .lightbox img,
.wWall .wall_picture.nbPictures-3 .lightbox img,
.wWall .wall_picture.nbPictures-4 .lightbox img,
.wWall .wall_picture.nbPictures-5 .lightbox img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.wWall .wall_picture.nbPictures-4 > div {
  float: left;
  width: 80%;
  padding: 0 5px;
  height: 100%;
}
.wWall .wall_picture.nbPictures-4 > div:nth-child(2),
.wWall .wall_picture.nbPictures-4 > div:nth-child(3) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-4 > div:nth-child(2),
.wWall .wall_picture.nbPictures-4 > div:nth-child(3),
.wWall .wall_picture.nbPictures-4 > div:nth-child(4) {
  float: right;
  width: 20%;
  height: 33.333%;
}
.wWall .wall_picture.nbPictures-5 > div {
  float: left;
  width: 30%;
  padding: 0 5px;
}
.wWall .wall_picture.nbPictures-5 > div:first-child {
  float: left;
  width: 40%;
  height: 100%;
}
.wWall .wall_picture.nbPictures-5 > div:nth-child(2),
.wWall .wall_picture.nbPictures-5 > div:nth-child(3) { padding-bottom: 10px; }
.wWall .wall_picture.nbPictures-5 > div:nth-child(2),
.wWall .wall_picture.nbPictures-5 > div:nth-child(3),
.wWall .wall_picture.nbPictures-5 > div:nth-child(4),
.wWall .wall_picture.nbPictures-5 > div:nth-child(5) { height: 50%; }
.wWall .wall_picture.nbPictures-5 > div:nth-child(n+6) { display: none; }
.wWall .wall_picture.nbPictures-2:after,
.wWall .wall_picture.nbPictures-3:after,
.wWall .wall_picture.nbPictures-4:after,
.wWall .wall_picture.nbPictures-5:after,
.wWall .linkedElements .statusPics:after,
.wWall .linkedElements .listAddPictures:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
} */

.wallMessage-presta .form_wall{
	border:none;
	background: none;
}
.wallMessage-presta .form_wall #newStatusForm > .p15.clearfix{
	border: 1px solid #ccc;
	border-bottom: none;
	background: #fff;
}
.wallMessage-presta .form_wall #newStatusForm > .divwall_actions{
	border: 1px solid #ccc;
	border-top: none;
}
.wrap-wall_image #wall_image{
	border: 1px solid #ccc;
	background: #fff;
}
.wallMessage-presta .form_wall #newStatusForm .combostar-wrapper{
	margin-bottom: 10px;
}
.profile_detail .fiche-det-presta .personImg{
	width: 40px;
	height: 40px;
}
.profile_detail .fiche .personImg.personImg-presta {
    width: 140px;
    height: 140px;
}
.combostar-star{
	cursor: pointer;
}

.br-theme-fontawesome-stars-o .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars-o .br-widget a {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars-o .br-widget a:after {
  content: '\f006';
  color: #ccc;
}
.br-theme-fontawesome-stars-o .br-widget a.br-active:after {
  content: '\f005';
  color: rgb(236,71,76);
}
.br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
  content: '\f005';
  color: rgb(236,71,76);
}
.br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
  content: '\f123';
  color: rgb(236,71,76);
}
.br-theme-fontawesome-stars-o .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars-o .br-readonly a {
  cursor: default;
}
.br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
  display: inline-block;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/*--07-09-17--*/
.sam-favorites:before{
	position: absolute;
	right: 5px;
	top:5px;
	content: "\f005";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 20px;
	color: #FFD700;
	z-index: 20;
}
.personal-favorites:before{
	position: absolute;
	right: 5px;
	top:5px;
	content: "\f005";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 20px;
	color: #c0c0c0;
	z-index: 20;
}



@media print {
  .br-theme-fontawesome-stars-o .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
  .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
  .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
    content: '\f123';
    color: black;
  }
}

/*-----------------------------------------------------------------
                  RESPONSIVE
------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1079px){
  .w1080p, .w1100p {
    width: 768px;
  }
  .w780p {
    width: 545px;
    padding-right: 10px
  }
  .w300p {
    width: 223px;
  }
  #logo{width: 140px;}

  #headerNavigation nav > ul > li{padding:0 5px;}
  #headerNavigation nav > ul > li a{font-size: 12px;}
  #headerNavigation nav > ul > li a img {width: 23px;height: auto;}

  iframe{max-width:100%;}
  .groupItem .groupInfos{padding: 10px;}
  .groupItem.mini .groupInfos{padding: 5px 10px;line-height: 120%;}
  .groupItem .groupInfos h5{font-size: 13px;font-weight: bold;margin-bottom:0;line-height: 15px;}
  .groupItem.mini .groupInfos h5{font-size: 11px;}
  .groupItem .groupInfos .groupDescription{font-size: 12px;}
  .widgetShorcutTools ul li {height: auto;line-height: normal;}
  .widgetShorcutTools ul li a{padding:10px;}
  .newsItem .newsResumeTitle{margin: 0;padding: 0;}
  .newsItem .newsResumeShortText > p{margin: 0;padding: 0;}
  #form_add_comment fieldset {width: 430px;}
  #form_add_comment textarea {width: 375px;}
  .detail-prestataire .coordonnees{margin-left: 0px;}
  #rightbar .news h3 {font-size: 13px;}
  #rightbar .box, #rightbar .widget {font-size: 12px;}
  #rightbar .news .widgetNewsDescription {height: 31px;}
  .post .post_resume.w650p{/*width: 370px;*/width: calc(100% - 130px);}
  .post .commentsDatas, .post .ratingsDatas{margin-right: 0px;}
  .post .ratingsDatas{margin-right: 10px;}
  .post .commentsDatasLink{font-size: 12px;}
  .infosClient{width: 100%;}
  #wrapper .blocRef{width: 33%;margin: 0 0.33% 0 0;font-size:11px;}
  #emBehavior_9{max-width:100%;}
  .downloads {width: 100%;}
  .img-3col img{max-width:31.33%; height:auto !important}
  .img-2col img{max-width:48%; height:auto !important}
  #product .col-right {padding: 0 0 0 25px;}
  #product .panier a{font-size: 14px;}
  #content table{width:100%;}
  .myContacts .relationShipTimeResume {left: 9px;margin-top: -10px;}
  .person a.layerInfos{padding: 5px 0px;width: calc(100% - 85px);}
  /*#rightbar .person a.layerInfos{width:100%;}*/
  #relationshipList .acceptedRelationship .personImg {
    height: 56px;
  }

  .optionsGroupType .optionsGroupTypeItem .radio + label{width: calc(100% - 50px);}
  #searchCommunityResultsList{margin-left: 0px;clear: both;padding-top: 20px;}
  #groupsList .tab > div:nth-child(2n){padding-left: 5px;}
  #groupsList .tab > div:nth-child(2n+1){padding-right: 5px;}
  .groupess.myGroups.groupCreation #content.w780p{width: 100%;padding-right: 0;}
  .profile_detail .fiche .personInfo div, .profile_detail .fiche .personDescription div { margin-left: 40px;}
  .profile_detail .fiche .personInfo .icons {margin:0;}
  .profile_detail .fiche .personInfo p{font-size: 12px;line-height: 120%;}
  #rightbar #result{right:0;left:inherit}
  .tabsMenu li a .number{margin-left: 0px;}
  .news.newsList #newsList{padding:0 15px;}
  .newsItem:nth-child(3n+1), .newsItem:nth-child(3n){padding: 0 10px 30px;}
  .newsItem {padding: 0 10px 30px;}
  #pager a{line-height: 26px;}
  .respons .commentZone .ml40{margin-left:45px;}
  .newsDetail #news #form_add_comment fieldset {width: 412px;}
  .newsDetail #news #form_add_comment textarea {width: 357px;}
  .newsDetail #news #form_add_comment .submit .button{padding: 0 15px;}
  .portfolio .fiche_reference{width: 46%;margin: 5px 2%;}
  #ads .fiche_reference img {width: 100%;height: auto !important;}
  .fiche_reference .infosAds {width: 100%;}

  .addComments #form_add_comment fieldset, .detail-ref #form_add_comment fieldset {width: 412px;}
  .addComments  #form_add_comment textarea, .detail-ref #form_add_comment textarea {width: 357px;}
  .addComments #form_add_comment .submit .button, .detail-ref #form_add_comment .submit .button{padding: 0 15px;}
  #product .panier .total_price{font-size:16px;}
  .cartTableau .submit input{margin: 0 5px 0 0;}
  .catalogProductDetail #content{width: 535px;}
  #rightbar #membersListSummary #otherMembers .person a .personImg{height: 56px;}
}



@media screen and (min-width:320px) and (max-width:767px){
  body{font-size:1.2em;overflow-x:hidden;}
  .w1080p, .w1100p {width: 460px;}
  .w780p { width: 100%;padding-right: 0px}
  .w300p { width: 100%;}
  #page {padding-top: 0px;overflow-x: hidden;width: 100%;}
  #smart-toggle {
    display: block;
    position: absolute;
    top: -60px;
    right: 10px;
    cursor: pointer;
    background: #cc191e;
  }
  #nested > ul > li > ul > li > ul {
    position: relative;
    top: 0px;
    left: 0;
    z-index: 100;
    display: block;
    background-color: #fff;
    border: none;
  }
  #nested > ul > li > ul > li > ul li > a{padding: 10px 10px 10px 55px;}
  header {z-index:1;position: relative;}
  #headerInner{width:100%;background: #fff;}
  #logo{width: 140px;float: none;margin: 0 auto;}
  #widgetLoginLinks::after {top: 35px;right: 20px;}
  #widgetLoginLinks::before{display:none;}
  .widgetLoginUsername {line-height: 36px;margin-left: 30px; }
  iframe{max-width:100%;}
  .personName, /*.author,*/ .resumeName{white-space: normal;}
  .message_wall{word-break: normal;}
  #groupsList .tab > div, .groupess #content > .widgetSearchCommunity .list-resultat .summary_group {width: 100% !important;padding: 0;}
  #groupsList .tab > div h5, .groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupInfos .name{margin-bottom:0;}
  .groupess #content > .widgetSearchCommunity .list-resultat .summary_group .groupBox .groupInfos .desc{max-height: 48px;}
  #profileList .clearfix > div{width: 33%;}
  .profile_detail .personInfos {margin-left: 0;padding-top: 20px;clear: both;}
  .profile_detail .personInfos .w50{width:100%;padding:0;}
  .newsList #content {width: 100%;}
  .newsList .newsResumeInfo {padding-top: 10px;}
  .newsItem {width: 100%;padding: 0 !important;margin-bottom: 30px;}
  .newsItem .newsResumeTitle {margin: 0;}
  .newsItem .newsResumeShortText {height: auto;margin-bottom: 10px;}
  #form_add_comment .left.submit {width: 100%;text-align:right;}
  #form_add_comment textarea{width: 410px;}
  .post_picture_resume{width: 100%;background-position:center -1250px !important;}
  .blogPostsList .post .post_resume {width: 100%;}
  .post .commentsDatas, .post .ratingsDatas{margin-right: 0px;display: block;}
  .portfolio .fiche_reference{width:46%;}
  #ads .ads_entry_summary .infosAds, .fiche_reference .infosAds {width:100%;}
  #ads .ads_entry_summary .infosAds, .fiche_reference .infosAds {width:100%;}
  .infosClient {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 30px;
    border-bottom: none;
  }
  #wrapper .blocRef{margin: 0 0 5px;width: 100%}
  .downloads {width: 100%;}
  #emBehavior_72{width: 100%;}
  .img-3col img,
  img-2col img{display:block; margin:0 auto 10px;}
  #searchCommunityResultsMenu {width: 100%;}
  #searchCommunityResultsList{margin-left: 0px;clear: both;padding-top: 20px;}
  #groupMembers .item {
    width: 100%;
  }
  #inputJob input[type="text"], #inputInternTraining input[type="text"], #inputExternTraining input[type="text"], #inputEvents input[type="text"]{max-width: 150px;}


  #rightbar .person a.layerInfos {
    display: block;
    line-height:120%;
    min-height:40px;
    opacity: 1;
    padding: 5px;
  }
  #rightbar #result, #rightbar #formTalk{
    left:0;
    max-width:100%;
  }
  #result.modalAddContact #tabsSearch .p20 ,
  #addMember #tabSuggest{padding:20px 0;}
  #result.modalAddContact #tabsSearch .person, #addMember .person{width: 100%;clear: both;}
  #result.modalAddContact #tabsSearch > ul > li a{line-height: 120%;font-size: 12px;padding: 5px 0;}
  #rightbar .widgetCommunityProfile .personInformation:after{clear:both;content:'';width:100%;height:0;display:block;}
  #rightbar #result.modalAddContact #tabsSearch .person a.layerInfos{font-size:11px;padding:5px 0px;}
  .tabsMenu li{line-height: 110%;padding: 5px;font-size: 11px;}
  .tabsMenu li a span.inblM{display: inline !important;}
  .tabsMenu li a .number{margin-left: 0px;}
  .person a.layerInfos{line-height:120%;}
  .myContacts .section > div{width:100%;}
  .myContacts .section > div:nth-child(2n) { padding-left: 0;}
  .myContacts .section > div .newInputCheckboxElement{padding:0;}
  .myContacts .section > div .person a.layerInfos{padding:5px 0;font-size: 11px;}
  .respons .commentZone .ml40{margin-left:45px;}
  .newsDetail #news #form_add_comment fieldset {width: 260px;}
  .newsDetail #news #form_add_comment textarea {width: 210px;}
  .newsDetail #news #form_add_comment .submit .button{margin-top:5px;}
  #groupDetail .fiche .groupInfos{padding-left:0;margin-left:0;}
  #groupDetail .fiche .groupInfos #addMember #result,
  #groupDetail .fiche .groupInfos #addMember #formTalk {
    left: 50%;
    max-width: inherit;
    width: 260px;
    transform: translateX(-50%);
  }
  #news #text{display:block;}
  #news .blocRate .date-note{display:none;}
  #news #form_add_comment{padding-top:20px;}
  .addComments #form_add_comment fieldset, .detail-ref #form_add_comment fieldset {width: 260px;}
  .addComments  #form_add_comment textarea, .detail-ref #form_add_comment textarea {width: 210px;}
  .widgetLoginIndicatorsDetail:before, .widgetLoginIndicatorsDetail:after{right: inherit;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
  #contactsResume{left:125px;}
  #contactsResume:before, #contactsResume:after{left:20%;}
  .wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList {width: 100%;position: relative;height: auto;}
  .wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems {width: 100%;overflow: hidden;float: none;}
  .wDiapo .emBehaviorFrontNews .emBehaviorFrontNewsList .emBehaviorFrontNewsItems img {max-height: none;width: 100%;height: auto;}
  .wDiapo .emBehaviorFrontNewsDetail {width: 100%;float: none;}

  .message_body .articleResume > div{line-height: 1.3;}
  .form_wall .aMessage > .p5, .blocMessage .aMessage > .p5 {padding-top: 15px;}
  table{width:100% !important}
  #emBehavior_9{width:100% !important;height:auto !important;}
  #overDiv.od_community.od_share .modalWrapper{max-width:90%;}
  #communityMessaging #listMessages {padding: 10px;}
  #communityMessaging .message{width: 100%;padding: 10px;margin-top: 15px;}
  #communityMessaging .otherPost .message::before {left: 0;border-right: 15px solid #eee;top: -12px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
  #communityMessaging .myPost .message::before {right: 0;border-left: 15px solid #e6575e;top: -12px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
  #content #text {word-break: break-word;}
  .detail-prestataire .coordonnees{margin-left:0;}
  #groupMembers .item:nth-child(2n) {
    padding-left: 0px;
  }

  body #overDiv.od_share .modalContent{padding: 20px 15px;font-size: 12px;}
  .sharedElementPicture{width: 70px;height: 70px;}
  #pager a{width: 30px;line-height: 18px;margin-bottom: 5px;}
  .wWall .wall_picture {height: auto;}
  .wWall .wall_picture > div{height:240px !important; width:100% !important;padding:5px !important;}

}

/*-----recherche prestataire----*/
#wrapper .search-presta .searchCommunityForm{
	border: none;
}
#rightbar .widget.search-presta h4{
	margin: 0;
}
.search-presta .searchCommunityForm label{
	display: none;
}
.search-presta .searchCommunityForm #search{
	border: 1px solid #e9ebee;
	height: 31px;
}
.search-presta .searchCommunityForm .submit input{
	background-image: url(../images/icons.png) !important;
	width: 100%;
	height: 31px;
	padding: 0;
	margin: 0 auto;
	border: none;
	background-color: #ec474c;
	overflow: hidden;
	text-indent: -999px;
	background-position: 5px 5px;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.widgetSearchCommunityEntities.search-presta h4 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 2px;
}
.widgetSearchCommunityEntities.search-presta .searchCommunityForm .submit{
    width: 30px;
}
.widgetSearchCommunityEntities.search-presta .searchCommunityForm  fieldset {
    width: calc(100% - 30px);
}
.favorites-detail{
	position: relative;
}
.favorites-detail:before{
	font-size: 30px;
	top: -40px;
}
.favoris-Groupe{
	position: relative;
}
.lien-gen{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 40;
}
.type_prestations_proposes{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 30;
	padding: 10px;
	background: rgba(234,71,76,.9);
	color: #fff;
	width: 100%;
	height: 100%;
	display: none;
 overflow: hidden;
}
.type_prestations_proposes span{
	position: absolute;
	left: 5px;
	top: 50%;
 transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
	text-align: center;
	display: block;
	width: calc(100% - 10px);
	font-size: 0.857em;
	max-height: 100%;
	overflow: hidden;
}
.favoris-Groupe:hover .type_prestations_proposes{
	display: block;
}
.p-prestataires #logo{
  margin-right:10%;
}
.p-prestataires #rightbar{
  display:none;
}
.p-prestataires #content{
  width:100%;
}
.p-prestataires #content #profileList .w20.posLeft{
  width:14.2%;
}
.p-prestataires #searchCommunityResultsList .wrap-note-presta .rating-presta{
  clear:none;
  text-align:left;
}
.p-prestataires #searchCommunityResultsList .wrap-note-presta .comment-presta{
  text-align: left;
  margin:0;
  padding:0;
}
.p-prestataires #searchCommunityResultsList .type_prestations_proposes{
  position:relative;
  padding:0;
  background:none;
  height:auto;
  display:block;
  color:#444;
  margin:0;
  padding:0;
}
.p-prestataires #searchCommunityResultsList .type_prestations_proposes span{
	position: relative;
	left: 0;
	top: 0%;
 transform:translateY(0%);
 -webkit-transform:translateY(0%);
 -moz-transform:translateY(0%);
	text-align: left;
	display: block;
	width: auto;
	font-size: 0.857em;
	max-height: 100%;
	overflow: hidden;
}
.avis-sms {
    margin-top: 40px;
}
.fiche-det-presta .avis-sms .wallMessage-presta{
	border: 1px solid #ccc;
    padding: 15px;
    margin-top: -1px;
    background: #fff;
}
.avis-sms .btn-tab{
	border: 1px solid #ccc;
	border-bottom: none;
	background: #e9ebee;
	padding:10px 15px;
	margin: 0;
	border-radius: 0;
    font-size: 14px;
    height: auto;
    text-transform: uppercase;
    font-family: Roboto;
    cursor: pointer;
}
.avis-sms .btn-tab:disabled{
	background: #fff;
	cursor: auto;
}
.fiche-det-presta .comment-presta a:first-child{
	margin-right: 10px;
}
.wallMessage-presta .form_wall #newStatusForm.ajout-avis  > .divwall_actions{
	background: none;
	border: none;
}
.wallMessage-presta .form_wall #newStatusForm.ajout-avis  > .divwall_actions .submit {
	float: left;
}



/*----04-12-17----*/
.communityNotificationManage #content .formulaire{
	background: #fff;
	padding: 20px;
}
.communityNotificationManage #content .formulaire .description{
	margin-bottom: 20px;
}
.communityNotificationManage #content .formulaire .row > label{
	font-weight: bold;
}
.communityNotificationManage #content .formulaire .multi_radio{
	display: inline-block;
	margin-right: 20px;
}
.communityNotificationManage #content .formulaire .row input[type="checkbox"] + *,
.communityNotificationManage #content .formulaire .multi_radio input[type="radio"]{
 margin-left: 0;
}
.newInputCheckbox.active::before{
	display: none;
}



/* ---------------------------------------- */
/* 11 - Bases emajine            */
/* ---------------------------------------- */





.fancybox-overlay{background: none;/*display: none !important;*/}
@media screen and (max-width: 767px){
	.fancybox-overlay{background: none;/*display: none !important;*/}

}
.fancybox-overlay.fancybox-overlay-fixed{
	display: none !important;
}
.fancybox-lock .fancybox-overlay.fancybox-overlay-fixed{
	display: block !important;
}
/*-------------modif 09-05-18---------------*/
.icon_valid_small{
	background-position: -150px -340px;
}
.icon_block_small{
	/*background-position: -180px -340px;*/
	background-image: url(/common_images/community/community_pictos.png) !important;
	background-position: -140px -40px;
}
.actionsContact{
	/* z-index: 10 */
}


/*--20-07-18--*/

.fancybox-nav span{
	visibility: visible;
}
.config-notif #divallowedactivitywalltypenotif,
.config-notif #divallowedgrouptypenotif,
.config-notif #divallowedmessagingtypenotif{
	display: none !important;
}
html.fancybox-margin {
    margin-right: 0 !important;
}
@media screen and (max-width: 767px){
	.fancybox-opened{max-width: 90% !important;}
	.fancybox-inner{max-width: 100%}
	.fancybox-image{height: auto;}
	.communityNotificationManage #content .config-notif .formulaire .multi_radio{
		display: block;
	}
}
@media screen and (max-width: 479px){
	#groupSettings .groupTableHead > div.groupTitle {
		width: 20%;
		font-size: 9px;
	}
	#groupSettings .groupTableHead > div{
		font-size: 9px;
		overflow-wrap: break-word;
	}
}


/*------------11-10-18---------------*/
.direct-essent h4{
  margin: 0 !important;
}
.direct-essent table{
  margin:0;
}
.direct-essent table td{
  vertical-align: top;
  font-size:11px;
  text-align: center;
  line-height: 120%;
  width: 33.33%;
  padding: 10px 2px;
}
.direct-essent table td a{
  color: #444;
  display: block;
  line-height: 120%;
  font-size: 11px;
}
.direct-essent table td img{
  width:45px;/*60*/
  height: auto;
}


/*--14-11-18--*/
/* Modif suite au ticket 201901030019 */
/* #profileDetail #divpicture_input > label:after{
  display: block;
  content: "Dimensions minimales : 200px x 200px";
  font-style: italic;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
} */
#profileDetail #divpicture_input > div:after{
  content: "";
  clear: both;
  width: 100%;
  display: block;
  height: 0

}
#profileDetail #divnom{
  clear: both;
}



/* @Changelog [FIX] Anne-Lyse Correction des miniatures de profil dans les groupes et les profils */
#relationshipList .personName,
#otherMembers .personName {
    /* position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: block;
    padding: 0 5px;
    font-size: .7em;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    background-color: rgba(234,71,76,.8);
    white-space: nowrap;
    overflow: hidden; */
}

.widgetCommunityProfile .personInformation{
	overflow: hidden;
}







.btgrid .row,
.layout-row{
	display: flex;
	flex-wrap: wrap;
}

/* @changelog 2024-01-25 [EVOL] (Arnauld) Style pour les différents réactions () */
.tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab {
    /* cursor: pointer;
    padding: 10px 15px;
    background-color: #eee;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 5px 5px 0 0; */

    cursor: pointer;
    border-bottom: 10px solid transparent;
    padding: 0 0 15px;
}

    .tab:hover {
        /* background-color: #ddd; */
    }

    .tab:hover,
    .tab.active {
        /* background-color: #fff;
        border-bottom: 1px solid #fff; */
        /* border-color: var(--color-primary); */
    }

    .tab + .tab {
        margin-left: 15px;
    }

        /* @changelog 2024-04-04 [FIX] (Nicolas) Masque les autres réactions */
        .tab:nth-child(n+3) {
            /* display: none; */
        }

.tab-content {
    /* display: none;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px; */
    display: none;
    padding: 15px;
}

.tab-content.active {
    display: block;
}

.tab-content li {
    display: flex;
    align-items: center;
}

    .tab-content li:not(:last-child) {
        margin-bottom: 10px;
    }

/* Person */
.tab-content li .profileLink_1 {
    order: -1;
    margin-right: 10px;
}

/* Emoji */
.tab-content li .reaction {
    margin-right: 5px;
}

/* Annuler le vote */
.tab-content li .interact {
    margin-left: auto;
}

/* Style du modal */
.modal.modal-total {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 66%);
    height: 100vh;
    width: 100vw;
    z-index: 1;
}

.modal-content {
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 15px;
    padding: 30px;
    width: 600px;
    overflow: hidden;
}

    @media (max-width: 991px) {
        .modal-content {
            padding: 15px;
        }
    }

.modal-content h3 {
    margin-top: 0;
}

.modal-content .reactions {
    max-height: 50vh;
    overflow: auto;
}

.closeModal {
    display: flex;
    justify-content: flex-end;
    font-size: 2rem;
}

.closeModal a {
    color: var(--gray-700);
    font-size: 2rem;
    line-height: 1;
    aspect-ratio: 1 / 1;
}

    .closeModal a:hover {
        color: var(--gray-900);
    }

/* Style de l'élément déclencheur */
.trigger {
  cursor: pointer;
  text-decoration: underline;
}

.modal .liked {
    background: aliceblue;
}
.message_datas .rating.relative {
    position: relative;
}
.reaction-container {
    position: relative;
    display: inline-block;
}

.reaction-buttons {
    position: absolute;
    bottom: calc(100% + 7px);
    display: flex;
    align-items: center;
    background-color: var(--gray-800);
    border: 1px solid #ccc;
    border-radius: 40px;
    padding: 5px;
    width: max-content;
    transition: transform .4s;
    z-index: 1;
}

     /* Not hover */
     .reaction-container .reaction-buttons {
        pointer-events: none;
        opacity: 0;
        transform: translateY(10px);
    }
    /* @changelog 2024-02-16 [FIX] (Arnauld) Correction sur les popup des réactions  */
    .reaction-container .reaction-buttons.active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* After */
    .reaction-buttons::after {
        content: "";
        position: absolute;
        top: 100%;
        width: 100%;
        height: 8px;
    }

.reaction-buttons button {
    display: block;
    margin-bottom: 5px;
}

/* @changelog 2024-01-31 [FIX] (Nicolas) Intégration des réactions avec animations */
.btn-reaction {
    position: relative;
    margin: 0 5px;
}

    /* Animation au display */
    .reaction-container:hover .btn-reaction {
        animation: btn-reaction .4s;
    }

    @keyframes btn-reaction {
        0% {
            transform: scale(1) translateY(0);
        }
        50% {
            transform: scale(1.2) translateY(-5px);
        }
        100% {
            transform: scale(1) translateY(0);
        }
    }

    /* Délai avant l'animation */
    .reaction-container:hover .btn-reaction:nth-child(1) {
        animation-delay: .2s;
    }

    .reaction-container:hover .btn-reaction:nth-child(2) {
        animation-delay: .3s;
    }

    .reaction-container:hover .btn-reaction:nth-child(3) {
        animation-delay: .4s;
    }

    .reaction-container:hover .btn-reaction:nth-child(4) {
        animation-delay: .5s;
    }

    .reaction-container:hover .btn-reaction:nth-child(5) {
        animation-delay: .6s;
    }

    .reaction-container:hover .btn-reaction:nth-child(6) {
        animation-delay: .7s;
    }

.btn-reaction__icon {
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
}

.btn-reaction__icon__legend {
    position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: var(--gray-400);
    color: var(--gray-800);
    border-radius: 4px;
    text-wrap: nowrap;
    padding: 0 5px;
    transform: translate(-50%, -15px);
}

    .btn-reaction__icon:not(:hover) .btn-reaction__icon__legend {
        display: none;
    }

.btn-reaction__icon__emoji {
    font-size: 2.5rem;
    transition: transform .4s;
}

    .btn-reaction__icon:hover .btn-reaction__icon__emoji {
        transform: scale(1.5) translateY(-5px);
    }
/* @changelog 2024-07-18 [OPTIM] (Arnauld) Modification du comportement des ::before pour l' élément avec la classe afin de cacher l'icone love lors de l'ajout des réactions (Medialibs) */
.icon-not-before::before {
    display: none;
}