/* COLOR SCHEMES*/
.sosa-rouge #content h2 {
  color: #f74533; }

.sosa-rouge #content h2 span {
  background-image: url("../images/souligne/souligne_rouge.png"); }

.sosa-rouge #content div.journal-content-article ul li {
  list-style-image: url("../images/puces/puce_devenir-ecoutant_small.png");
  margin-bottom: 15px; }

.sosa-rouge #content div.journal-content-article a {
  color: #0db64d;
  text-decoration: underline; }

.sosa-rouge #content div.journal-content-article h2 {
  font-size: 16px;
  color: #565656;
  display: list-item;
  list-style-image: url("../images/puces/puce_devenir-ecoutant.png");
  list-style-position: inside; }

.sosa-rouge #navigation > ul > li.selected {
  background: url("../images/menu/menu_ecoutant_actif.png") no-repeat; }

.sosa-rouge #navigation > ul > li > ul > li {
  list-style-image: url("../images/menu/puces/puce_submenu_ecoutant.png"); }

.sosa-jaune #content h2 {
  color: #fecb45; }

.sosa-jaune #content h2 span {
  background-image: url("../images/souligne/souligne_jaune.png"); }

.sosa-jaune #navigation > ul > li.selected {
  background: url("../images/menu/menu_soutenir_actif.png") no-repeat; }

.sosa-jaune #navigation > ul > li > ul > li {
  list-style-image: url("../images/menu/puces/puce_submenu_soutenir.png"); }

.sosa-jaune #content div.journal-content-article h2 {
  display: list-item;
  list-style-image: url("../images/puces/puce_nous-soutenir.png");
  list-style-position: inside; }

/*
 * Hack for IE
 * Permet de définir une marge après le titre "Nous soutenir"
 * Pour ensuite remonter la legend
 */
.sosa-jaune #content h2.page-title {
  margin-bottom: 20px \0/!important; }

/***** Partie Portlet Dons *****/
/*
 * Hack for ie
 * Permet d'afficher correctement la balise <legend>
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset div.divDon label.labelPrincipal {
  margin-top: -22px \0/!important; }

/*
 * Hack for ie
 * Permet d'espacer les deux formulaires
 */
.sosa-jaune div[class*="Dons"] div.portlet-body form.form-don-ponctuel {
  margin-bottom: 20px \0/!important; }

/*
 * Permet d'afficher 'la puce pour les legendes contenues les fieldset des formulaires
 * Et permet de d'aligner les titres sur la gauche
 * La padding a été modifié pour faire sortir la balise <legend> du fielset
 */
.sosa-jaune div[class*="Dons"] div.portlet-body legend {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #565656;
  background: url("../images/puces/puce_nous-soutenir.png") no-repeat;
  background-position: left 10px;
  margin-left: -20px;
  padding: 3px 0px 20px 15px;
  margin-top: -22px !important; }

/*
 * Définit une police d'écriture 
 */
.sosa-jaune div[class*="Dons"] div.portlet-body {
  font-size: 15px; }

/*
 * Cache la bordure du fieldset
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset {
  border: none;
  background: url("../images/container/test_fond_form.png") no-repeat; }

/*
 * Supprime le header contenant le titre "Dons"
 */
.sosa-jaune div[class*="Dons"] header h1.portlet-title {
  display: none; }

/*
 * Permet de faire remonter le libellé "Valeur du don"
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset div.divDon label.labelPrincipal {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: -26px 0 0 2px; }

/*
 * Permet d'aligner la liste des dons ponctuels
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donPonctuel div.divDon ul#ulDonPonctuel {
  display: block; }

/*
 * Permet de remonter les radio boutons
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donPonctuel div.divDon ul#ulDonPonctuel, .sosa-jaune div.portlet-body fieldset div.divDon ul#ulDonRecurrent {
  margin-top: -15px; }

/*
 * Ajoute un espace après les radio boutons 
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset div ul input[type="radio"] {
  margin-right: 2px; }

/*
 * Définit le style de l'input du don libre
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset div input[type="text"] {
  border: solid 1px #0db64d;
  padding: 0;
  width: 150px;
  height: 18px;
  margin-left: 15px; }

/*
 * Affiche un fond blanc lors du focus du don libre 
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset input.focus {
  background: white; }

/*
 * Affine le select du mode de paiement
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donPonctuel select {
  margin-top: -3px;
  width: 132px;
  padding: 0;
  height: 20px; }

/*
 * Design pour le label du don liber
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donPonctuel label.labelPrincipal {
  width: auto;
  margin-right: 10px; }

/*
 * Design du bouton valider
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset input[type="submit"] {
  background: url("../images/button/btn_valider.png") no-repeat;
  font-size: 0px;
  width: 107px;
  height: 26px;
  border: none;
  margin-top: 15px; }

/*
 * Design du bouton retour
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset button {
  background: url("../images/button/bouton-retour.png") no-repeat;
  font-size: 0px;
  width: 107px;
  height: 26px;
  border: none;
  margin-top: 15px; }

/*
 * Permet d'aligner le bouton valider au centre
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset {
  text-align: center; }

/*
 * Permet de rétablir l'alignement du texte 
 */
.sosa-jaune div[class*="Dons"] div.portlet-body legend,
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donPonctuel div,
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donRecurrent p,
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#donRecurrent div,
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#informations ul.customUl {
  text-align: left; }

/*
 * Permet de faire descendre la liste des champs
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#informations ul.customUl {
  margin-top: 25px; }

/*
 * Définit le style pour les input
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#informations input[type="text"] {
  border: solid 1px #0db64d;
  height: 17px;
  margin-top: 6px; }

/*
 * Définit le style du select
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#informations select {
  width: 132px;
  margin-top: 2px;
  height: 20px;
  width: 177px;
  padding: 0; }

/*
 * Définit le style pour la checkboc
 */
.sosa-jaune div[class*="Dons"] div.portlet-body fieldset#informations input[type="checkbox"] {
  margin-left: 5px;
  vertical-align: middle; }

/*
 * Design du bouton retour
 */
.sosa-jaune div[class*="Dons"] div.portlet-body p button {
  background: url("../images/button/btn_retour.png") no-repeat;
  font-size: 0px;
  width: 107px;
  height: 31px;
  border: none;
  margin-top: 10px; }

.sosa-jaune div[class*="Dons"] div.portlet-body ul#autresPreferences {
  text-align: left; }

@-moz-document url-prefix() {
  .sosa-jaune #content div[class*="Dons"] div.portlet-body form[id*="formDonPonctuelDons"] {
    margin-top: 30px; }

  .sosa-jaune #content div[class*="Dons"] div.portlet-body div.divDon > label.labelPrincipal {
    margin-top: -20px; }

  .sosa-jaune #content div[class*="Dons"] form[id*="formDons"] fieldset {
    margin-top: 25px; } }

.sosa-jaune #content div.portlet-body div.portlet-msg-error,
.sosa-vert #content div.portlet-body div.portlet-msg-error {
  background: url("../images/container/cadre_erreur.png") no-repeat;
  width: 95%;
  height: 110px;
  border: none; }

.sosa-jaune #content div.portlet-body div.portlet-msg-error ul,
.sosa-vert #content div.portlet-body div.portlet-msg-error ul {
  list-style-image: url("../images/puces/puce_nous-connaitre_small.png");
  background: url("../images/erreur/panneau_erreur.png") no-repeat;
  font-weight: normal;
  margin-left: 0px;
  margin-top: 4%;
  width: 100%;
  background-position: top left;
  min-height: 64px;
  padding-left: 55px;
  font-size: 14px; }

.sosa-jaune #content div.portlet-body div.portlet-msg-error div.t-banner,
.sosa-vert #content div.portlet-body div.portlet-msg-error div.t-banner {
  display: none; }

#navigation > ul > li.selected {
  background: url("../images/menu/menu_connaitre_actif.png") no-repeat; }

#navigation > ul > li > ul > li {
  list-style-image: url("../images/menu/puces/puce_submenu_connaitre.png"); }

.sosa-vert #content div.journal-content-article h2 {
  display: list-item;
  list-style-image: url("../images/puces/puce_nous-connaitre.png");
  list-style-position: inside; }

.sosa-vert #content h2 {
  color: #0db64d; }

.sosa-vert #content h2 span {
  background-image: url("../images/souligne/souligne_vert.png"); }

/***** Messagerie *****/
/*
 * Espace en deossous du titre principal
 */
.sosa-vert #content h2.page-title {
  margin-bottom: 20px; }

/*
 * Sous titre de la page
 */
.sosa-vert #content div.journal-content-article h2 {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #565656;
  margin-bottom: 10px; }

#navigation > ul > li.selected {
  background: url("../images/menu/menu_connaitre_actif.png") no-repeat; }

#navigation > ul > li > ul > li {
  list-style-image: url("../images/menu/puces/puce_submenu_connaitre.png"); }

.sosa-vert #content div.journal-content-article h2 {
  display: list-item;
  list-style-image: url("../images/puces/puce_nous-connaitre.png");
  list-style-position: inside; }

/*****************
 * Elements HTML
 */
/**
 * Input text
 */
.sosa-default #content div[id*="webformportlet"] input[type="text"] {
  border: 1px solid #0db64d;
  width: 296px;
  right: 50px;
  height: 18px;
  padding: 1px;
  vertical-align: middle; }

/**
 * Bordure pour les text area
 */
.sosa-default #content div[id*="webformportlet"] textarea {
  border: 1px solid #0db64d; }

/**
 * Tous les labels
 */
.sosa-default #content div[id*="webformportlet"] label.aui-field-label {
  color: #565656;
  font-family: Arial;
  font-weight: normal;
  font-size: 14px;
  display: list-item;
  list-style-image: url("../images/puces/puce_form_messagerie.png");
  margin-left: 14px;
  word-wrap: break-word;
  min-width: 190px;
  max-width: 0px;
  float: left; }

/**
 * Légende du fieldset
 * Supprime le "position : relative " de la	portlet
 * Et fixe une taille fixe
 * Permet de gérer les débordements de texte 
 */
.sosa-default #content div[id*="webformportlet"] span.aui-legend {
  font-family: 'ChelseaMarket', Arial;
  font-size: 16px;
  color: #0db64d;
  font-weight: normal;
  position: inherit;
  width: 525px;
  word-wrap: break-word; }

/**
 * Sous titre du fieldset
 */
.sosa-default #content div[id*="webformportlet"] em.description {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #565656;
  background: white;
  padding-bottom: 10px;
  display: block;
  width: 525px !important; }

/**
  * Bouton "Envoyer"
  */
.sosa-default #content div[id*="webformportlet"] input.aui-button-input-submit {
  background: url("../images/button/btn_envoyer.png") no-repeat;
  width: 107px;
  height: 26px;
  border: 0px;
  font-size: 0px; }

/**
  * Element paragraphe
  */
.sosa-default #content div[id*="webformportlet"] p.lfr-webform {
  margin-left: 10px;
  font-family: Arial;
  font-size: 14px;
  max-width: 502px;
  word-wrap: break-word; }

/*
 * Checkbox
 */
.sosa-default #content div[id*="webformportlet"] div.aui-fieldset-content > span.aui-field-choice span.aui-field-content {
  width: 502px;
  word-wrap: break-word; }

/**
 * Message de confirmation
 */
.sosa-default #content div[id*="webformportlet"] div.portlet-msg-success {
  background-color: #0db64d;
  background-image: url(../images/messages/info.png);
  border-color: #0db64d;
  font-family: 'ChelseaMarket', Arial;
  font-weight: normal;
  color: white;
  width: 485px;
  margin-top: 0px; }

/**
 * CAPTCHA
 */
.sosa-default #content div[id*="webformportlet"] div.taglib-captcha input {
  width: 285px; }

/*****************
 * Marges
 */
/**
 * Alignements :
 * 	1- Conteneurs classiques
 *  2- Conteneurs radio
 */
.sosa-default #content div[id*="webformportlet"] span.aui-field-content, .sosa-default #content div[id*="webformportlet"] div.aui-field-wrapper {
  margin-left: 11px; }

/**
 * Permet d'enlever les marges pour les select
 */
.sosa-default #content div[id*="webformportlet"] select {
  margin: 0; }

/**
 * Permet de positionner les radios
 */
.sosa-default #content div[id*="webformportlet"] span.aui-field-choice + span.aui-field-choice span.aui-field-content {
  margin-left: 204px; }

/**
 * Padding de la légende
 */
.sosa-default #content div[id*="webformportlet"] legend.aui-fieldset-legend {
  padding: 1px; }

.sosa-default #content div[id*="webformportlet"] div.portlet-msg-success,
.sosa-default #content div[id*="webformportlet"] span.portlet-msg-error {
  margin: 0px; }

/**
* CAPTCHA
*/
.sosa-default #content div[id*="webformportlet"] div.taglib-captcha img {
  margin-left: 10px; }

/*****************
 * Conteneurs
 */
/**
 * Conteneur du bouton "Envoyer"
 */
.sosa-default #content div[id*="webformportlet"] span.aui-button-submit {
  display: block;
  text-align: center;
  background: white;
  width: 525px; }

/**
  * Permet de mettre le fond bleu ciel
  */
.sosa-default #content div[id*="webformportlet"] .aui-fieldset-content {
  background: url("../images/container/fond_webform.png") repeat-y; }

/**
 * Permet de définir la taille des boutons radio
 */
.sosa-default #content div[id*="webformportlet"] div.aui-field-wrapper span.aui-field-choice span.aui-field-content {
  width: 298px; }

/**********
 * HACK IE8
 */
.sosa-default #content div[id*="webformportlet"] span.lfr-textarea-container label.aui-field-label {
  max-width: 488px \0/!important;
  width: 488px \0/!important; }

.sosa-default #content div[id*="webformportlet"] textarea {
  width: 500px \0/!important; }

.sosa-default #content div[id*="webformportlet"] span.portlet-msg-error,
.sosa-default #content div[id*="webformportlet"] div.portlet-msg-success {
  width: 488px \0/!important; }

.sosa-default #content h2 span {
  background-image: url("../images/souligne/souligne_default.png"); }

/*
 * Block qui précède la messagerie
 */
.sosa-default #content p.block-paragraph-messagerie strong {
  padding-top: 20px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 14px;
  font-family: 'ChelseaMarket', Arial;
  color: #0db64d; }

/*
 * Couleur des liens dans le block messagerie
 */
.sosa-default #content p.block-paragraph-messagerie a {
  color: #0db64d; }

/*
 * Affiche le titre des questions reponses
 */
.sosa-default div[class*="Messagerie"] div.portlet-body h1 {
  /* 
   * Correction suite à la suppression du titre pour la messagerie
  height: 45px;
  background: url('../images/souligne/img_titre_message.png') no-repeat;
  */
  font-family: 'ChelseaMarket', Arial;
  font-size: 16px;
  color: #0db64d;
  padding-left: 50px;
  padding-top: 15px;
  font-weight: normal; }

/*
 * Cache un titre inutile
 */
.sosa-default div[class*="Messagerie"] div.portlet-body h2 {
  display: none; }

/*
 * Puce pour la phrase d'information
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body h1 + div#zone div,
.sosa-default #content div[class*="Messagerie"] div.portlet-body h1 + p.portlet-msg-info + div#zone div,
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation > :first-child {
  display: list-item;
  list-style-image: url("../images/puces/puce_form_messagerie.png");
  list-style-position: inside;
  text-align: left; }

/*
* Puce pour la phrase d'information
*/
.sosa-default #content div[class*="Messagerie"] div.portlet-body h1 + div#zone,
.sosa-default #content div[class*="Messagerie"] div.portlet-body p.portlet-msg-info + div#zone {
  background: url("../images/container/fond_creer_discussion.png") no-repeat;
  background-position: center bottom;
  height: 150px;
  text-align: center; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a.boutonLink {
  margin-top: 50px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone td a.boutonLink {
  margin-top: 5px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a[id*="enCours"],
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a[id*="enCours"] + a.boutonLink,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a[id*="archive"],
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a[id*="archive"] + a.boutonLink {
  margin-top: 0px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body h1 + div.tapestry-zone a.boutonLink {
  margin-top: 50px; }

/*
 * Bouton créer une discussion
 */
.sosa-default #content div[class*="Messagerie_"] div.portlet-body div.t-zone.tapestry-zone a.boutonAjoutDiscussion {
  width: 175px;
  background: url("../images/button/btn_envoyer_discussion.png") no-repeat;
  font-size: 0px;
  border: none; }

/*
 * Bouton renouveler token
 */
.sosa-default #content div[class*="Messagerie_"] div.portlet-body div.t-zone.tapestry-zone a.boutonRenouvelerToken {
  width: 200px;
  background: url("../images/button/bouton_renouveler_token.png") no-repeat;
  font-size: 0px;
  border: none; }

/*
 * Fond bleu des champs du formulaire
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset {
  border: none;
  background: url("../images/container/fond_fieldset_discussion.png") no-repeat;
  width: 530px;
  padding: 0px; }

/*
 * Mise en place de la hauteur des label pour le second fieldset
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph, #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph + div {
  height: 10px; }

/*
 * Mise en place des marges
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset + fieldset,
div.portlet-dockbar + div[id="wrapper"] #content div[class*="Messagerie"] div.portlet-body fieldset,
.sosa-default #content div[class*="Messagerie"] div.portlet-body p.button-paragraph + div.messageBlock form fieldset {
  padding: 10px 0 0 0;
  background: url("../images/container/fond_fieldset_message.png") no-repeat; }

/*
 * Permet de faire remonter le label <legend>
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body p.title-anonymous {
  background: url("../images/messagerie/perso_form_messagerie.png") no-repeat;
  background-position: 132px top;
  color: #0db64d;
  font-size: 13px;
  font-weight: bold;
  width: 166px;
  line-height: 25px;
  float: right; }

/*
 * Permet de center le formulaire
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset table {
  margin: -25px 0 25px 0; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset div.aui-fieldset {
  margin-bottom: 10px;
  margin-bottom: 15px\9 !important; }

/*
 * Définit un style de lyste à puces pour les champs du formulaire
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset label.discussion-label,
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset label[for="textField"],
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph + div,
.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body label:first-child {
  min-width: 135px;
  width: auto;
  font-size: 14px;
  font-weight: normal;
  display: list-item;
  list-style-image: url("../images/puces/puce_form_messagerie.png");
  list-style-position: inside;
  padding-left: 10px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-view-add-message-title + div label[for="textField"],
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph + div + div label[for="textField"] {
  width: 185px; }

/*
 * Style des input
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset input[type="text"],
.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body input[type="text"] {
  border: 1px solid #0db64d;
  width: 280px;
  right: 50px;
  height: 18px;
  padding: 1px;
  vertical-align: middle; }

/*
 * Style lors du focus des input
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset input.focus {
  background-color: white; }

/*
 * Message d'informations
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset span#emailMessageTooltip {
  font-size: 12px; }

/*
 * Label 
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph label.discussion-label {
  line-height: 20px;
  float: left; }

/*
 * Select style
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-paragraph select {
  height: 20px;
  font-size: 14px;
  padding: 0px; }

/*
 * Enleve les bordures du ck editor
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset div.aui-field-content span[id*="cke"] {
  border: none; }

/*
 * Supprime la bordure du ck editor lors du focus
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset span.cke_focus {
  outline: none; }

/*
 * Redimensionne la barre d'outils du ck editor
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset div.aui-field-content span[id*="cke"] div.cke_toolbox {
  margin-top: 25px; }

/*
 * Modifie la couleur du ck editor
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset div.aui-field-content span[id*="cke"] span.cke_wrapper.cke_ltr,
.sosa-default #content div[class*="Chat_"] div.portlet-body div.sceditor-toolbar,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active div.sceditor-toolbar {
  background-color: #0DB64D; }

/*
 * Redimensionne la barre d'outils du ck editor
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body a.boutonLink,
.sosa-default #content div[class*="Messagerie"] div.portlet-body p.paragraph-buttons button[id*="cancel"] {
  background: url("../images/button/btn_annuler.png") no-repeat;
  font-size: 0px;
  width: 184px;
  height: 27px;
  border: none; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body p.paragraph-buttons input[value="Envoyer le message"] {
  background: url("../images/button/btn_envoyer_sans_logo.png") no-repeat;
  font-size: 0px;
  width: 184px;
  height: 27px;
  border: none; }

/*
 * Style du bouton envoyer
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body input[type="submit"] {
  background: url("../images/button/btn_envoyer_discussion.png") no-repeat;
  font-size: 0px;
  width: 184px;
  height: 27px;
  border: none; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body input[type="submit"].messagerie-preferences-enregistrer {
  background: url("../images/button/btn_enregistrer.png") no-repeat;
  font-size: 0px;
  width: 184px;
  height: 27px;
  border: none; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body input[type="submit"].supprimerBouton {
  background: url("../images/button/bouton_supprimer.png") no-repeat;
  font-size: 0px;
  width: 184px;
  height: 27px;
  border: none; }

/*
 * Bordure du tableau
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body table.results-grid tr.results-header th,
.sosa-default #content div[class*="ChatEcoutant"] table.results-grid tr.results-header th {
  background: #0DB64D; }

/*
 * Design Tapestry grid 
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body table.results-grid,
.sosa-default #content div[class*="Messagerie"] div.portlet-body table.results-grid th,
.sosa-default #content div[class*="Messagerie"] div.portlet-body h3,
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-view fieldset,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.talk-paragraph,
.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block {
  font-family: 'ChelseaMarket', Arial;
  font-weight: normal;
  color: #565656; }

/*
 * Définit la taille du titre
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body h3 {
  font-size: 18px; }

/*
 * Rétablit le bon alignement
 */
.sosa-default #content div[class*="Messagerie"] table.results-grid {
  text-align: left; }

/*
 * Alignement des boutons au centre
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone {
  text-align: center; }

/*
 * Suppression du float inutile
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body a.boutonLink,
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form input.floatLeft {
  float: none; }

/*
 * Met à jour l'image de l'icône help
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body .discussionAjoutHelpImg {
  background: url("../images/messagerie/interrogation1.png") no-repeat; }

/*
 * Rectifie l'alignement de l'image
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body span.discussionAjoutHelpImg {
  line-height: 18px; }

/*
 * Rectifie l'alignement de l'image
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.discussionAjoutHelpImg {
  margin: 8px 0px 0 8px;
  margin: 2px 0px 0 8px \0/!important; }

/*
 * Rectifie la position du bouton annuler
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form a.boutonLink {
  padding-top: 13px;
  margin-top: 15px; }

/*
 * Modifie l'infobulle
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body .lienBulle .bulle {
  margin-top: 10px; }

/*
 * Align les boutons du formulaire
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form fieldset + fieldset,
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form fieldset.fieldset-add-discussion,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.messageBlock form p.paragraph-buttons {
  text-align: center; }

/*
 * Rétablit l'aligenement
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form fieldset p,
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-internaute-form fieldset div {
  text-align: left; }

/*
 * Modifie le bouton input file
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body input[type="file"] {
  padding-bottom: 5px;
  height: 21px;
  height: inherit\9 !important; }

/*
 * Hack firefox
 */
@-moz-document url-prefix() {
  #content div[class*="Messagerie"] div.portlet-body input[type="file"] {
    width: 260px; }

  .sosa-default #content div[class*="Messagerie"] div.portlet-body div.discussionAjoutHelpImg {
    margin: 4px 0 0 8px; }

  .sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-view div.aui-field-content label.aui-field-label {
    padding-left: 0px; }

  .sosa-default #content div[class*="Messagerie_"] div.portlet-body fieldset + fieldset div.discussionAjoutHelpImg {
    margin: -17px -8px 0 8px; }

  .sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset.fieldset-add-discussion .floatLeft,
  .sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-view-add-message-title + div .floatLeft {
    float: right; }

  .sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset.fieldset-add-discussion .floatLeft {
    margin: 10px -15px 0 0; }

  .sosa-default #content div[class*="Messagerie"] div.portlet-body fieldset p.discussion-view-add-message-title + div .floatLeft {
    margin: 10px 0 0 0; } }

/*
 * Définit la taille des labels
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.talk-paragraph label.label-talk {
  width: 85px; }

/*
 * Style de message pour l'ecoutant
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.answer-paragraph {
  background-color: #0DB64D;
  color: white;
  opacity: 0.8; }

/*
 * Style de message pour l'internaute
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.question-paragraph {
  border-color: #0DB64D;
  color: #0DB64D; }

/*
 * Affiche le titre d'ajout d'un message
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body form.discussion-view p.discussion-view-add-message-title {
  margin: 0px 0px 0px 10px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.aui-field-content,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.aui-field-row,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.aui-button-holder,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.aui-field-wrapper-content {
  margin-bottom: 0px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body p.button-paragraph a[id*="print"] {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 100px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none;
  margin-right: 5px; }

/*
 * Modifie le bouton retour
 */
.sosa-default #content div[class*="Messagerie"] div.portlet-body p.button-paragraph a.boutonLink {
  background: url("../images/button/bouton-retour.png") no-repeat;
  padding-top: 17px;
  width: 100px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div[id*="gridDiscussionsMessagerie"] {
  background: none; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body span.attachment-paragraph {
  margin-left: 10px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.t-zone.tapestry-zone table.results-grid td.action a,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.t-zone.tapestry-zone table.results-grid td.voir a,
.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone table.results-grid td.action a.boutonLink {
  background: url("../images/button/bouton-consulter.png") no-repeat;
  font-size: 0px;
  height: 25px;
  display: block;
  width: 135px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone table.results-grid tr.red-row td.action a.boutonLink {
  background: url("../images/button/bouton-consulter-archives-admin.png") no-repeat; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a.boutonLink[id*="archive"] {
  background: url("../images/button/bouton-consulter-archives.png") no-repeat;
  width: 235px;
  padding-top: 7px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body div.tapestry-zone a.boutonLink[id*="enCours"] {
  background: url("../images/button/bouton-consulter-discussions-en-cours.png") no-repeat;
  width: 285px;
  padding-top: 6px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body p.button-paragraph button[id*="archiveButton"] {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 260px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none;
  margin-right: 5px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body p.button-paragraph a[id*="print"] {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 100px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none;
  margin-right: 5px; }

.sosa-default #content div[class*="Messagerie"] div.portlet-body p.button-paragraph button[id*="revive"] {
  background: url("../images/button/btn_repondre_sans_logo.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 125px;
  height: 25px; }

/********************************************* Messagerie Ecoutant  *********************************************/
.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block input {
  width: 55px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block label {
  font-weight: normal;
  margin-right: 2px;
  margin-left: 0;
  font-size: 13px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block select {
  height: 20px;
  font-size: 14px;
  width: 175px;
  padding-top: 0px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block label + select + label {
  margin-left: 50px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block label + select + label + select + label {
  margin-left: 0px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block span.second-span {
  display: block;
  margin-top: 10px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block span#calendarDiv > div {
  margin-right: 80px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block input#inputDisplay {
  width: 85px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body ul.aui-tabview-list,
.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body ul.aui-tabview-list span.aui-tab-content {
  background: #0DB64D;
  font-family: 'ChelseaMarket', Arial;
  color: #565656; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body ul.aui-tabview-list label.aui-field-label {
  float: left;
  font-family: 'ChelseaMarket', Arial;
  width: 275px;
  height: 55px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body form[id*="configuration"] input[type="text"] {
  width: 240px;
  margin-top: 20px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body form[id*="configuration"] div.discussionAjoutHelpImg {
  margin: 4px 15px 0px 0px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body #phraseTypeZone input[type=submit].updateButton {
  background: url("../images/button/btn_gerer.png") no-repeat;
  width: 20px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body #phraseTypeZone input[type=submit].removeButton {
  background: url("../images/button/btn_close_popup.png") no-repeat;
  width: 20px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div.blockPhrase div.yui3-widget-hd.aui-helper-clearfix.aui-panel-hd {
  background: #0db64d; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div.blockPhrase div.phrase-type-container {
  margin-left: 10px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body p.submit-button a.boutonLink {
  background: url("../images/button/bouton-retour.png") no-repeat;
  width: 95px; }

.sosa-default div.yui3-widget-bd div#PhraseTypeContainer {
  font-family: 'ChelseaMarket', Arial; }

.sosa-default div.yui3-widget-bd div#PhraseTypeContainer .user {
  color: #0db64d;
  border-color: #0db64d; }

.sosa-default div.yui3-widget-bd div#PhraseTypeContainer .user:hover {
  color: white;
  background-color: #0db64d; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body fieldset {
  background: url("../images/container/fond_fieldset_message.png") \9 no-repeat !important;
  padding: 5px\9 !important; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body a#filterButtonEvent button {
  background: url("../images/button/btn_modif_filtres.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 180px;
  height: 25px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div#filter-block form fieldset p.submit-button input[id*="submitButton"] {
  background: url("../images/button/btn_filtrer.png") no-repeat;
  width: 110px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body p.button-paragraph a {
  background: url("../images/button/bouton-retour.png") no-repeat;
  padding-top: 17px;
  width: 100px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div.tapestry-zone + p.submit-button a.boutonLink {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 230px;
  padding: 0px;
  font-size: 16px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body form[id*="blockPhraseForm"] {
  text-align: center; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body form[id*="blockPhraseForm"] input {
  margin: 0px;
  float: none; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body input[type="submit"].ajouterPhraseTypeBouton {
  background: url("../images/button/ajouter-phrase-type.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 260px;
  height: 28px; }

.sosa-default #content div[class*="MessagerieEcoutant"] div.portlet-body div.t-data-grid-pager span.current {
  background-color: #0db64d; }

/********************************************* Chat individuel *********************************************/
.sosa-default #content div[class*="Chat"] div.portlet-body #connexion p.portlet-msg-error + div div#search {
  display: none; }

.sosa-default #content div[class*="Chat"] div.portlet-body #connexion p.portlet-msg-info,
.sosa-default #content div[class*="ChatEcoutant"] div.portlet-body p.portlet-msg-info,
.sosa-default #content div[class*="Chat"] .portlet-msg-info,
.sosa-default #content div[class*="ChatEcoutant"] .portlet-msg-info,
.sosa-default #content div[class*="Newsletter"] .portlet-msg-info,
.sosa-default #content div[class*="Messagerie"] .portlet-msg-info {
  background-color: #0db64d;
  border-color: #0db64d;
  color: white;
  font-family: 'ChelseaMarket', Arial;
  font-weight: normal; }

/*
 * Image de fond pour l'acceuil du chat individuel
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#search {
  background: url("../images/container/fond_chat_discussion.png") no-repeat;
  background-position: center;
  text-align: center;
  height: 95px; }

/*
 * Désign du bouton de creation de discussion
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#search input {
  background: url("../images/button/btn_creer_discussion_chat.png") no-repeat;
  background-position: center;
  font-size: 0px;
  width: 223px;
  height: 95px;
  border: none; }

/*
 * Style du message d'attente
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#enCours {
  font-family: 'ChelseaMarket', Arial;
  font-size: 14px; }

/*
 * Titre de la portlet
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body h1 {
  background: url("../images/chat/img_titre_chat.png") no-repeat;
  font-family: 'ChelseaMarket', Arial;
  color: #0db64d;
  font-size: 16px;
  height: 35px;
  padding: 5px 0px 0px 50px;
  font-weight: normal;
  margin-bottom: 40px; }

/*
 * Image de fond du sce editeur
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active {
  background: url("../images/container/fond-cke-editor-santeos.png");
  padding: 1px 10px 0px 10px; }

/*
 * Fait sortir le paragraphe "Vous êtes actuellement en discussion avec un écoutant"
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation > p {
  margin-bottom: 20px;
  margin-top: -35px; }

/*
 * Message de droite
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation div.pMessageRight,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active div.pMessageRight {
  background-color: white;
  color: #0DB64D;
  text-align: left; }

.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation div.pMessageRight .chatMessageDate,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active div.pMessageRight .chatMessageDate {
  color: #0DB64D;
  font-size: 0.6em;
  text-align: left; }

/*
 * Messages de gauche
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation div.pMessageLeft,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active div.pMessageLeft {
  background-color: #0DB64D;
  color: white;
  text-align: left; }

.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation div.pMessageLeft .chatMessageDate,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div#tab1 ~ div.active div.pMessageLeft .chatMessageDate {
  color: white;
  font-size: 0.6em;
  text-align: left; }

/*
 * Compteur temps
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#compteurTempsInternaute,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div.compteurTempsEcoutant {
  background-color: #0db64d;
  padding: 5px;
  color: white; }

/*
 * Changement de l'icône de volume actif
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation a.soundActive,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div.active a.soundActive {
  background: url("../images/chat/volume_chat.png") no-repeat;
  width: 45px;
  height: 40px; }

.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation a.soundMute,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div.active a.soundMute {
  background: url("../images/chat/chat-pas-volume.png") no-repeat;
  width: 45px;
  height: 40px; }

/*
 * Changement de l'icône de volume inactif
 * TODO : Changer l'icône
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation a.soundMute,
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body div.active a.soundMute {
  /*background:  url("../images/chat/volume_chat.png") no-repeat;*/
  width: 45px;
  height: 40px; }

/*
 * Ajuste le toolbar du sceditor
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation div.sceditor-toolbar {
  text-align: left; }

/*
 * Permet de centrer le bouton d'envoi
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation {
  text-align: center; }

/*
 * Design le bouton de clôture de conversation
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation button#fermer {
  float: none;
  background: url("../images/button/clore_discussion.png") no-repeat;
  width: 220px;
  height: 25px;
  border: none;
  font-size: 0px; }

/*
 * Design le bouton d'envoi de message
 */
.sosa-default #content div[class*="Chat_"] div.portlet-body div#conversation button#envoyerMessageButton {
  background: #0db64d;
  color: white;
  text-shadow: none;
  border-color: lightgray; }

/*
 * Couleur de l'entête du tableau
 */
.sosa-default #content div[class*="ChatEcoutant"] table.results-grid,
.sosa-default #content div[class*="ChatEcoutant"] table.results-grid th {
  font-weight: normal;
  color: #565656;
  font-family: 'ChelseaMarket', Arial; }

/*
 * Désactive les logs provenant du sound manager
 */
div#soundmanager-debug {
  display: none !important; }

.sosa-default #content div[class*="ChatEcoutant"] button[id*="bloquer"] {
  background: url("../images/button/btn_bloquer_user2.png") no-repeat;
  width: 220px;
  height: 25px;
  border: none;
  font-size: 0px; }

.sosa-default #content div[class*="ChatEcoutant"] button[id*="fermer"] {
  background: url("../images/button/btn_clore_discussion.png") no-repeat;
  width: 220px;
  height: 25px;
  border: none;
  font-size: 0px; }

.sosa-default #content div[class*="ChatEcoutant"] div.divButton a.boutonLink {
  background: url("../images/button/btn_clore_discussion2.png") no-repeat;
  width: 410px;
  height: 25px;
  border: none;
  font-size: 0px;
  float: right; }

.sosa-default #content div[class*="ChatEcoutant"] div.divButton > a.boutonLink {
  background: url("../images/button/btn_fiche_appel.png") no-repeat;
  float: right;
  width: 223px;
  margin-top: 12px; }

.sosa-default #content div[class*="ChatEcoutant"] div#contentTabs {
  height: 700px; }

.sosa-default #content div[class*="ChatEcoutant"] div.tapestry-zone a[id*="connecterChatEcoutant"] {
  background: url("../images/button/ouvrir-une-discussion.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 225px;
  height: 15px; }

.sosa-default #content div[class*="ChatEcoutant"] div.tapestry-zone a[id*="archivesLinkChatEcoutant"] {
  background: url("../images/button/bouton-consulter-archives.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 225px;
  height: 15px; }

.sosa-default #content div[class*="ChatEcoutant"] button[id="retour"] {
  background: url("../images/button/bouton-retour.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 108px;
  height: 25px; }

/*
 * Bouton Terminer ma session de chat
 */
.sosa-default #content div[class*="ChatEcoutant"] button[id="terminerSession"] {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 255px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none; }

/*
 * Bouton Imprimer
 */
.sosa-default #content div[class*="ChatEcoutant"] button[id*="print"] {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 100px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none; }

/*
 * Bouton Supprimer les discussions
 */
.sosa-default #content div[class*="ChatEcoutant"] a[id*="deleteAll"] button,
.sosa-default #content div[class*="ChatEcoutant"] a[id*="deleteAllTab"] button {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 350px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none;
  margin-right: 5px; }

/*
 * Bouton Rafraichir
 */
.sosa-default #content div[class*="ChatEcoutant"] a[id*="refresh"] button,
.sosa-default #content div[class*="ChatEcoutant"] a[id*="refreshTab"] button {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 100px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none; }

.sosa-default #content div[class*="ChatEcoutant"] tbody#listeClients button {
  background: url("../images/button/btn_gen.png") repeat-x;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 125px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none; }

/*
 * Archives des discussions
 */
.sosa-default #content div[class*="ChatEcoutant_"] div.portlet-body h2 {
  font-family: 'ChelseaMarket', Arial;
  color: #565656;
  font-size: 18px;
  height: 15px;
  padding: 10px 5px 5px;
  font-weight: normal; }

/********************************************* Newsletter Historique *********************************************/
.sosa-default #content span[id*="NewsletterHistorique"] + div.portlet-body {
  font-size: 12px;
  width: 100%; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.ui-paginator {
  background: #0DB64D !important; }

.sosa-default #content span[id*="NewsletterHistorique"] + div select {
  background-color: white; }

.sosa-default #content span[id*="NewsletterHistorique"] + div th {
  background: #D8F3E1 !important; }

.sosa-default #content span[id*="NewsletterHistorique"] + div tbody tr:first-child td {
  background: white !important; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.ui-paginator-page {
  background: white !important; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.ui-datatable-tablewrapper {
  padding-left: 1px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.historique-view-container {
  background: #D8F3E1; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.newsletter-title-registration {
  font-size: 16px;
  display: block;
  font-family: 'ChelseaMarket', Arial;
  color: #0db64d; }

.sosa-default #content span[id*="NewsletterHistorique"] + div form {
  width: 90%;
  margin-left: 3%;
  padding: 10px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div div.online-viewer-container {
  border: solid 1px #e1dede; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div#header-online-newsletter,
.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer {
  width: 100%; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div#header-online-newsletter,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div span.newsletter-info-container {
  border: solid 1px #e1dede;
  border-bottom: none;
  text-align: right;
  height: 25px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.newsletter-info-container {
  float: right;
  padding-top: 3px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.newsletter-number,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div span.newsletter-number {
  color: #0db64d;
  font-size: 14px;
  vertical-align: middle; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.newsletter-id,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div span.newsletter-id {
  color: black;
  font-weight: bold;
  font-size: 14px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div span.newsletter-date,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div span.newsletter-date {
  background: url("../images/container/fond_number_news.png") no-repeat;
  width: 145px;
  text-align: center;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  color: white;
  vertical-align: middle; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer div.article-container,
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div div#onlineviewerContainer {
  padding: 0px 15px 15px 15px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer + form button {
  background: url("../images/button/bouton-retour.png") no-repeat;
  border: none;
  font-size: 0px;
  width: 108px;
  height: 25px; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer + form button:hover {
  border: none;
  border-color: white; }

.sosa-default #content span[id*="NewsletterHistorique"] + div div.article-viewer + form {
  text-align: center; }

.sosa-default #content div[class*="OnlineNewsletterViewer"] {
  margin-bottom: 15px; }

/********************************************* Newsletter Inscription *********************************************/
.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body {
  margin-bottom: 10px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body table {
  background: url("../images/container/fond_form_news.png") repeat-x;
  width: 100%; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body input[type="text"] {
  width: 280px !important; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body tr + tr td {
  padding: 0px 0px 5px 5px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body span.newsletter-title-registration {
  font-family: 'ChelseaMarket', Arial;
  margin-top: 0;
  color: #0db64d;
  display: block; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body div.registration-form-buttons-left a#unregister-link {
  background: url("../images/button/btn_desinscrire.png") no-repeat;
  display: inline-block;
  width: 182px;
  height: 25px;
  font-size: 0px;
  padding-top: 17px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body div.registration-form-buttons-left button {
  background: url("../images/button/btn_enregistrer.png");
  font-size: 0px;
  height: 25px;
  width: 183px;
  border: none;
  padding-top: 12px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body label {
  font-size: 16px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body div.registration-form-buttons-left {
  text-align: center; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body span.info-fields-required {
  font-style: italic;
  font-size: 12px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 10px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body tbody {
  display: block;
  margin-bottom: 15px;
  padding: 10px 10px 10px 0px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body tr:first-child td {
  padding: 10px 0px 5px 5px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body div.portlet-msg-error ul li {
  background: none;
  border: none;
  font-weight: normal;
  display: list-item;
  padding-left: 0px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body div.portlet-msg-error {
  margin-bottom: 0px; }

.sosa-default #content span[id*="NewsletterRegistration"] + div.portlet-body a#register-link {
  background: url("../images/button/btn_gen.png") no-repeat;
  float: none;
  font-family: 'ChelseaMarket', Arial;
  color: #ffffff;
  font-size: 16px;
  border-radius: 0px;
  font-weight: normal;
  width: 125px;
  padding: 0px;
  font-size: 16px;
  border: none;
  text-shadow: none;
  display: inline-block;
  text-decoration: none; }

/********************************************* Newsletter Online viewer *********************************************/
.sosa-default #content span[id*="OnlineNewsletterViewer"] + div span.newsletter-info-container {
  display: inherit; }

.sosa-default #content h2 {
  font-family: 'ChelseaMarket', Arial;
  color: #565656; }

.sosa-default #content div.journal-content-article h3 {
  display: list-item;
  list-style-image: url("../images/puces/puce_nous-connaitre.png");
  list-style-position: inside;
  color: #565656;
  font-family: 'ChelseaMarket',Arial;
  font-size: 16px;
  margin-bottom: 10px; }

/* IMPORT */
#content div.journal-content-article div#map {
  margin-top: 10px;
  width: 526px;
  height: 530px;
  background-image: url(../images/carte/carte.png);
  background-repeat: no-repeat;
  background-color: #ebf7fd;
  position: relative; }

#content div.journal-content-article div#map div.item {
  position: absolute;
  cursor: pointer;
  z-index: 98; }

#content div.journal-content-article div#map div.popup {
  width: 275px;
  position: absolute;
  min-height: 144px;
  display: none;
  z-index: 99;
  background-image: url(../images/carte/box-shadow.png);
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: bottom;
  font-size: 14px; }

#content div.journal-content-article div#map div.popup-content {
  color: white; }

#content div.journal-content-article div#map div.popup-content > div {
  padding-left: 14px; }

#content div.journal-content-article div#map div.popup .popup-content .header {
  background-image: url(../images/carte/top.png);
  background-repeat: no-repeat;
  height: 80px;
  padding-top: 5px;
  margin-bottom: -5px; }

#content div.journal-content-article div#map div.name {
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 4px; }

#content div.journal-content-article div#map div.popup .popup-content .header .title div.name {
  float: left;
  width: 216px; }

#content div.journal-content-article div#map div.popup .popup-content .content {
  background-image: url(../images/carte/middle.png);
  background-repeat: repeat-y;
  background-position: 3px;
  padding-top: 5px; }

#content div.journal-content-article div#map div.popup .popup-content .content .name:nth-last-child(2) {
  /*margin-top:15px;*/ }

#content div.journal-content-article div#map div.popup .popup-content .footer {
  background-image: url(../images/carte/bottom.png);
  background-repeat: no-repeat;
  background-position: 2px;
  height: 47px;
  text-align: right; }

#content div.journal-content-article div#map div.popup .popup-content .footer div {
  margin-right: 27px;
  padding-top: 22px; }

#content div.journal-content-article div#map div.popup .popup-content .footer div a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-family: 'ChelseaMarket', Arial; }

#content div.journal-content-article div#map div.tel {
  background-image: url(../images/carte/box-tel.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 8px;
  margin-bottom: -8px;
  font-size: 16px;
  font-weight: bold;
  width: 200px;
  height: 40px; }

#content div.journal-content-article div#map div.btn-close {
  background-image: url(../images/carte/btn-close.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  float: left;
  cursor: pointer; }

#content div.journal-content-article div#map div.arrow.top {
  background-image: url(../images/carte/arrow-top.png);
  background-repeat: no-repeat;
  height: 26px; }

#content div.journal-content-article div#map div.arrow.bottom {
  background-image: url(../images/carte/arrow-bottom.png);
  background-repeat: no-repeat;
  height: 26px;
  margin-top: -5px; }

#content div.journal-content-article div#map .clear {
  clear: both; }

/*déclarations de polices perosnnalisées*/
@font-face {
  font-family: 'ChelseaMarket';
  src: url("../fonts/Chelsea_Market/ChelseaMarket-Regular.eot");
  src: url("../fonts/Chelsea_Market/ChelseaMarket-Regular.ttf") format("truetype"), url("../fonts/Chelsea_Market/ChelseaMarket-Regular.woff") format("woff"), url("../fonts/Chelsea_Market/ChelseaMarket-Regular.eot?#iefix") format("embedded-opentype"); }

@font-face {
  font-family: 'Dosis';
  src: url("../fonts/Dosis/Dosis-Regular.eot");
  src: url("../fonts/Dosis/Dosis-Regular.ttf") format("truetype"), url("../fonts/Dosis/Dosis-Regular.woff") format("woff"), url("../fonts/Dosis/Dosis-Regular.eot?#iefix") format("embedded-opentype"); }

@font-face {
  font-family: 'GloriaHallelujah';
  src: url("../fonts/Gloria_Hallelujah/GloriaHallelujah.eot");
  src: url("../fonts/Gloria_Hallelujah/GloriaHallelujah.ttf") format("truetype"), url("../fonts/Gloria_Hallelujah/GloriaHallelujah.woff") format("woff"), url("../fonts/Gloria_Hallelujah/GloriaHallelujah.eot?#iefix") format("embedded-opentype"); }

body {
  color: #565656;
  font-family: Arial; }

a img {
  border: none; }

a, a:visited {
  color: #565656; }

#wrapper {
  background: url("../images/fond.png") no-repeat center top;
  background: url("../images/fond.png") no-repeat center top, url("../images/gradient_top-left.png") no-repeat left 1px, url("../images/gradient_top-right.png") no-repeat right 1px;
  padding: 1px 0 0; }

.ie8 #wrapper {
  padding: 0px 0 0; }

.ie8 body {
  background: url("../images/container/header.gif") no-repeat center top; }

.ie8 footer {
  background: url("../images/container/footer.gif") no-repeat center bottom; }

#container {
  width: 1024px;
  margin: auto; }

/* HEADER */
#banner {
  position: relative;
  background: url("../images/header.png") no-repeat;
  width: 1024px;
  height: 112px; }

.private-page #banner {
  background: url("../images/header-backoffice.png") no-repeat;
  height: 137px;
  bottom: 30px; }

#banner h1 {
  margin: 0px; }

#skip-to-content {
  clip: rect(0, 0, 0, 0);
  position: absolute; }

/* placement des éléments du header*/
#banner .logo, #banner .default-logo {
  position: absolute;
  top: 13px;
  left: 50px; }

.private-page #banner .logo, #banner .default-logo {
  margin-top: 30px; }

#social p {
  display: none; }

#social li {
  list-style-type: none; }

#banner #youtubeHeaderLink a, #banner #facebookHeaderLink a {
  position: absolute;
  top: 55px;
  display: block;
  text-indent: -9999px; }

#banner #youtubeHeaderLink a {
  right: 40px;
  width: 88px;
  height: 33px;
  background: url("../images/youtube.png") no-repeat; }

#banner #facebookHeaderLink a {
  right: 135px;
  width: 91px;
  height: 34px;
  background: url("../images/facebook.png") no-repeat; }

#banner .site-title {
  padding: 1px 0 0; }

#banner .site-name {
  position: absolute;
  display: block;
  top: 110px;
  left: 20px;
  width: 160px;
  text-align: center;
  color: #0db64d;
  font-weight: bold;
  text-transform: uppercase; }

.private-page #banner .site-name {
  margin-top: 30px; }

/*placement du menu de navigation*/
#navigation {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: auto;
  margin-bottom: 90px; }

#navigation h1 {
  display: none; }

#navigation > ul {
  padding: 40px 0 0 0;
  list-style-type: none;
  margin: 0px; }

#navigation > ul > li {
  margin: 2px 0 2px 0;
  padding: 10px 50px 15px 0;
  text-align: center;
  background: url("../images/menu/menu_connaitre.png") no-repeat; }

#navigation > ul > li > a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'ChelseaMarket', Arial;
  font-size: 16px; }

#navigation > ul > li span {
  color: #ffffff; }

#navigation > ul > li.nav1 {
  background: url("../images/menu/menu_ecoutant.png") no-repeat;
  padding: 5px 50px 15px 0; }

#navigation > ul > li.nav2 {
  background: url("../images/menu/menu_soutenir.png") no-repeat; }

#navigation > ul > li.navCarte {
  background: url("../images/menu/menu_carte.png") no-repeat;
  height: 87px;
  padding: 0px 50px 0px 0; }

#navigation > ul > li.navCarte a span {
  display: block;
  text-indent: -9999px;
  height: 87px; }

#navigation > ul > li.navCarte.selected {
  background: url("../images/menu/menu_carte_actif.png") no-repeat; }

#navigation > ul > li.navNewsletter {
  margin: 30px 0;
  background: url("../images/menu/menu_newsletter.png") no-repeat 50px;
  height: 92px;
  padding: 0px 50px 0px 0; }

#navigation > ul > li.navNewsletter a span {
  display: block;
  text-indent: -9999px;
  height: 92px; }

#navigation > ul > li.navActualites {
  margin: 30px 0;
  background: url("../images/menu/menu_actu.png") no-repeat 50px;
  height: 108px;
  padding: 0px 50px 0px 0; }

#navigation > ul > li.navActualites a span {
  display: block;
  text-indent: -9999px;
  height: 108px; }

#navigation > ul > li > ul {
  margin: 15px 0 0 40px; }

#navigation > ul > li > ul > li {
  text-align: left;
  font-size: 16px; }

#navigation > ul > li > ul > li a {
  text-decoration: none; }

#navigation ul.child-menu li {
  text-transform: uppercase; }

#content h2.page-title {
  margin-bottom: 25px; }

/* Entrées du menu */
/*placement du contenu des pages*/
#content {
  display: inline-block;
  vertical-align: top;
  width: 758px;
  font-size: 16px;
  margin-bottom: 90px; }

#content h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'ChelseaMarket', Arial;
  margin: 0;
  padding: 0;
  width: auto; }

#content h2 span {
  padding-bottom: 3px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 5px; }

#content div.journal-content-article h2 {
  text-transform: none; }

#content .portlet {
  border: 1px solid #C8C9CA;
  margin: 0 0 10px;
  padding: 3px;
  text-align: left; }

#content .portlet-topper {
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA; }

#content .portlet, #content .portlet-topper {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/*fil d'arianne'*/
.site-breadcrumbs h1 {
  display: none; }

.site-breadcrumbs {
  margin: 20px 0 10px 0;
  font-size: 12px; }

.breadcrumbs li {
  margin-right: 5px; }

.breadcrumbs li:after {
  content: " > "; }

.breadcrumbs li.last:after {
  content: none; }

.site-breadcrumbs a {
  text-decoration: none;
  font-weight: bold; }

/*placement du footer, avec le bandeau contact*/
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("../images/gradient_bottom-left2.png") no-repeat left bottom, url("../images/gradient_bottom-right2.png") no-repeat right bottom;
  z-index: 100; }

#footer {
  width: 1024px;
  height: 90px;
  margin: auto;
  position: relative;
  background: url("../images/fond_footer4.png") no-repeat;
  text-align: center;
  font-size: 12px;
  z-index: 100; }

#footer h2 {
  display: none; }

#listeTypesAppels li {
  display: inline-block;
  list-style-type: none; }

#listeTypesAppels li a {
  display: block;
  position: absolute;
  text-indent: -9999px; }

#footerTelephoneLien a {
  width: 153px;
  height: 51px;
  background: url("../images/footer/bandeau_telephone.png") no-repeat;
  top: 14px;
  left: 269px; }

#footerMessagerieLien a {
  width: 172px;
  height: 55px;
  background: url("../images/footer/bandeau_messagerie.png") no-repeat;
  top: 10px;
  left: 499px; }

#footerChatLien a {
  width: 147px;
  height: 50px;
  background: url("../images/footer/bandeau_chat.png") no-repeat;
  top: 13px;
  left: 764px; }

#infos_footer {
  position: absolute;
  top: 58px;
  width: 100%;
  left: 0;
  text-align: center; }

#infos_footer li {
  display: inline-block; }

#infos_footer li a {
  text-decoration: none; }

#infos_footer li a:after {
  content: " | ";
  color: #0db64d; }

#infos_footer li.last a:after {
  content: none; }

/* DOCKBAR */
.dockbar {
  background: #97a1ae url(../images/dockbar.png) repeat-x 0 0; }

.dockbar a {
  color: white;
  font-weight: normal;
  text-shadow: none; }

/************************ Cadre vert ************************/
.cadre-vert {
  background: url("../images/cadre/cadre_haut_vert.png") no-repeat, url("../images/cadre/etirable_cadre_vert.png") repeat-y, url("../images/cadre/cadre_bas_vert.png") no-repeat;
  background-position: top,center,bottom;
  width: 515px;
  padding: 15px; }

.ie8 .cadre-vert {
  position: relative;
  z-index: 1;
  background: url("../images/cadre/cadre_haut_vert.png") no-repeat;
  background-position: top; }

.ie8 .cadre-vert:before,
.ie8 .cadre-vert:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .cadre-vert:before {
  content: "";
  background: url("../images/cadre/cadre_bas_vert.png") no-repeat;
  background-position: bottom; }

.ie8 .cadre-vert:after {
  content: "";
  background: url("../images/cadre/etirable_cadre_vert.png") repeat-y;
  background-position: center; }

.cadre-vert h1,
.cadre-vert h2,
.cadre-vert h3,
.cadre-vert h4,
.cadre-vert h5 {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #0db64d; }

.cadre-vert ul {
  list-style-image: url("../images/puces/puce_nous-connaitre_small.png"); }

/************************ Cadre jaune ************************/
.cadre-jaune {
  background: url("../images/cadre/cadre_haut_jaune.png") no-repeat, url("../images/cadre/etirable_cadre_jaune.png") repeat-y, url("../images/cadre/cadre_bas_jaune.png") no-repeat;
  background-position: top,center,bottom;
  width: 515px;
  padding: 15px; }

.ie8 .cadre-jaune {
  position: relative;
  z-index: 1;
  background: url("../images/cadre/cadre_haut_jaune.png") no-repeat;
  background-position: top; }

.ie8 .cadre-jaune:before,
.ie8 .cadre-jaune:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .cadre-jaune:before {
  content: "";
  background: url("../images/cadre/cadre_bas_jaune.png") no-repeat;
  background-position: bottom; }

.ie8 .cadre-jaune:after {
  content: "";
  background: url("../images/cadre/etirable_cadre_jaune.png") repeat-y;
  background-position: center; }

.cadre-jaune h1,
.cadre-jaune h2,
.cadre-jaune h3,
.cadre-jaune h4,
.cadre-jaune h5 {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #fecb45; }

.cadre-jaune ul {
  list-style-image: url("../images/puces/puce_nous-soutenir.png"); }

/************************ Cadre rouge ************************/
.cadre-rouge {
  background: url("../images/cadre/cadre_haut_rouge.png") no-repeat, url("../images/cadre/etirable_cadre_rouge.png") repeat-y, url("../images/cadre/cadre_bas_rouge.png") no-repeat;
  background-position: top,center,bottom;
  width: 515px;
  padding: 15px; }

.ie8 .cadre-rouge {
  position: relative;
  z-index: 1;
  background: url("../images/cadre/cadre_haut_rouge.png") no-repeat;
  background-position: top; }

.ie8 .cadre-rouge:before,
.ie8 .cadre-rouge:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .cadre-rouge:before {
  content: "";
  background: url("../images/cadre/cadre_bas_rouge.png") no-repeat;
  background-position: bottom; }

.ie8 .cadre-rouge:after {
  content: "";
  background: url("../images/cadre/etirable_cadre_rouge.png") repeat-y;
  background-position: center; }

.cadre-rouge h1,
.cadre-rouge h2,
.cadre-rouge h3,
.cadre-rouge h4,
.cadre-vert h5 {
  font-size: 16px;
  font-family: 'ChelseaMarket', Arial;
  color: #f74533; }

.cadre-rouge ul {
  list-style-image: url("../images/puces/puce_devenir-ecoutant_small.png"); }

/************************ Crochets vert ************************/
.crochets-vert {
  background: url("../images/crochet/crochets_haut_vert.png") no-repeat, url("../images/crochet/etirable_crochet_vert.png") repeat-y, url("../images/crochet/crochets_haut_vert.png") no-repeat;
  background-position: top,center,bottom;
  padding: 15px 25px 15px 25px;
  font-size: 14px;
  font-family: 'ChelseaMarket', Arial;
  color: #0db64d;
  font-weight: bold; }

.crochets-vert a {
  color: #0db64d; }

.ie8 .crochets-vert {
  position: relative;
  z-index: 1;
  background: url("../images/crochet/crochets_haut_vert.png") no-repeat;
  background-position: top; }

.ie8 .crochets-vert:before,
.ie8 .crochets-vert:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .crochets-vert:before {
  content: "";
  background: url("../images/crochet/crochets_haut_vert.png") no-repeat;
  background-position: bottom; }

.ie8 .crochets-vert:after {
  content: "";
  background: url("../images/crochet/etirable_crochet_vert.png") repeat-y;
  background-position: center; }

/************************ Crochets jaune ************************/
.crochets-jaune {
  background: url("../images/crochet/crochets_haut_jaune.png") no-repeat, url("../images/crochet/etirable_crochet_jaune.png") repeat-y, url("../images/crochet/crochets_haut_jaune.png") no-repeat;
  background-position: top,center,bottom;
  padding: 15px 25px 15px 25px;
  font-size: 14px;
  font-family: 'ChelseaMarket', Arial;
  color: #fecb45;
  font-weight: bold; }

.crochets-jaune a {
  color: #fecb45; }

.ie8 .crochets-jaune {
  position: relative;
  z-index: 1;
  background: url("../images/crochet/crochets_haut_jaune.png") no-repeat;
  background-position: top; }

.ie8 .crochets-jaune:before,
.ie8 .crochets-jaune:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .crochets-jaune:before {
  content: "";
  background: url("../images/crochet/crochets_haut_jaune.png") no-repeat;
  background-position: bottom; }

.ie8 .crochets-jaune:after {
  content: "";
  background: url("../images/crochet/etirable_crochet_jaune.png") repeat-y;
  background-position: center; }

/************************ Crochets rouge ************************/
.crochets-rouge {
  background: url("../images/crochet/crochets_haut_rouge.png") no-repeat, url("../images/crochet/etirable_crochet_rouge.png") repeat-y, url("../images/crochet/crochets_haut_rouge.png") no-repeat;
  background-position: top,center,bottom;
  padding: 15px 25px 15px 25px;
  font-size: 14px;
  font-family: 'ChelseaMarket', Arial;
  color: #f74533;
  font-weight: bold; }

.crochets-rouge a {
  color: #f74533; }

.ie8 .crochets-rouge {
  position: relative;
  z-index: 1;
  background: url("../images/crochet/crochets_haut_rouge.png") no-repeat;
  background-position: top; }

.ie8 .crochets-rouge:before,
.ie8 .crochets-rouge:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.ie8 .crochets-rouge:before {
  content: "";
  background: url("../images/crochet/crochets_haut_rouge.png") no-repeat;
  background-position: bottom; }

.ie8 .crochets-rouge:after {
  content: "";
  background: url("../images/crochet/etirable_crochet_rouge.png") repeat-y;
  background-position: center; }

.bloc-vert {
  background: url("../images/container/fond_contenu_bloc.png");
  padding: 5px 10px 1px 10px;
  width: 505px; }

.bloc-vert ul li {
  list-style-image: url("../images/puces/puce_nous-connaitre_small.png"); }

.actualite-contenu {
  background: url("../images/container/fond_actu.png") no-repeat;
  font-size: 14px;
  padding: 5px; }

.actualite-titre {
  font-family: 'ChelseaMarket', Arial; }

.actualite-date {
  color: #0db64d;
  font-family: 'ChelseaMarket', Arial; }

/********************************************* Disponibilité du chat *********************************************/
/*
 * Chat fermé
 */
#content div[class*="ChatNotification"] div.portlet-body div#url a.portlet-msg-info {
  background: url("../images/chat/chat_open.png") no-repeat;
  background-position: center;
  border: none;
  font-size: 0px;
  height: 40px; }

/*
 * Chat fermé
 */
#content div[class*="ChatNotification"] div.portlet-body div#url p.portlet-msg-error,
#content div[class*="Chat"] div.portlet-body #connexion p.portlet-msg-error {
  background: url("../images/chat/chat_close.png") no-repeat;
  background-position: center;
  border: none;
  font-size: 0px;
  height: 40px; }

/********************************************* Bandeau deconnexion *********************************************/
div.popup-alert-notice {
  top: 50%;
  text-align: center;
  font-size: 15px; }

div.popup-alert-notice::before {
  z-index: -4999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  content: ''; }

div.popup-alert-notice::after {
  z-index: -4300;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background-color: #FFC;
  border-bottom-color: #FC0; }