@import 'error.css';

/*Pour augmenter la surface d'affichage*/
/*l'interface augmentée au maximum de la surface n'est pas agréable, pas assez espacée...*/
.container{
	//width: 100%!important;
	//max-width:95%!important;
}

/*Font à tester*/
/* Avenir-LT-W01_35-Light, Avenir-LT-W01_85-Heavy */


/*Gestion des éléments en lecture seul*/
.fabrikElementReadOnly{
	//background-color: white!important;
}

/*BLOG*/

/*Mettre champ recherche globale à droite ( pourquoi il est à gauche sur cette LIST??*/
.menu-tous-les-articles .input-append{
	float:right;
}

/*Slider blog*/
.blog{
	height-max: 310px;
	overflow: hidden;
}

/* Slideshow container */
.slideshow-container_blog {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides_blog {
  display: none;
}

/* Next & previous buttons */
.prev-next-container_blog{
	text-align: right;
}
.prev_blog, .next_blog {
  cursor: pointer;
  //position: absolute;
  //top: 50%;
  width: auto;
  //margin-top: -22px;
  padding: 8px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  //background: lightgray;
  //opacity: 0.5;
  border-color: #ddd !important;
  //padding: 5px;
  //margin: 5px;
  color: black;
  border: 1px solid;
}

/* Position the "next button" to the right */
.next_blog {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev_blog:hover, .next_blog:hover {
  background-color: rgba(0,0,0,0.8);
}

/*Photo*/
.photo_blog{
	//height: 200px;
	max-height: 200px;
	max-width: 40%;
	float: left;
	margin-right: 10px;
}

/* Caption text */
.titre_blog {
  height: 50px;
  //color: #f2f2f2;
  font-size: 24px;
  font-weight: bold;
  padding: 8px 12px;
  //margin-bottom: 10px;
  //position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  line-height: 24px;
}
.date_blog{
	font-size:10px;
	margin-top: -5px;
	margin-bottom: -5px;
	text-align: center;
}
.titre_blog p{
	height: 100%;
	overflow: hidden;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	text-overflow: clip;
	hyphens: auto;
	word-wrap: break-word;
}

.contenu_blog {
	height:100px;
  //color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  //position: absolute;
  bottom: 8px;
  width: 100%;
  //text-align: center;
  
  	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;	
}
.contenu_blog p{
	height: 100%;
	overflow: hidden;
}

.bouton-lire_blog {
	height: 30px;
	position: relative;
	text-align: right;
}

/* Number text (1/3 etc) */
.numbertext_blog {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot_blog_container {
	//clear: both;
	text-align:center;
	float: left;
    width: 85%;
}

.dot_blog {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active_blog, .dot_blog:hover {
  background-color: #717171;
}
/* Fading animation */
.fade_blog {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/*Mettre les boutons email,pdf,impression au milieu*/
.menu-tous-les-articles .pull-right{
	float: none;
}

/*Pour avoir une largeur qui se rapproche du A4 visuellement*/
/*.menu-tous-les-articles .fabrikForm, .fabrikDetails{
	max-width: 700px;
}*/
.menu-tous-les-articles .fabrikDetails{
	max-width: 700px;
	margin: auto;
}

/*Pour avoir de l'espace entre le bouton Imprimer et le titre du blog*/
.menu-tous-les-articles table{
	margin-top: 10px;
}

@-webkit-keyframes fade_blog {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*Menu*/
.eb-toolbar {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:-ms-flex;
 display:flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 border:1px solid transparent;
 border-radius:3px;
 //background-color:#333;
 background-color: gray;
 position:relative;
 line-height:18px;
 padding: 8px;
 margin-bottom: 10px;
}
.eb-toolbar a:hover{
	background-color: #333;
}

.eb-toolbar__item--home-submenu .eb-toolbar__link {
 padding:4px 8px
}
.eb-toolbar__o-nav {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:-ms-flex;
 display:flex;
 -webkit-align-items:center;
 -ms-align-items:center;
 align-items:center
}
.o-nav__link{
	color: white!important;
}
.eb-toolbar__link:hover {
 //color:#fff;
 background-color:gray;
 }
/*Fin slider blog*/



/*Plotalot table*/
/*Pour ne plus avoir la hauteur forcée à 500px*/
.google-visualization-table-table{
	height: auto!important;
}

/*FORM*/

/*FORM EVT*/
.aide_type{
	border-style: solid;
	padding: 5px;
	font-size: 12px;
	line-height: 12px;
	//text-align: center;
	background-color: floralwhite;
}
.aide_type p{
	margin: 0;
}
.aide_type_titre{
	font-size: 14px;
	margin-bottom: 10px!important;
}

.aide_type_header{
	font-weight: bolder;
	margin-top: 4px!important;
}	

/*Composant Plotalot graphiques et tables*/
/*tables suive evenements*/
.table_suivi_heading_row{
	height: 15px;
	background-color: lavender;
}
.table_suivi_table_cell{
	//height: 15px;
	vertical-align: top;
	//text-align: center;
}
.table_suivi_odd_rows{
	//height: 15px;
}
.table_suivi_table_row{
	//height: 15px;
}

/*Bouton picker time non visible car pb de sélection avec Firefox / Chrome*/
.timeButton{
	visibility: hidden!important;
}

/*Blink à tester*/
.blink {
  color:red; background-color:pink; 
  animation: allblink 2s infinite;
}
@keyframes allblink { 
0% { }
50% { color:green; background-color:lightgreen; } 
}

/* Commun */
.gras{
	font-weight: bold;
}

.centrer{
	text-align: center;
}

.invisible{
	display:none!important;
}

.cacher{
	visibility: hidden!important;
}

/*Pied de page*/
.logo_inarcom_footer {
	text-align: center;
}

/*gestion taille icones awesome*/
.fa-8x {
    font-size: 8em;
}
.fa-9x {
    font-size: 9em;
}
.fa-10x {
    font-size: 10em;
}
.fa-12x {
    font-size: 12em;
}


/*Gestion largeur des noms en pièce jointe*/
.plg-fileupload{
	word-wrap: anywhere;
	//sinon décalage à gauche dans affichage détail d’un article du blog, à corriger au cas par cas
	//max-width: 400px;
}

.back-residence {
    z-index: -1;
	text-align: right;
    color: #E4E4E4;
    position: absolute;
    padding-top: 40px;
    left: 0;
    top: 0;
	right: 40px;
    //width: 100%;
    //height: 144px;
    //line-height: 144px;
    //font-size: 90px;
	font-size: 4vmax;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
}

.back-categorie {
    z-index: -1;
	text-align: right;
    color: #F0F0F0;
    position: absolute;
    padding-top: 60px;
    left: 0;
    top: 0;
	right: 40px;
    //width: 100%;
    //height: 144px;
    //line-height: 144px;
    //font-size: 90px;
	font-size: 4vmax;
	font-weight: bold;
	font-style: italic;
}

/*Démo Extranet*/
.demo_aide{
	//border: 1px solid white;
	border-radius: 20px;
	background-color: #fffba1;
	padding-left: 2px;
    padding-right: 2px;
	margin-right: 4px;
}
.demo_intro{
	font-weight: bold;
	font-size: large;
}
.demo_nom_residence{
	font-size: smaller;
	font-style: italic;
}
.demo_email_residence{
	font-weight: bolder;
	font-size: small;
}
.demo_contenu{
	font-size: small;
}
.demo_pied{
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

/*Extranet*/

/*Enlever l'espace libre dans le footer*/
#sp-footer-wrapper {
    padding: 1px 0 !important;
}

/*QR Code accès temporaire*/
/*Ne pas afficher le label du QR Code*/
#group460 .fabrikLabel{
	display: none;
}
/*Mettre le QR code à côté de explications*/
#group460 .row-striped{
	margin-left:40%;
	//margin-top: 40px;
	text-align: left;
}

/*Affichage du nom de résidence dans une form*/
.extranet_residence_nom{
	font-size: 38.5px;
	line-height: 40px;
	font-family: "Lato",sans-serif;
	font-weight: bold !important;
	line-height: 140% !important;
	margin-bottom: 10px;
}

/*Affichage de la version de la résidence dans une form*/
.extranet_residence_version_basique{
	font-weight: bold;
}

/*Affichage de la catégorie dans une form*/
.extranet_categorie_nom{
	font-size: 38.5px;
	line-height: 40px;
	font-family: "Lato",sans-serif;
	font-weight: bold !important;
	line-height: 140% !important;
	margin-bottom: 10px;
}
/*Affichage de la catégorie dans une form*/
.extranet_titre_email{
	font-size: 20px;
	line-height: 40px;
	font-family: "Lato",sans-serif;
	font-weight: bold !important;
	line-height: 140% !important;
	margin-bottom: 10px;	
}

.bouton_retour_accueil{
	background-color: lightblue;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.icone_tous {
	color: steelblue;
}
.legende_icone_tous {
	background-color: steelblue;
	text-align: center
}
.icone_coproprietaires{
	color: #589f58;
}
.legende_icone_coproprietaires{
	background-color: #589f58;
	text-align: center
}
.icone_conseil {
	color: darksalmon;
}

.table_liste_categories{
	border-collapse: initial;
	border-spacing: 3px;
}
.liste_categories_entete{
	background-color: gray;
	color: white;
}
.liste_categories_nom{
}
.liste_categories_email{
}
.liste_categories_visibilitee{
}
.liste_categories_ligne{
	background-color: lightgray;
}
.liste_categories_col_nom{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.liste_categories_col_email{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.liste_categories_col_visibilitee{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
/*Liste utilisateurs extranet - Cacher le bouton d'édition car on a besoin de l'accès pour pouvoir modifier son propre compte mais on ne peut pas modifier les compte générique (c'est le cas, un message d'erreur apparaît, mais comme dans la liste il n'y a que les comptes générique inutile d'afficher le bouton) */
#list_120_com_fabrik_120 .fabrik_edit {
  display: none!important;
}


/*Bouton remplaçant le menu*/
.tooltip_light .jfab_tooltip {
    background: rgba(255,255,255)!important;
}
.tooltip_dark .jfab_tooltip {
    background: rgba(70,130,200)!important;
}

/*Login*/
.login .form-validate{
	//float: left;
	//min-width: 50%;
}

.nav-stacked > li{
	//float: inline-start;
}

/*position footer (footer1 et 2 et user4)*/
#sp-footer-wrapper {
	//padding: 20px 0 !important;
	//background-color: #F5F5F5!important;
	//border-top: 0px;
}

/*Cache à cocher consentement ( invitation)*/
/*Pour que le texte soit sur le minimum de lignes*/
#nkqs9_users___case_a_cocher div{
	width: 300%;
}

#nkqs9_users___utilisation_donnees_personnelles div{
	margin-bottom: 10px;
	font-style: italic;
}

.text_blanc a{
	color: white!important;
	font-weight: bold;
}

.text_gris a{
	color: ivory!important;
	font-weight: bold;
}


/*Page d'erreur, pour éviter que l'image ne prenne toute la place sur un smartphone
#error-page {
  background: url(../images/helix.png) no-repeat 100% 0!important;
  //min-height: 100px;
  max-height: 100px!important;
  max-width: 300px!important;
  //padding: 19px 29px 29px;
  //margin: 100px auto 20px;
}
*/

/*Liste Emails reçus*/
/*Pour rapprocher le bouton de recherche du champ*/
.menu-liste-des-emails-recus #emails_site___evenement_lie{
	float: left;
}
.menu-liste-des-emails-recus #emails_site_attachments___evenement_lie_0{
	float: left;
}
/*Popoup de sélection d'un événement*/
/*Affichage d'instructions manquantes*/
.menu-liste-des-emails-recus #db_join_select:before{
	padding: 9px 15px;
	//border-bottom: 1px solid #eee;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	content: "Cliquez sur la case à cocher à droite d'un enregistrement pour le sélectionner";
}

/*Suppression des liens et boutons non désirés*/

.menu-liste-des-emails-recus  #db_join_select .fabrikButtonsContainer .nav-pills{
	display: none;
}
.menu-liste-des-emails-recus #db_join_select .modal-header .handlelabel{
	display: none;
}
.menu-liste-des-emails-recus #db_join_select h1{
	display: none;
}
.menu-liste-des-emails-recus #db_join_select .fabrik_actions{
	display: none;
}



/*Affichage d'un titre particulier si on vient d'une liste évenements (related data)*/
.titre_liste_emails_lies{
	font-size: 28px;
	line-height: 40px;
	font-family: "Lato",sans-serif;
	font-weight: bold !important;
	line-height: 140% !important;
	margin-bottom: 10px;	
}

.fabrik_groupdata .emails_site___titre_email, .fabrik_groupdata .emails_site___nom_expediteur{
	font-weight: bold;
}

.emails_site___traite .icon-ok:before{
	color: green;
}

.emails_site_attachments___traitee .icon-ok:before{
	color: green;
}

/*Form et view email reçu - Mettre un ascenseur*/
#emails_site___corps_email, #emails_site___corps_email_ro {
	padding: 5px;
	max-height: 500px;
	overflow: auto;
	//background: white;
	border: 2px solid lightgray;
}

/*Zone commentaires*/
#cpcomments, #jcomments{
	background-color: white;
	padding-top: 10px;
	padding-left:10px;
}

/*Module affichage des limites du portail*/
.limite_conteneur{
	text-align: right!important;
}
.pas_depassement_limites{
	color: green!important;
}
.pas_depassement_limites a{
	color: green!important;
}

.depassement_limites{
	color: red!important;
}
.depassement_limites a{
	color: red!important;
}

.limite_atteinte{
	color: orange!important;
}
.limite_atteinte a{
	color: orange!important;
}

.limite_nom{
	font-weight: normal!important;
}
.limite_nombre{
	font-size: medium!important;
	font-weight: bold!important;
}


/*Pour supprimer l'espace avant les débuts de page*/
#sp-main-body-wrapper {
	padding: 0px 0;
}

/*Crosswords */

/*Menu crossword*/
.srm_ulmenu{
	margin-top:10px;
}

#cj-wrapper #crossword-grid .disabled {
	background-color: grey!important;
}
#cj-wrapper #crossword-grid .textcellh {
	background-color: lightcyan;
}

/*Ne pas afficher le menu géré par Crossword qui fonctionne mal sur smartphone, remplacé par un menu 'simple responsif menu (a finalement été désactivé par les options du composant)*/
.crosswords .navbar, .menu-mots-croises .navbar{
	//display:none!important;
}
/*Ne pas afficher les listes de définitions car il peut apparaître un décallage entre les No des listes et des grilles, ex. No 7 dans liste verticale et No 8 sur la grille. Dévalidation jusqu'à correction*/

.crosswords-wrapper .questions .span6{
	display:none!important;
}

/*Crosswords - Classement des joueurs*/
.crosswords_classement_container{}
.crosswords_niveau{
	text-align: right;
	font-size: large;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 8px;
}
.crosswords_classement{
	background-color: whitesmoke;
	margin-bottom: 5px;
}
.crosswords_classement_table{
	border-spacing: 4px;
	border-collapse: separate;
}

.crosswords_joueur{}
.crosswords_joueur_classement{
	font-size: medium;
}
.crosswords_joueur_nom{
	font-style: italic;
	font-size: small;
	min-width: 180px;
	max-width: 180px;
}
.crosswords_joueur_total{
	font-size: large;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	padding: 5px;
}

/*Bug Fabrik sur suppression des repeated group*/
/*en attendant résolution suppression bouton -*/
.fabrikGroupRepeater .deleteGroup{
	display: none;
}

/*On affiche le - pour les Sondages*/
#form_103 .fabrikGroupRepeater .deleteGroup{
	display: inline-table;
}

/*On affiche le - pour les Avis*/
#form_90 .fabrikGroupRepeater .deleteGroup{
	display: inline-table;
}

/*Champ 'Supprimer' en rouge*/
.fabrikRepeatGroup___travaux_taches___supprimer,
.fabrikRepeatGroup___travaux_fournisseurs___supprimer,
.fabrikRepeatGroup___travaux_photos___supprimer,
.fabrikRepeatGroup___travaux_fichiers___supprimer,
.fabrikRepeatGroup___identitee_fichiers_reglements___supprimer,
.fabrikRepeatGroup___identitee_fichiers_plans___supprimer,
.fabrikRepeatGroup___identitee_fichiers_divers___supprimer,
.fabrikRepeatGroup___identitee_fichiers_diagnostics___supprimer,
.fabrikRepeatGroup___identitee_fichiers_pv_ag___supprimer,
.fabrikRepeatGroup___budgets_d_tails___supprimer,
.fabrikRepeatGroup___contrats_photos___supprimer,
.fabrikRepeatGroup___contrats_fichiers___supprimer
 {
	color: red;
}

/*Résumé travaux*/

.liste_resume_separateur {
  //clear: both;
  margin: 4px;
  border-color: #ccc -moz-use-text-color #fff;
  border-top: 2px solid lightgray;
}

.liste_resume_container{
	border: 1px solid #e6e9ed;
	width: auto;
	//height: 475px;
	//background-color: rgba(230, 233, 237, 255);
	background-color: white;
	box-shadow: 5px 5px 7px #cccccc;
	padding: 0px 1px 1px 1px;
	//overflow-x: hidden;	
	//overflow-y: scroll;
	//margin-bottom: 20px;
}

/*Toutes les lignes impaires : la 1e, la 3e, la 5e, etc.*/
.liste_resume_ligne_paire{
	//background-color: #CFD8E6;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*Toutes les lignes paires : la 2e, la 4e, la 6e, etc.*/
.liste_resume_ligne_impaire{
	//background-color: rgba(230, 233, 237, 255);
	padding-top: 2px;
	padding-bottom: 2px;
}

.liste_resume_titre{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}
.liste_resume_intro{
	font-size: 12px;
	text-align: center;
}
.liste_resume{
	//border-top: 2px solid lightgray;
	//padding-top: 10px;
	height: 375px;
	overflow-x: hidden;	
	overflow-y: scroll;
}

.liste_resume_evt{
	height: auto;
	padding: 4px;
	//border: 1px solid #ccc;
	//-moz-border-radius: 5px;
	//border-radius: 5px;	
}

div.clear {
    clear: both;
}

.liste_resume_desc{
	//clear: both;
	//float: left;
}
.liste_resume_desc div{
  //margin-left: 2px;
  //margin-right: 2px;
  //margin-bottom: 10px;	
}
.liste_resume_desc_A_DROITE{
	clear: both;
	//display: block;
	float: left;
	//max-width: 175px;
}
.liste_resume_desc1_A_DROITE{
	//margin-left: 5px;
	max-width: 160px;
	float: left;
}
.liste_resume_desc2_A_DROITE{
	float: right;
	margin-bottom: 4px;
}

.liste_resume_date{
	font-size: 10px;  
	clear: both;
}
.liste_resume_date_A_DROITE{
	font-size: 10px;  
	//clear: both;
}
.liste_resume_photo{
	
}
.liste_resume_photo img{
	float: right;
	margin: auto;
	//height: 35px;
	//border-radius: 5px;
	max-height: 65px;
	max-width: 70px;
}
.liste_resume_photo_A_DROITE img{
	//float: right;
	//margin: auto;
	//height: 35px;
	//border-radius: 5px;
	//margin: 2px;
	max-height: 65px;
	max-width: 70px;
}

.liste_resume_etat{
	//float: left;
	font-size: 10px;
	clear:both;
}
.liste_resume_etat_A_DROITE{
	//float: left;
	//font-size: 10px;
	//clear:both;
}
.liste_resume_etat_nouveau{
	color: #DC3912;
}
.liste_resume_etat_encours{
	color: #F7B251;
}
.liste_resume_etat_termine{
	color: green;
}


.liste_resume_batiment {
  font-size: 24px;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  //line-height: 0;
}
.liste_resume_batiment_A_DROITE {
	min-width: 50px;
  font-size: 24px;
  //float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  //line-height: 0;
  text-align: center;
}
.liste_resume_type{
	//font-style: oblique;
	//font-size: 10px;
	clear: both;
}
.liste_resume_nom{
	clear: both;
	font-weight: bold;
	//text-align: center;
}
.liste_resume_nom_A_DROITE{
	//clear: both;
	font-weight: bold;
	//text-align: center;
}
.liste_resume_resultat{
	clear: both;
	margin-top: 5px;
	//margin-left: 15px;
	//font-size: 10px; 
	//font-style: oblique;

	padding: 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: #e6e9ed;
}

/*Evt Séparateur entre description et liste des tâches - identique à class .legend*/
#travaux___separateur_liste_taches {
	display: block;
	width: 100%;
	background-color: lightgray;
	padding: 0;
    //padding-left: 0px;
	//margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333;
	border: 0;
	font-weight: bold !important;
	margin-bottom: 5px !important;
	padding-left: 5px;
}

/*Par défaut on met l'icone en rouge*/
.icon-ok:before {  
  color: red;  
}

/*Liste travaux ODJ*/
#list_5_com_fabrik_5 .icon-ok:before {  
  color: green;  
}

/*Liste tâches ODJ*/
#list_6_com_fabrik_6 .icon-ok:before {
	color: green;  
}

/*Liste de tâches, suppression des boutons globaux non nécessaire*/
/*suppression bouton edit car bouton recréé par php pour renvoyer vers événement et ne plus utiliser FORM taches*/
#list_6_com_fabrik_6 .heading .php-4{
	display: none;
}
/*suppression bouton view car bouton recréé par php pour renvoyer vers événement et ne plus utiliser FORM taches*/
#list_6_com_fabrik_6 .heading .php-5{
	display: none;
}

/*suppression boutons Edit et view des lignes car bouton recréé par php pour renvoyer vers événement et ne plus utiliser FORM taches*/
#list_6_com_fabrik_6 .btn-group .fabrik_edit{
	display: none;
}
#list_6_com_fabrik_6 .btn-group .fabrik_view{
	display: none;
}

#fabrikSubmit_5 .icon-ok:before {  
  color: black;  
}

/*Liste réunions*/
#list_81_com_fabrik_81 .icon-ok:before {  
  color: green;  
}

/*Form réunions*/
#form_86_19 .icon-ok:before {  
  color: green;  
}
#form_86_20 .icon-ok:before {  
  color: green;  
}

/*Evénements ODJ*/
#form_5_392 .icon-ok:before {  
  color: black;  
}

/*Liste des principales fonctionnalités pour un accès rapide*/
.aide_acces_rapide hr{
	margin: 5px 0;
}

/*Gestion du nombre maximum d'enrg*/
.nb_max_enrg_atteint p{
	color: red;
	font-weight: bold;
}

/*Messagereie jchatsocial*/

/*Eviter la zone de non clic à gauche du bouton principal 'Discussion'*/
/*ATTENTION mettre la même valeur que celle spécifiée pour la longueur du bouton dans les paramètres de jchat*/
#jchat_base{
	width: 278px!important;
}

/*Pour que l'accès au formulaire du support technique ne passe pas à la ligne*/
div.jchat_ticketform_collapse {
	width: 100%;
}

/*supprimer export*/
.jchat_trigger_export {
	display: none!important;
}

/*Suppression accès page spéciale messagerie privée car on voit tous les comptes, même les SU, admin*/
.jchat_privatemess,.jchat_open_privatemess{
	display: none!important;	
}


/*Ajout ascenseur horizontal en cas de dépassement*/
.body-innerwrapper {
	overflow-x: auto!important;
}

/* Messages individuel - Suppression du bouton global d'envoi email*/
/*#list_18_com_fabrik_18 .fabrik___heading .php-1{
	display: none;
}*/

/*Confirmation Form plugin*/
/*Bouton Rééditer placé au milieu*/
#fabrik_redoconfirmation {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: flex;
	//background-color: orange;
}

/*Messagerie instantanée ChatBro*/
/*Nécessite d'être placée dans un module, mais ce modulke est caché pour ne pas prendre de place à l'affichage*/
.chatbro_conseil,  .chatbro_residence{
	display: none!important;
}


/*Messagerie - Messages groupés - Hauteur de la zone de saisie du message*/
#messages_individuels___message_ifr{
	height:200px!important;
}

/*Informations pratique - hauteur de la zone de saisie*/
#identitee___infos_pratiques_ifr{
	max-height: 300px;
}

/*Allvideo - plugin*/
.avVideo .avPlayerContainer .avPlayerBlock {
  margin: auto!important;
  //width: 100%!important;
  //height:70%!important;
  //height= 400px!important;
}
/*Enlever le marquage Allvideo*/
#avID_AVPlayerID_0_c5c839ba0f00cdf00d83030e7ee3fd82_logo{
	display: none;
}

#avID_AVPlayerID_0_c5c839ba0f00cdf00d83030e7ee3fd82{
	width: 900px!important;
	height: 500px!important;
	background-color: transparent!important;
	//margin: auto!important;
	//border: 2px black;
}

#avID_AVPlayerID_0_c5c839ba0f00cdf00d83030e7ee3fd82_display .jwpreview {
  border: 5px red!important;
}

/*Messagerie - Messages groupés - Hauteur de la zone de saisie du message*/
#messagerie___message_ifr{
	height:200px!important;
}

/*Vidéo de présentation*/
#video_tableau_bord_conseil, #video_identite_voir, #video_identite_modifier, #video_evt_panne_predefinie, #video_alerte_vigilance, #video_tableau_bord_locataire {
	border: 1px solid;
	margin: auto;
}


.menu_aide{
	font-weight: bold;
}

/*Modifier couleur de la ligne de séparation*/
.menu-principes-de-l-application hr{
	border-top: 1px solid gray;
}
.menu-conseils-pour-debuter hr{
	border-top: 1px solid gray;
}

.utilisateur_connecte_avatar{
	margin-top: -10px;
}

.utilisateur_connecte_avatar table{
	display:initial;
}
.utilisateur_connecte_avatar img{
	border-radius: 36px;
}

/*Forum*/
.dernieres_discussions{
	margin-top: 10px!important;
}

/*Pour contraindre la hauteur du module 'Dernières discussions' lorsqu'on l'affiche à droite ( pour ne pas repousser trop pas ce qui est dessous*/
.dernieres_discussions .hauteur_max{
	max-height: 600px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.klatest-items {
  margin-top: 10px!important;
}

/*Forum - Titre des sections*/
#kunena.layout h1 {
  background: lightblue;
  padding: 10px;
}
#kunena.layout h3 {
  background: lightgray none repeat scroll 0 0;
  padding: 5px;
}
/*Statistique*/
#kunena.layout h2 {
  background: lightgray none repeat scroll 0 0;
  padding: 5px;
}

/*Filtre - enlevre le background*/
.filter-time h2{
	background: transparent!important;
}
/*Champ recherche - A FINIR */
#kunena.layout h2 .form-search {
	//background: transparent!important;
}

/*Forum - Catégories dans index*/
#kunena .header-desc{
	font-style: italic;
}
#kunena .category .header-desc{
	font-size: 12px;
	font-style: normal;
}

/*Forum - Edition post*/
#kattach_form .label, .badge {
  background-color: red;
}
/*Forum - certains bouton était décallé vers le haut*/
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
  vertical-align: inherit;
}
#kunena.layout #btn_thankyou {
  vertical-align: bottom;
}

/*Forum - Les champs dans fenêtre modale tag vidéo étaient mal disposés*/
#modal-video-settings input{
  display: inherit;
}
#modal-video-settings select{
  display: inherit;
}
/*Forum - Les champs dans fenêtre modale tag image et map étaient mal disposés*/
#modal-picture .modal-body {
  display: table-caption;
}
#modal-map  .modal-body {
  display: table-caption;
}

/*Forum - profil*/
.label-success[href], .badge-success[href] {
  background-color: lightgreen;
}
.label, .badge{
	background-color: gray;
	//background-color: lightgray;	
}
.label-warning[href], .badge-warning[href] {
  background-color: yellow;
}

/*Forum - Profile - ne pas afficher bouton email*/
#kunena .pull-right .btn-small{
	display: none;
}

/*Forum - Profile - ne pas afficher les détails utilisateurs*/
#kunena {
	//display: none;
}

/*Forum - Annonces - Icones manquantes*/
.icon-delete:before{
	content: "\f00d";
}
.icon-publish:before{
	content: "\f068";
}
.icon-unpublish:before{
	content: "\f067";
}
.icon-grid-view-2:before{
	content: "\f073";
}
	
/*Template - Helix II réduire la hauteur*/
#sp-feature-wrapper{
	padding: 0!important;
}

#sp-feature-wrapper #feature p {
	margin: 0!important;
}
/*Couleur de la note déroulante*/
#sp-feature-wrapper a:not(.btn){
	color:gray;
}

/*Remonter le menu*/
#sp-main-menu{
	margin-top: -20px;
}

/*Alignement comme PRIsimple*/
.ltr #sp-menu {
  text-align: right;
}
.ltr #sp-main-menu ul.level-0 > li a {
    text-align: left;
}

/*Template - couleurs de feature*/
#feature {
  background-color:#F2F2F2!important;
}
#sp-feature-wrapper a:hover:not(.btn){
	color:darkblue;
}
/*Template - suppression ligne*/
#sp-main-body-wrapper {
  border-top: 0px solid #fff;
}

/*Template - Enlever l'ascenseur horizontal */
.tab-content {
  overflow: visible;
}

/*Pour remonter les indicateurs dans le tableau de bord*/
.homepage #sp-component-area-wrapper {
  display: none;
}

.indicateur_fond {
	border: 2px solid lightgray;
	box-shadow: 6px 8px 10px lightgray;
}

#parametrage-1:before{
	content: "Paramétrage";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}

#informations-pratiques:before{
	content: "Informations pratiques";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:10px;
}

#blog:before{
	content: "Derniers articles du blog";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}

#petites-annonces:before{
	content: "Petites annonces";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#sp-annonce1:before{
	//content: "Annonces solidarités";
	content: "SOLIDARITÉ";
	font-size: 18px;
	//font-style: oblique;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom:20px;
	text-align: center;
	//padding-bottom:10px;
	//border-bottom: 1px solid black;
}

#sp-annonce3:before{
	//content: "Annonces commerciales";
	content: "AUTRES";
	font-size: 18px;
	//font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
	text-align: center;
}


#evenement-1:before{
	content: "Evénements";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
	//background-color: lightgray;
	//padding: 15px;
	//text-shadow: 1px 1px white;
	
}
#sp-evenement1:before{
	border-bottom: 2px solid gray;
}

#taches:before{
	content: "Tâches";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}

#sondages:before{
	content: "Sondages du conseil";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#avis:before{
	content: "Avis copropriétaires";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#contrats:before{
	content: "Contrats";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#budget:before{
	content: "Budgets";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#validation:before{
	content: "A valider";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}
#suivi:before{
	content: "Suivi";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	margin-top: -10px;
	margin-bottom:20px;
}

#sp-discussions-wrapper{
	margin-bottom: 20px!important;
}

#sp-discussions:before{
	content: "Dernières discussions";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	//margin-top: -10px;
	//margin-bottom:-20px;
	//padding: 20px;
}

#sp-discussions{
	background: white !important;
	//margin: 0px 0px 15px 0px !important;
	padding: 15px 15px 15px 15px !important;
}


#sp-commentaires-wrapper{
	margin-bottom: 20px!important;
}

#sp-commentaires:before{
	content: "Derniers commentaires";
	font-size: 26px;
	font-style: oblique;
	font-weight:bold;
	//margin-top: -10px;
	//margin-bottom:-20px;
	//padding: 20px;
}

#sp-commentaires{
	//background: white !important;
	//margin: 0px 0px 15px 0px !important;
	padding: 15px 15px 15px 15px !important;
}

/*Module - Fond des modules*/
.fond_module_PA {
  background: #fff none repeat scroll 0 0;
  //border: 1px solid #e6e9ed;
  //display: inline-block;
  opacity: 1;
  margin-bottom: 20px!important;
  transition: all 0.2s ease 0s;
  //width: 100%;
}

/*Module - cadre autour*/
.fond_module_PA .mod-wrapper{
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	box-shadow: 5px 5px 7px #cccccc;
}
/*Lorsque Menu PA en zone composant*/
.fond_module_PA1 .mod-wrapper{
	//border: 2px solid #e6e9ed;
	//border-top: 2px solid #e6e9ed;
	//border-bottom: 2px solid #e6e9ed;
	//border: 1px solid #cccccc;
	//box-shadow: 5px 5px 7px #cccccc;
}
.fond_module_PA1{
	margin-top: 0px!important;
}

.fond_module_PA1 hr{
	margin: 5px 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #fff;
}

.fond_module_PA .mod-wrapper div{
	//margin-left: 2px;
}

/*Module - séparation entre titre et corps*/
.fond_module_PA .mod-wrapper h3{
  //border-bottom: 2px solid #e6e9ed;
  padding: 1px 5px 6px;
  //margin-right: 5px;
  text-align: center;
  font-weight: bold;
}

.fond_module_PA .mod-inner > div {
	border-top: 2px solid #e6e9ed;
	//margin-right: 8px;
	//margin-bottom: 10px;
}

.fond_module_PA .mod-wrapper h3{
	margin-bottom: 10px;
}

.fond_module_PA h3{
	margin-left: 5px!important;
	margin-top: 10px!important;
}

.fond_module {
  background: #fff none repeat scroll 0 0;
  //border: 1px solid #e6e9ed;
  //display: inline-block;
  opacity: 1;
  margin-bottom: 20px!important;
  transition: all 0.2s ease 0s;
  //width: 100%;
}

/*Module - cadre autour*/
.fond_module .mod-wrapper{
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	box-shadow: 5px 5px 7px #cccccc;
}
.fond_module .mod-wrapper div{
	margin-left: 2px;
}

/*Module - séparation entre titre et corps*/
.fond_module .mod-wrapper h3{
  //border-bottom: 2px solid #e6e9ed;
  padding: 1px 5px 6px;
  //margin-right: 5px;
  text-align: center;
  font-weight: bold;
}

.fond_module .mod-inner > div {
	border-top: 2px solid #e6e9ed;
	margin-right: 8px;
	margin-bottom: 10px;
}

.fond_module .mod-wrapper h3{
	margin-bottom: 10px;
}

.fond_module h3{
	margin-left: 5px!important;
	margin-top: 10px!important;
}

/*Module ads slider - Fond des modules*/
.fond_module_adslider {
  background: #fff none repeat scroll 0 0;
  //border: 1px solid #e6e9ed;
  //display: inline-block;
  opacity: 1;
  margin-bottom: 20px!important;
  transition: all 0.2s ease 0s;
  //width: 100%;
}

/*.fond_module_adslider .juloawrapper{
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	height: 340px!important;
	//max-height: 304px!important;
	box-shadow: 5px 5px 7px #cccccc;
}*/

/*Module - cadre autour*/
.fond_module_adslider .mod-wrapper{
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	height: 340px!important;
	//max-height: 304px!important;
	box-shadow: 5px 5px 7px #cccccc;
}
.fond_module_adslider .mod-wrapper div{
	margin-left: 2px;
}

/*Lorsque slideshow affiché en position composant*/
#sp-annonce1 {
	background-color: #eee;
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	height: 350px!important;
	//max-height: 304px!important;
	//box-shadow: 5px 5px 7px #cccccc;
	padding-top: 10px;
	text-align:center;
}
#sp-annonce1 div{
	margin-left: 2px;
}

#carousel_2{
	border: 1px solid lightgray;
	//padding-top: 100%;
	//margin-top: 30px;
}
#carousel_2 .center{
	margin-top:10px;
}

#sp-annonce3 {
	background-color: #eee;
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	height: 350px!important;
	//max-height: 304px!important;
	//box-shadow: 5px 5px 7px #cccccc;
	padding-top: 10px;
	text-align:center;
}
#sp-annonce3 div{
	margin-left: 2px;
}
#carousel_1{
	border: 1px solid lightgray;
	//padding-top: 100%;
	//margin-top: 30px;
}
#carousel_1 .center{
	margin-top:10px;
}


/*Module - séparation entre titre et corps*/
.fond_module_adslider .mod-wrapper h3{
  //border-bottom: 2px solid #e6e9ed;
  //padding: 1px 5px 6px;
  //margin-right: 5px;
  text-align: center;
  font-weight: bold;
}

.fond_module_adslider .mod-content > div {
	//border-top: 2px solid #e6e9ed;
	margin-right: 8px;
	margin-bottom: 10px;
}

.fond_module_adslider .mod-wrapper h3{
	margin-bottom: 10px;
}

.fond_module_adslider h3{
	margin-left: 5px!important;
	margin-top: 10px!important;
}

/*
.petites-annonces h3:before{
	content: url('/images/icones/newspaper(2).png');
	//background-repeat: no-repeat;
	//padding-right: 5px!important;  
}

.dernieres_discussions h3:before{
	content: url('/images/icones/businessmen-exchange (1).png');
	//background-repeat: no-repeat;
	//padding-right: 5px!important;  
}

.derniers_commentaires h3:before{
	content: url('/images/icones/conversation (1).png');
	//background-repeat: no-repeat;
	//padding-right: 5px!important;  
}
*/
.titre_module li{
	margin-top: 10px;
	list-style-type: none;
	//margin-left: 0!important;
}

#footer .module h3{
	text-align: left;
}

.whoisonline ul li{
	font-size: 14px!important;
	//color: lawngreen;
	color: mediumspringgreen;
	margin-left: 5px!important;
}

.titre_module .mod-inner > ul {
	border-top: 2px solid #e6e9ed;
	margin-right: 5px;
	margin-bottom: 10px!important;
}

.derniers_commentaires .mod-inner > ul {
	border-top: 2px solid #e6e9ed;
	margin-right: 5px;
	margin-bottom: 10px;
}

.jcomments-latest .comment{
	background: #e6e9ed!important;
}

/*Demande d'Avis de copropriétaires*/
.avis_copro{
	margin-top:15px!important;
	margin-bottom:15px!important;
}
.nom_avis_en_cours {
	font-weight: normal;
	font-size: 12px; 
	line-height: 12px;
}

/*Listes - Passer en rouge la date pour attirer l'oeil*/
/* AVIS */
.nkqs9_jcp_polls___date_suppression a{
	color: red;
}
.nkqs9_jcp_polls___suppression a{
	color: red;
}
.nkqs9_jcp_polls___suppression span{
	color: red;
}
/*Fournisseurs*/
.fournisseurs___date_suppression a{
	color: red;
}
.fournisseurs___suppression a{
	color: red;
}
/*Contrats*/
.contrats___date_suppression a{
	color: red;
}
.contrats___suppression a{
	color: red;
}
/*Utilisateurs*/
.nkqs9_users___date_suppression a{
	color: red;
}
.nkqs9_users___suppression a{
	color: red;
}
/*Budgets*/
.budgets___date_suppression a{
	color: red;
}
.budgets___suppression a{
	color: red;
}
/*Travaux*/
.travaux___date_suppression a{
	color: red;
}
.travaux___suppression a{
	color: red;
}
/*Identitee*/
.identitee___date_suppression a{
	color: red;
}
.identitee___suppression a{
	color: red;
}


#cj-wrapper{
	margin:5px;	
}
.poll-results label{
	font-weight:bold;
}

/*Enlever le message 'Vous avez déjà voté'*/
#cj-wrapper .panel-success {
  display: none;
}

/*Enlever la description des avis dans le module*/
#cj-wrapper .text-muted {
  display: none;
}

/*Enlever le message concernant la fermeture du vote (pb de traduction)*/
/*enlevé car empêche la saisie de commentaire dans les sondages, à revoir*/
.panel-body p{
	//display: none;
}

/*Liste utilisateurs*/
.liste_utilisateur_cellule_nom{
	font-weight: bold;
	font-size: 14px!important;
}

/*En cas d'affichage d'une page d'erreur, on n'affiche pas certains éléments*/
.menu-erreur-de-configuration-du-compte #sp-main-menu {
	display: none!important;
}
.menu-erreur-de-configuration-du-compte #sp-breadcrumb {
	display: none!important;
}
.menu-erreur-de-configuration-du-compte #sp-footer1 {
	display: none!important;
}
.menu-erreur-de-configuration-du-compte #sp-footer2 {
	display: none!important;
}

.menu-residence-desactivee #sp-main-menu {
	display: none!important;
}
.menu-residence-desactivee #sp-breadcrumb {
	display: none!important;
}
.menu-residence-desactivee #sp-footer1 {
	display: none!important;
}
.menu-residence-desactivee #sp-footer2 {
	display: none!important;
}



/*Menu Tâches - Form - Ne pas afficher le titre général*/
.menu-mes-taches-a-faire .componentheading{
	  display: none
}
.menu-les-taches-du-groupe .componentheading{
	  display: none
}
.menu-conseillers-syndicaux .componentheading{
	  display: none
}
.menu-taches-non-faites .componentheading{
	  display: none
}
.menu-toutes-les-taches .componentheading{
	  display: none
}

/* Forum - Liste des récents topics, enlever décoration*/
.gbs3 ol{
  list-style-type:none;
}

/*Profile utilisateur - Cacher le bouton d'édition*/
.profile .btn-group {
  display: none!important;
}

/*Générer ODJ Réunion - Cacher le bouton d'édition*/
.fb_el_reunions___odj_contenu .btn-group {
  display: none!important;
}

/*Générer CR Réunion - Cacher le bouton d'édition*/
.fb_el_reunions___cr_contenu .btn-group {
  display: none!important;
}

/*Menu mobile - Liens en blanc*/
.sp-mobile-menu ul li a {
  color: white;
}

/*Menu mobile - Fond plus clair*/
.sp-mobile-menu ul li {
  background: gray  none repeat scroll 0 0 !important;
}

/*Simple Responsive Slideshow - Grossir la légende*/
.flex-caption {
  font-size: 18px!important;
  font-weight: bold;
}

/*FORM EVT mode details, contraindre l'affichage du message email pour afficher ascenseur*/
.fb_el_travaux___travaux_email_introduction_ro .fabrikElement{
	height: 360px;
	overflow: scroll;
}
.fb_el_travaux___travaux_email_introduction #travaux___travaux_email_introduction{
    max-height: 360px;
    overflow-x: auto;
}

/*Saisie rapide travaux - Suppression de certains libellés*/
#group20 .fb_el_travaux___travaux_nom label{
	//display:none!important;
}
#group20 .fb_el_travaux___travaux_description label{
	//display:none!important;
}

/*Saisie travaux - Hauteur de la zone de saisie*/
#travaux___travaux_email_introduction_ifr{
	height:220px!important;
}

/*Adsmanager - Mettre côte à côte les boutons lors de la création d'une annonce*/
.wizard ul > li, .tabcontrol ul > li {
	display: contents;
}

/*Adsmanager calendrier correction anomalie affichage avec joomla 3.7.1 ?*/
.js-calendar{
	position: relative!important;
}

/*Adsmanager largeur des saisies*/
.juloawrapper textarea {
  width: 75%;
}
#fad_headline {
  width: 75%;
}
/*ads - taille Prix*/
.fad_price{
	font-size:24px;
	font-weight:bold;
}
/*ads - taille Etat*/
.fad_state{
	font-size:24px;
}
/*ads - Espacement entre Modifier - Supprimer et Etat/Prix*/
 .adsmanager-details .span4 .text-right .row-fluid .span12{
	 margin-top:20px;
 }


.juloawrapper textarea {
  height: 200px;
}
.mod-content .juloawrapper {
	//border: 1px solid #cccccc;
	margin: 2px;
	//margin-top: 10px;
}
/*Petites annonces Séparateur*/
.juloawrapper hr{
	border-color: #eee -moz-use-text-color #cccccc;
}

/*Slider - Photo centrée*/
#carousel_1{
	margin: auto;
}

/*Petites annonces - Affichage composant*/
#sp-component-wrapper {
	margin-top: 10px!important;
}

/* Dernières annonces - Super Slider for AdsManager - Hauteurs du module forcé à la même valeur que le paramètre du module car en mode smartphone cette valeur est recalculée et trop grande!*/

.adsmanager_cat{
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	color: black;
}

.cycle-slideshow{
	//overflow: visible!important;
	//max-height: 260px!important;
	//width:100%;
	//height: 170px!important;
	//margin-top: 15px;
	//border-radius: 10px;
	margin-bottom: 20px;
}

.cycle-slideshow img {
  margin-top: 10px;
}
/*
.cycle-slide{
  overflow: hidden!important;
  text-overflow: ellipsis!important;	
}
*/
.cycle-slide .title {
  background: transparent;
  //overflow: hidden!important;
  //text-overflow: ellipsis!important;
  //max-height: 260px;
  //overflow: hidden;
}

.cycle-slide .title {
	display: none;
}
	
.ads_button{
	margin-left: 10px!important;
}	
	
/*
.cycle-slide{
	margin-bottom: 15px;
}
*/

/*Petites Annonces - Suppression des points*/
.juloawrapper ul{
	list-style-type: none;
	margin-top: 10px;
	margin: 5px;
}

.juloawrapper li{
	width: 100% !important;
	height: 100% !important;
    margin-left: auto;
    margin-right: auto; 
}
.adimg img{
	//display: block;
    margin-left: auto!important;
    margin-right: auto!important; 
	margin-top: 10px;
}

/*Petites Annonces - Espace après*/
#sp-left{
	margin-bottom: 10px;
}

/*Petites anonces - icones devant liens dans le tableau de bord*/
.menu-tableau-de-bord .juloawrapper a[href$="ecrire_une_annonce"]:before {
    content: url('/images/icones/bleu-edit-interface-symbol-of-a-pencil-on-a-square-outline-paper (3).png');
    padding-right: 6px;
}
.menu-tableau-de-bord .juloawrapper a[href$="mes_annonces"]:before {
    content: url('/images/icones/bleu-user-silhouette (3).png');
    padding-right: 6px;
}
.menu-tableau-de-bord .juloawrapper a[href$="view=favorites"]:before {
    content: url('/images/icones/bleu-favorite-star-symbol.png');
    padding-right: 6px;
}
.menu-tableau-de-bord .juloawrapper a[href$="regles"]:before {
    content: url('/images/icones/bleu-info-button (3).png');
    padding-right: 6px;
}

/*Titre 'Petites annonces' en grand*/
.juloawrapper{
	//margin-bottom: 20px;
	margin-bottom: 5px;
}
/*Menu adsmanager*/

/*Menu des catégories principales ( sous Toutes les annonces)*/
/*La classe a été ajouté par hack du fichier general.php*/
.juloawrapper .adsmanager_categories{
	background-color: gray;
	color:white;
	padding-top: 5px;
	border-radius: 3px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
.juloawrapper .adsmanager_categories a{
    color:white;
	padding: 4px 8px;
}
.juloawrapper .adsmanager_categories a:hover{
	background-color: #333;
	color:white;
}

/*Menu Ecrire annonce, toutes les annonces...*/
.juloawrapper #adsmanager_innermenu{
	background-color: gray;
	color:white;
	padding-top: 5px;
	border-radius: 3px;
	font-weight: bold;
	//margin-bottom:20px;
}
.juloawrapper #adsmanager_innermenu a{
    color:white;
	padding: 4px 6px;
}

.juloawrapper #adsmanager_innermenu a:not(.btn){
    //font-weight: bold;
}
.juloawrapper #adsmanager_innermenu a:hover{
	background-color: #333;
}

/*Pagination*/
/*Mettre côte à côte*/
.juloawrapper .paginationblock{
	text-align: center;
	//font-weight: bold;
	font-size: larger;
}
.juloawrapper .paginationblock ul {

}
.juloawrapper .paginationblock ul li {
	display: inline;
	margin: 5px;
}
.juloawrapper .paginationblock ul li a {

}

/*Bas de page*/
.juloawrapper .adsmanager_bas{
	background-color: gray;
	border-radius: 3px;
	color: white;
	margin-bottom: 20px;
}
.juloawrapper .adsmanager_bas .span6{
	padding: 5px;
}
.juloawrapper .adsmanager_bas a{
    color:white;
	padding: 4px 8px;
}
.juloawrapper .adsmanager_bas a:hover{
	background-color: #333;
	color:white;
}


/*Détail d'une annonce*/
.juloawrapper .adsmanager-details{
	border-radius: 3px;
	background-color: white;
	padding: 10px!important;
 	margin-bottom: 15px;
	margin-top: 10px;
}
/* Mettre de l'espace après les boutons Modifier/Valider*/
.juloawrapper div:last-child{
	//margin-bottom: 20px;
}

/*Forum - icones devant liens*/
/* Conseil syndical (section)*/
#kunena .kfrontend a[href$="view=category&catid=4"]:before {
    content: url('/images/icones/bleu-users-group (1).png');
    padding-right: 20px;
}
/* Commissions*/
#kunena .kfrontend h3 a[href$="view=category&catid=6"]:before {
    content: url('/images/icones/bleu-business-table (1).png');
    padding-right: 20px;
}
/* Discussions du conseil*/
#kunena .kfrontend h3 a[href$="view=category&catid=7"]:before {
    content: url('/images/icones/bleu-chat (1).png');
    padding-right: 20px;
}

/* Résidence (section)*/
#kunena .kfrontend a[href$="view=category&catid=14"]:before {
    content: url('/images/icones/bleu-city (5).png');
    padding-right: 20px;
}
/* Discussions résidence*/
#kunena .kfrontend h3 a[href$="view=category&catid=25"]:before {
    content: url('/images/icones/bleu-chat (1).png');
    padding-right: 20px;
}
/* Vie dans la copropriété*/
#kunena .kfrontend h3 a[href$="view=category&catid=9"]:before {
    content: url('/images/icones/bleu-group (1).png');
    padding-right: 20px;
}

/* Copropriétaires (section)*/
#kunena .kfrontend a[href$="view=category&catid=5"]:before {
    content: url('/images/icones/bleu-family-in-home.png');
    padding-right: 20px;
}
/* Discussions copropriétaires*/
#kunena .kfrontend h3 a[href$="view=category&catid=8"]:before {
    content: url('/images/icones/bleu-chat (1).png');
    padding-right: 20px;
}
/* Questions au conseil*/
#kunena .kfrontend h3 a[href$="view=category&catid=22"]:before {
    content: url('/images/icones/bleu-speech-bubble-with-text-lines (1).png');
    padding-right: 20px;
}

/* Résidence - Discussions libres (section)*/
#kunena .kfrontend h1 a[href$="view=category&catid=25"]:before {
    content: url('/images/icones/bleu-chat (1).png');
    padding-right: 20px;
}
/* Autour de la résidence*/
#kunena .kfrontend h3 a[href$="view=category&catid=38"]:before {
    content: url('/images/icones/bleu-store (1).png');
    padding-right: 20px;
}
/* Boite à idées*/
#kunena .kfrontend h3 a[href$="view=category&catid=26"]:before {
    content: url('/images/icones/bleu-light-bulb(1).png');
    padding-right: 20px;
}
/* Bons plans*/
#kunena .kfrontend h3 a[href$="view=category&catid=27"]:before {
    content: url('/images/icones/bleu-piggy-bank (1).png');
    padding-right: 20px;
}
/* Immobilier*/
#kunena .kfrontend h3 a[href$="view=category&catid=45"]:before {
    content: url('/images/icones/bleu-trade-center(2).png');
    padding-right: 20px;
}
/* Loisirs/sorties*/
#kunena .kfrontend h3 a[href$="view=category&catid=29"]:before {
    content: url('/images/icones/bleu-glass-of-martini(1).png');
    padding-right: 20px;
}
/* Matériel*/
#kunena .kfrontend h3 a[href$="view=category&catid=44"]:before {
    content: url('/images/icones/bleu-kitchen-oven(1).png');
    padding-right: 20px;
}
/* Mobilier*/
#kunena .kfrontend h3 a[href$="view=category&catid=46"]:before {
    content: url('/images/icones/bleu-armchair(1).png');
    padding-right: 20px;
}
/* Vie dans la copropriété*/
#kunena .kfrontend h3 a[href$="view=category&catid=30"]:before {
    content: url('/images/icones/bleu-group (1).png');
    padding-right: 20px;
}

/* Résidence - Loisirs / Sorties (section)*/
#kunena .kfrontend h1 a[href$="view=category&catid=29"]:before {
    content: url('/images/icones/bleu-glass-of-martini(1).png');
    padding-right: 20px;
}
/* Bricolage*/
#kunena .kfrontend h3 a[href$="view=category&catid=28"]:before {
    content: url('/images/icones/bleu-drill-outline(1).png');
    padding-right: 20px;
}
/* Café / Restaurants*/
#kunena .kfrontend h3 a[href$="category&catid=39"]:before {
    content: url('/images/icones/bleu-restaurant-cutlery-circular-symbol-of-a-spoon-and-a-fork-in-a-circle(1).png');
    padding-right: 20px;
}
/* Films*/
#kunena .kfrontend h3 a[href$="view=category&catid=31"]:before {
    content: url('/images/icones/bleu-dvd-logo(1).png');
    padding-right: 20px;
}
/* Informatique*/
#kunena .kfrontend h3 a[href$="view=category&catid=37"]:before {
    content: url('/images/icones/bleu-laptop(1).png');
    padding-right: 20px;
}
/* Jeux*/
#kunena .kfrontend h3 a[href$="view=category&catid=43"]:before {
    content: url('/images/icones/bleu-video-game-console-with-gamepad(1).png');
    padding-right: 20px;
}
/* Livres*/
#kunena .kfrontend h3 a[href$="view=category&catid=35"]:before {
    content: url('/images/icones/bleu-books-stack-of-three(1).png');
    padding-right: 20px;
}
/* Mode*/
#kunena .kfrontend h3 a[href$="view=category&catid=36"]:before {
    content: url('/images/icones/bleu-shoe(1).png');
    padding-right: 20px;
}
/* Musique*/
#kunena .kfrontend h3 a[href$="view=category&catid=32"]:before {
    content: url('/images/icones/bleu-music(1).png');
    padding-right: 20px;
}
/* Spectacles*/
#kunena .kfrontend h3 a[href$="view=category&catid=33"]:before {
    content: url('/images/icones/bleu-ticket(1).png');
    padding-right: 20px;
}
/* Salons / Expositions*/
#kunena .kfrontend h3 a[href$="view=category&catid=41"]:before {
    content: url('/images/icones/bleu-painting-exhibit-in-fine-art-museum(1).png');
    padding-right: 20px;
}
/* Sport*/
#kunena .kfrontend h3 a[href$="view=category&catid=40"]:before {
    content: url('/images/icones/bleu-runer-silhouette-running-fast.png');
    padding-right: 20px;
}
/* Visites*/
#kunena .kfrontend h3 a[href$="view=category&catid=34"]:before {
    content: url('/images/icones/bleu-museum(3).png');
    padding-right: 20px;
}
/* Voyages*/
#kunena .kfrontend h3 a[href$="view=category&catid=42"]:before {
    content: url('/images/icones/bleu-airplane-around-earth(1).png');
    padding-right: 20px;
}

/*Vie dans la copropriété (section)*/
#kunena .kfrontend h1 a[href$="view=category&catid=9"]:before {
    content: url('/images/icones/bleu-group (1).png');
    padding-right: 20px;
}
/* Bienvenue*/
#kunena .kfrontend h3 a[href$="view=category&catid=18"]:before {
    content: url('/images/icones/bleu-floating-balloons(1).png');
    padding-right: 20px;
}
/* Conseil syndical*/
#kunena .kfrontend h3 a[href$="category&catid=20"]:before {
    content: url('/images/icones/bleu-users-group (1).png');
    padding-right: 20px;
}
/* Déménagement*/
#kunena .kfrontend h3 a[href$="view=category&catid=10"]:before {
    content: url('/images/icones/bleu-open-carton-box.png');
    padding-right: 20px;
}
/* emménagement*/
#kunena .kfrontend h3 a[href$="view=category&catid=11"]:before {
    content: url('/images/icones/bleu-open-box.png');
    padding-right: 20px;
}
/* Entretien parties communes*/
#kunena .kfrontend h3 a[href$="view=category&catid=23"]:before {
    content: url('/images/icones/bleu-sweeping(1).png');
    padding-right: 20px;
}
/* Gardiennage*/
#kunena .kfrontend h3 a[href$="view=category&catid=24"]:before {
    content: url('/images/icones/bleu-guard(1).png');
    padding-right: 20px;
}
/* Stationnement*/
#kunena .kfrontend h3 a[href$="view=category&catid=12"]:before {
    content: url('/images/icones/bleu-parking-sign(1).png');
    padding-right: 20px;
}
/* Respect voisinage*/
#kunena .kfrontend h3 a[href$="view=category&catid=16"]:before {
    content: url('/images/icones/bleu-men-couple(1).png');
    padding-right: 20px;
}
/* Travaux*/
#kunena .kfrontend h3 a[href$="view=category&catid=21"]:before {
    content: url('/images/icones/bleu-trowel(1).png');
    padding-right: 20px;
}
/* Tri des déchets*/
#kunena .kfrontend h3 a[href$="view=category&catid=13"]:before {
    content: url('/images/icones/bleu-trash-container-for-recycle(1).png');
    padding-right: 20px;
}
/* Utilisation des parties communes*/
#kunena .kfrontend h3 a[href$="view=category&catid=17"]:before {
    content: url('/images/icones/bleu-park(3).png');
    padding-right: 20px;
}


/* Liste réunion - Menu*/
.menu-liste-des-reunions .mod-content > div{
	border-top: 2px solid #e6e9ed;
	margin-bottom: 10px;
	margin-right: 5px;

}

/* Liste Réunion - Suppression des boutons globaux envoi ODJ, générer CR, envoi CR, Marquage evt*/
#list_81_com_fabrik_81 .fabrik___heading .email-0{
	display: none;
}
#list_81_com_fabrik_81 .fabrik___heading .js-1{
	display: none;
}
#list_81_com_fabrik_81 .fabrik___heading .email-2{
	display: none;
}
#list_81_com_fabrik_81 .fabrik___heading .php-3{
	display: none;
}

/* Liste Suivi modification - Suppression du bouton global lien vers fonction modifiée*/
#list_88_com_fabrik_88 .fabrik___heading .link-0{
	display: none;	
}
#list_88_com_fabrik_88 .fabrik___heading .list_88_checkAll{
	display: none;	
}

/* Liste Suivi modification - Cellule email*/
.suivi_email {
	word-break: break-all;
}
.suivi_email div{
	font-size: 10px;
	min-width: 400px;
	word-break: break-all;
	overflow-x: auto;
    max-height: 350px;
}
.suivi_intitule {
	min-width: 150px;
}



/* Form Travaux - Hauteur de la fenêtre de saisie de l'introduction email*/
#mceu_23-body #mceu_44 {
	//height: 150px;
}

/* Form Travaux - Infos sur la visibilité de l'evt*/
.evt_conteneur p{
	border-style: solid;
	text-align: center;
	font-weight: bold;
	margin: 0 0 0px!important;
}
.evt_copropriete p{
	//color: red;
	//font-weight: bold;
}

.evt_coproprietaires p{
	color: gray;
	//font-weight: bold;
}

/* Form Travaux - Travail du conseil*/
.evt_travail_du_conseil p{
	color: red;
	//font-weight: bold;
}
/* Form Travaux - Notification email*/
.evt_parametre_envoi_notification p{
	color: orange;
	text-align: center;
	margin-top: 10px;
	//font-weight: bold;
}


/*Modifier l'affichage dans entêtes comme 'Génére compte rendu'*/
blockquote p {
  font-size: 14px;
  font-style: italic;
  //font-weight: 300;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 20px;
}

/*Pour descendre les messages d'alerte et gérer un ascenseur*/
.alert{
	margin-top: 20px;
	overflow: auto;
}

/*Pour remonter les indicateurs*/
#sp-message-area {
	//margin-top: -15px;
}

/*Pour arrondir la zone de recherche globale*/
.pixsearch .ps_search_box {
  border-radius: 14px;
 }

/*Décalage des modules verticalement (pour ne pas être collé au breadcrumb)*/
.module:first-child {
  margin-top: 5px;
}

/*Correction de la couleur du bouton qui disparaît parfois*/
/*
button, input[type="submit"], input[type="button"], submit {
  background: #283f99 none repeat scroll 0 0!important;
}*/

/* La fonction search peut renvoyer une erreur 500 pour 'Phrase exacte' et 'N'importe quels mots' */
/* Lié à Fabrik, tant que non résolu, suppression de l'affichage de ces options*/
.phrases-box > .controls {
	//display:none;
}

/* L'affichage du calendrier pose pb car déclenche une css qu'elle ne devrait pas ( à cause du vieuw=calendar*/
/* on est obligé d'apporter des corrections ici*/
.calendar {
  font-size: 14px!important;
}

.calendar table {
  border: 0 none!important;
  font-size: 14px;
  background: none!important;
}

/*Fabrik - taille des images suite au téléchargement*/
.fabrikUploadDelete img{
	max-width: 265px;
}

/*Fabrik - List email plugin - Popup form*/
#emailtable label{
		font-weight: bold;
}

/*Contrat - View - Rendre invisible la version calculée des date sinon affichage en UTC!*/
/*Ne peut pas être fait avec le contrôle d'accès*/
.row-striped .fb_el_contrats___date_de_fin_calculee_ro div{
	display:none;
}
.row-striped .fb_el_contrats___debut_preavis_calculee_ro div{
	display:none;
}

/*Contrat - Form - Rendre invisible la version TZ des dates car on a uniquement besoin de la version calculée*/
/*Ne peut pas être fait avec le contrôle d'accès*/
#group215 .fb_el_contrats___date_de_fin_tz {
	display:none;
}
#group215 .fb_el_contrats___date_de_preavis_tz {
	display:none;
}
/*Rendre invisibles les champs calculées dans la view*/
#group215 .fb_el_contrats___debut_preavis_calculee_ro {
	display:none;
}
#group215 .fb_el_contrats___date_de_fin_calculee_ro {
	display:none;
}

/*Pour cacher un éléments*/
.cacher{
	visibility:hidden;
}

/*Pour afficher enb gros caractère un résultat*/
.afficher_grand {
	margin-top: -2px;
	margin-left: 5px;
	margin-bottom: -5px;
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:60px;
	//padding-bottom: 10px;	
	//background-color : #c99;
}

/*Titre des modules pour tableau de bord*/
.module_titre {
	background-color: #287099;
	//border-radius: 5px 5px 0 0;
	//border-top: 2px solid #1E658C;
	//border-right: 2px solid #1E658C;
	//border-left: 2px solid #1E658C;
	margin-top: 5px!important;
	margin-bottom: 10px !important;
	min-height: 10px;
	padding: 5px;
	text-align:center;
	font-weight : bold;
	color: white;	
}

/*Info bulle - Tooltip*/

.tooltips{
  position: relative;
  background: #eaeaea;
  text-decoration: none;
  //color: #222;
  color: #666666;
  outline: none;
}
.tooltips span{
  visibility: hidden;
  position: absolute;
  bottom: 98%;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -130px;
  padding: 10px;
  border: 2px solid #ccc;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
  
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}

.tooltips:hover
{
  border: 0; 
}

/*Modification pour désactiver les bulles info*/
/*Remettre visibility pour que la bulle s'affiche*/
.tooltips:hover span
{
  //visibility: visible;
}

.tooltips span:before,
.tooltips span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 15%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

/*Modification pour désactiver les bulles info*/
.tooltips span:before
{
  //border-top-color: #ccc;
  //bottom: -8px;
}


/* Menu */
.menu_aide_invisible .menu-title{
	display:none;
}
.menu_aide_visible .menu-title{
	display:initial;
}
/* Menu latéral*/
.nav-child img{
	margin-left:20px;
}

/* Aide tableau de bord*/
.aide_desc_ecran_no{
	margin-top:10px;
	margin-right:10px;
	float: left;
	font-size: 40px;
	color:red;
	height:100%;
}
.aide_desc_ecran_titre{
	margin-top:10px;
	font-weight: bold;	
}
.aide_desc_ecran_info{
	font-size: 10px;	
}

/*Affichage de la photo d'identité en tant que logo du site*/
.photo_site{
	float:left;
}
.photo_site img{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	//clip:rect(10px,80px,80px,10px); 
	//margin: -20px 0 0 0px;
	//overflow: hidden;
}

.titre_site{
	//float:left;
	font-size: 80%;
	//text-align: center;
	margin-bottom:30px;
}

.titre_site_produit{
	font-weight: bold;
}

.titre_site_slogan{
	font-style: italic;
}

.titre_site_smartphone{
	//float:left;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	//margin-bottom:30px;
}

.photo_site_extranet{
	float:left;
	font-size: 100%;
}

.photo_site_extranet img{
	width: 75px;
	height: 75px;
	//border-radius: 40px;
	//-webkit-border-radius: 40px;
	//-moz-border-radius: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	//clip:rect(10px,80px,80px,10px); 
	//margin: -20px 0 0 0px;
	//overflow: hidden;
}
	
.utilisateur_site{
	margin-top:5px;
	white-space: nowrap;
}
.nom_site {
  //font-family: "Rock Salt";
  font-size: 100%;
  white-space: nowrap;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: bold;
}

.nom_site_tablomail {
  //font-family: "Rock Salt";
  font-size: 100%;
  white-space: nowrap;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 10px;
}

.nom_site_smartphone {
  font-family: "Rock Salt";
  font-size: 18px;
  //white-space: nowrap;
  white-space: normal;
  margin-top: 15px;
  //margin-bottom: 20px;
  text-align: center;
  min-width: 300px;
}
.message_site {
  font-size: 20px;
  font-style: oblique;
  margin-top: 35px;
  margin-bottom: 10px;
  margin-left:30px;
  width: 800px;
}

/*Fabrik Slideshow*/
.slideshow-captions {
  width: 200px!important;
  margin-left: 5px;
  overflow: hidden!important;
}
.slideshow-images img {
  margin-left: 5px;
}
.slideshow-images {
  //overflow: visible!important;
}

/*Fabrik - Repeated group*/
/*Sinon les boutons Ajout et delete sont décalés si le bouton Ajouter d'un datajoin est affiché*/
.pull-right {
	//float: left!important;
}

/*Fabrik - pour remonter un peu le bouton Ajouter des datajoin*/
.fabrikGroupRepeater .btn {
  margin-bottom: 10px;
}

/*pixsearch*/
.ps_row_0_catlink, .ps_row_1_catlink{
	font-size: 0.8em!important;
}

.ps_row_0_subhead, .ps_row_1_subhead{
	font-weight: bold;
}

/*Mettre côte à côte 2 éléments*/
.sidebysideleft{
	float: left;
	margin-top:10px;
}
.sidebysideright{
	margin-left: 40%;
}
.finsidebyside{
	clear: both;
}

.sidebysideleft_qr_code_site{
	float: left;
	//margin-top:10px;
}
.sidebysideright_qr_code_site{
	margin-left: 30%;
}


/*Saisie recherche*/
.champ_recherche {
  float: right;
  margin-left: 40px;
  margin-top: 5px;
  margin-bottom: -5px;
  text-align: -moz-center;
}
/*Affichage de la loupe pour le champ recherche*/
.ps_class_search_search::after, .ps_class_search_spinner::after, .ps_class_search_clear::after {
  color: black;
}

/*Pages de présentation*/
.page_presentation h3{
	border-bottom: 1px solid lightgray;
}

/*Fiche identitée - voir - enlever les fichiers*/
.menu-voir-la-fiche #group87, .menu-voir-la-fiche #group103, .menu-voir-la-fiche #group104, .menu-voir-la-fiche #group105, .menu-voir-la-fiche #group106{
	//display: none;
}

/*Fiche identitée - modifier - enlever bouton 'Modifier'*/
.menu-modifier-la-fiche #identitee___identitee_bouton_maj{
	display: none;
}

/* Identité - Aide - Icone sur onglet */
#group288_tab:before {
    content: url('/images/icones/film-strip-photograms.png');
    padding-right: 5px;
	//padding-top: 4px;
}

/*Menu smartphone - déplacement pour éviter chevauchement*/
.ltr .sp-main-menu-toggler {
  left: auto!important;
  right: 10px!important;
  top: 10px!important;
  
}
/*Menu*/
/*
#sp-main-menu{
	float: right;	
}
*/

/*breadcrumb*/
.breadcrumb {
	white-space: nowrap;
}
ul.breadcrumb {
  background: transparent none repeat scroll 0 0;
  font-family: "Lato",sans-serif !important;
  font-weight: 300 !important;
  padding-left: 0;
  padding-right: 0;
  text-shadow: none !important;
  margin-left: 5px;
  margin-top: 0;
  margin-bottom: 0;
  float: left;
}
/*Pour que la ligne sous la breadcrumb soit sur toutes les pages*/
#sp-breadcrumb-wrapper{
	border-bottom: 1px solid #fff;
}
/*Pour que la ligne ne soit pas doublée sur le tableau de bord*/
#sp-feature-wrapper {
  border-top: 0px solid #fff;
}

/*Form */
.componentheading {
  //font-size: 38.5px;
  line-height: 40px;
  font-family: "Lato",sans-serif;
  //font-weight: 300 !important;
  font-weight: bold !important;
  line-height: 140% !important;  
  margin-bottom:10px;
}

/*List - Message au support*/
#list_77_com_fabrik_77 td{
	overflow: visible;
	white-space: normal;
	max-width: 500px;
}

/*Form - Message au support*/
#form_77 #group210{
	padding-top:20px;
}
#form_77 .form-horizontal .controls {
  margin-left: 0;
}
#form_77 label {
  display:none!important;
}
#form_77 .form-actions {
  background-color:#2f2f2f;
  border-top:0px;
  margin-top:0px;
  padding:0px;
}
/*Couleur autour du bouton retait noir*/
#form_77 .form-actions .row-fluid {
  //background-color:#085571;
  background-color: rgb(18, 119, 161);
}

/*place entre les champs du message support*/
#form_77 .fb_el_message_support___commentaire {
	display: none;
}

#form_77 .nav > div{
	display: none!important;
}

/* Form - Suppression du bouton Basculer editeur ( pour ne pas pouvoir passer en affichage html)*/
/*Informations pratiques*/
/*#group466 .toggle-editor{
	display: none!important;
}*/
/*Message individuel*/
/*#group294 .toggle-editor{
	display: none;
}
#group290 .toggle-editor{
	display: none;
}*/

/*Rapports*/
/*#group361 .toggle-editor{
	display: none;
} 
#group359 .toggle-editor{
	display: none;
} */

/*Message groupés ( Messagerie)*/
/*#group297 .toggle-editor{
	display: none;
}*/
/*Création Message ( Messagerie)*/
/*#group289 .toggle-editor{
	display: none;
}*/

/*Détails événement*/
/*#group257 .toggle-editor{
	display: none;
}*/

/*Modification CR*/
/*#group235 .toggle-editor{
	display: none;
}*/

/*Création ODJ*/
/*#group233 .toggle-editor{
	display: none;
}*/

/*Suppression de tous les boutons 'Basculer Editeur'*/
.toggle-editor  {
	display: none!important;
}

/*Sondages vote - espacer les options de vote (utile surtout pour smartphone*/
.mijopolls label{
	margin-bottom: 25px!important;
}

/*Sondages résultats*/
.mijopolls .panel-default > .panel-heading {
	text-align: center;
 }
.mijopolls h1, .mijopolls .h1, .mijopolls h2, .mijopolls .h2, .mijopolls h3, .mijopolls .h3 {
	font-weight: bold!important;
	font-size: 26px!important;
}
.mijopolls .panel-title, .mijopolls .b{
	text-align: center;
	font-weight: bold;
	font-size: 26px!important;	
}

/*Menu*/
.menu-image {
	margin-right:10px;
}

.sp-submenu{
	border: 2px solid lightgray;
}

.nav li {
  margin-top: 10px;
  margin-left: 10px;
}

.nav span{
	margin-left:4px;
}

/*à l'origine pour Fabrik form related data*/
.linkedTables{
	text-align: left;
}

/*Listes*/
.fabrik_groupheading a{
	font-weight: bold;
	font-size: 20px;
}
.table tbody tr.info > td {
  background-color: lightgray;
}
.fabrik_groupheading:hover a{
	color:white;
}
.table-hover tbody tr.info:hover > td{
  background-color: gray;
  color:white;
}
.fabrik_list_5_group_212{
	font-weight: bold;
	font-size: 14px!important;
	width: 200px;
}


.table th {
  font-style: italic;
}

/*Fabrik Liste - Suppression des espaces horizontaux entre les champs*/
.input-append, .input-prepend {
  display: flex;
}

.table th, .table td {
  padding: 4px;
}


/*Fabrik Form et View*/
.tab-content .fabrikGroup .row-fluid{
	//border-bottom: 1px solid lightgray;
}

/*Cadre autour des formulaires*/
.tab-content {
	//border: 1px solid lightgray;
	//box-shadow: 5px 5px 7px #cccccc;
	//background-color: whitesmoke;
}

/*Background sur une ligne sur 2*/
.tab-content .fabrikGroup .row-fluid :nth-child(2n+1) {
    //background-color: #f9f9f9;
	//margin-bottom: 10px;
}

/*Pas d'affichage des légendes si on est en mode d'affichage TAB*/
.tab-content .legend{
	//display: none;
}

.fabrikGroup{
	//margin-top: 8px!important;	
}

/*#fournisseurs___fournisseur_nom_ro, #fournisseurs___fournisseur_nom, #travaux___travaux_nom_ro,#travaux___travaux_nom, #contrats___contrat_nom_ro,#contrats___contrat_nom{*/
/*#travaux___travaux_nom_ro,#travaux___travaux_nom{
	font-weight: bold!important;
	font-size: 24px;
	height: 40px;
	overflow: visible;
	white-space: nowrap;
}*/

/*Fabrik Form et View*/

/*Descendre les labels qui ont une icone 'saisie obligatoire'*/
.tab-content [class^="icon-"] {
  //margin-top: 10px;
  //margin-bottom: 5px;
}

.tab-content [class*=" icon-"] {
  //margin-top: 10px;
  //margin-bottom: 5px;
}
.tab-content label {
  //margin-top: 5px;
  //margin-bottom: 5px;
}

.tab-content [class*=" icon-"] {
  //margin-top: 10px;
  //margin-bottom: 5px;
}

.legend{
	font-weight: bold!important;	
	//font-style: italic;	
	//margin-top: -20px;
	margin-bottom: 5px!important;
	padding-left: 5px;
}

/*Fournisseurs*/
/* Ne pas afficher le nombre de contrat si à 0*/
#details_2_20 .related_data_norecords{
	display:none;
}

/*Evt - Affiche*/
/*Zone de saisie du contenu*/
.fb_el_travaux___affiche_contenu textarea{
	width:100%;
}
/*Bouton de génération d'affiche*/
.fb_el_travaux___generer_affiche .btn {
  margin-top: 5%;
  margin-left: 25%;
  padding: 40px 40px;
  background: #ddd!important;
  border: 1px solid #b3b3b3;
  text-decoration: none;
}
.fb_el_travaux___generer_affiche button.btn{
	font-size: 22px;
} 


/*Onglets - Passage en gras et augmenter taille des lignes*/ 
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  background-color: #ddd;
  border-width: 3px;
  font-size: 16px;
  font-weight: bold;
}
.nav .current{
  font-weight: bold;
  background: #dddbdb!important;
  //font-size: 12px;
  //line-height: 12px;
}
.nav-tabs {
  border-bottom: 4px solid #ddd;
  font-weight: bold;
}
.nav-tabs > li > a {
  border: 1px solid!important;
  border-color: #ddd!important;
}

/*Evt - Liste des événements*/
#list_5_com_fabrik_5 .travaux___travaux_cout_prevu{
  text-align: right!important;
}

#list_5_com_fabrik_5 .travaux___travaux_cout_realise{
  text-align: right!important;
}

.evt_nom {
	font-weight: bold;
}

/*Evt - Liste Fournisseurs*/
.fabrikRepeatGroup___travaux_fournisseurs___devis, .fabrikRepeatGroup___travaux_fournisseurs___facture{
	max-width: 185px;
	overflow: hidden;
	font-size: 12px;
}

.fabrikRepeatGroup___travaux_fournisseurs___commentaires{
	//clear:both!important;
}

.menu-tous-les-fournisseurs .linkedTables li {
  display: ruby-text;
  //flex-wrap: wrap-reverse;
  margin: 10px 20px 10px 0px;
  min-width: 80px;
  white-space: normal;
  font-weight: bold;
  text-align: end;
}
.linkedTables a {
  font-weight: normal;
}

/*Pour que Date et Heure soient l'un sous l'autre */
.fabrikSubGroupElements{
	white-space: normal;
}

/*Pour que les noms de fichiers soient complets avec un retour à la ligne*/
.plg-fileupload{
/*	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;	*/
}

/*Pour provoquer un retour à la ligne (ne fonctionne pas car utilisation d'un tableau, laissé pour exemple)*/
.fabrikRepeatGroup___travaux_fournisseurs___commentaires:before{
	//content: "\D";
}

/*A l'origine pour Fabrik list related data, évite retour à la ligne*/
.fabrik_groupdata td{
//	max-width:200px;
//	width: 1px;
    //white-space: nowrap;
//	overflow:hidden;
//	font-size: 12px;
}

/*Pour que les images soient d'un format contenu*/
.fabrik_groupdata img{
	max-height: 150px;
	max-width: 150px;
}

/*Fabrik form email*/
.email-wrapped img{
	height: 100px;
}

/*Fabrik - liste Mes préférences notification email*/
/*Aligner verticalement les boutons radio en lecture seule*/
#parametres_utilisateurs___nouveaux_evt{
	margin-top: 15px;
}
#parametres_utilisateurs___nouveaux_sondages{
	margin-top: 10px;
}

/*Fabrik - Form - Onglet Mes préférence*/
/*Supprimer l'onglet dans la form de création/modification d'un utilisateur par le conseil ( seul l'utilisateur peut modifier ses préférences)*/
#group366_tab, #group-tab18_241_3 {
	display: none;
}

#group367 .control-group{
	border: 2px solid lightgray;
}

#group367 .control-label{
	display: inline-block;
	//background-color: gray;
	padding: 3px;
	//width: 100%!important;
	//font-size: smaller;
	font-size: 12px;
	font-weight: bold;
}

/*Fabrik liste BUDGET*/
.budgets___budget_previsionnel_calcule, .budgets___budget_realise_calcule{
	font-size: 20px;
}
#list_4_com_fabrik_4 .contrats___Cout_annuel_calcule {
  text-align: right;
}

/*Fabrik Form BUDGET*/
#budgets___budget_previsionnel_calcule, #budgets___budget_realise_calcule{
	font-size: 50px;
	padding-top: 10px;
}
#budgets___view_only_previsionnel_calcul, #budgets___view_only_realise_calcul{
	font-size: 30px;
	font-style: italic;
	//padding-top: 10px;
	color: gray;
}
#budgets___budget_realise, #budgets___budget_previsionnel{
	height: 50px;
}

/*Fabrik View BUDGET*/
#budgets___budget_previsionnel_calcule_ro , #budgets___budget_realise_calcule_ro, #contrats___Cout_annuel_calcule_ro, #contrats___Cout_annuel_calcule{
	font-size: 40px;
	height: 30px;
	margin-top:20px;
	//margin-bottom:10px;
}


#details_8_1 .row-fluid .span4 {
    width: 70%!important;
	//margin-bottom:10px!important;
}

/*Budgets - Form - Rendre invisible la version TZ des dates car on a uniquement besoin de la version calculée*/
/*Ne peut pas être fait avec le contrôle d'accès*/
#group9 .fb_el_budgets___date_fin {
	display:none;
}

#group9 .fb_el_budgets___fin_de_budget_calculee {
	display:none;
}
/*Rendre invisibles les champs calculées dans la view*/
#group9 .fb_el_budgets___date_fin_ro {
	display:none;
}
#group9 .fb_el_budgets___fin_de_budget_calculee_ro {
	display:none;
}
#group9 .fb_el_budgets___view_only_previsionnel_calcul_ro {
	display:none;
}
#group9 .fb_el_budgets___view_only_realise_calcul_ro {
	display:none;
}

/*Fabrik List contrat*/
.fabrik_calculations .fabrikRepeatData > li {
  font-size: 14px;
  font-weight: bold;
}


.sfl_btnHome {
	padding: 2px 2px;
	margin: 2px 2px;
	display: inline-block;
	color: #000000;
	font-size: 14px;
	font-weight : bold;
	cursor: pointer;
	background: #d8dce1;
	background: linear-gradient(top, #d8dce1 0%, #bfc3c8 100%);
	background: -moz-linear-gradient(top, #d8dce1 0%, #bfc3c8 100%);
	background: -webkit-linear-gradient(top, #d8dce1 0%, #bfc3c8 100%);
	background: -o-linear-gradient(top, #d8dce1 0%, #bfc3c8 100%);
	border: 1px solid #d8dce1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	-o-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.sfl_btnHome:hover {
	background: linear-gradient(top, #f2f6fb 0%, #d8dce1 100%);
	background: -moz-linear-gradient(top, #f2f6fb 0%, #d8dce1 100%);
	background: -webkit-linear-gradient(top, #f2f6fb 0%, #d8dce1 100%);
	background: -o-linear-gradient(top, #f2f6fb 0%, #d8dce1 100%);
}
.sfl_btnHome, .button:active{
	opacity:0.8;
}

.sfl_btnHome, .legend{
	background-color: lightgray;
}

.sfl_btnBrowseDir {
	font-size: 18px;
	font-weight:bold;
}

/*Post-it*/
.Post_it_Copropriete.post-it-note {
  background-color: #ffffcc;
  box-shadow: 5px 5px 7px #cccccc;
  //font-family: "Rock Salt";
  font-size: 20px;
  line-height: 24px !important;
  font-style: italic;
  max-height: 100%;
  max-width: 100%;
  padding: 5px 10px 10px;
  transform: rotate(2deg);
}

.Post_it_Copropriete.tack {
  //background-image: url("/images/post-it/pin_yellow.png");
  background-image: url("/images/post-it/pin_blue.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 42px;
  //left: 30px;
  left: 130px;
  position: absolute;
  //top: -15px;
  top: -30px;
  width: 31px;
}

.Post_it_Copropriete.post-it-note {
  //font-family: "Rock Salt";
  font-size: 20px;
  line-height: 24px !important;
}

.Post_it_Copropriete.post-it-note a:hover{
	text-decoration:none;
}

.Post_it_Conseil_syndical.post-it-note   a:hover{
	text-decoration:none;  
}
.Post_it_Copropriete{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;	
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 15px;
}

.Post_it_Conseil_syndical.post-it-note {
  background-color: #ffffcc;
  box-shadow: 5px 5px 7px #cccccc;
  //font-family: "Rock Salt";
  font-size: 20px;
  line-height: 24px !important;
  font-style: italic;
  max-height: 100%;
  max-width: 100%;
  padding: 5px 10px 10px;
  transform: rotate(-2deg);
}

.Post_it_Conseil_syndical.tack {
  //background-image: url("/images/post-it/pin_blue.png");
  background-image: url("/images/post-it/pin_gray.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 42px;
  left: 60px;
  position: absolute;
  //top: -15px;
  top: -35px;
  width: 31px;
}

.Post_it_Conseil_syndical.post-it-note {
  //font-family: "Rock Salt";
  font-size: 20px;
  line-height: 24px !important;
}

.Post_it_Conseil_syndical{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	//margin-top: -4px;
	margin-bottom: 12px;
	margin-top: 12px;
	padding-top: 15px;
}	

.post-it-cs{
	margin-bottom: 20px;
}

div.module.Commentaires{
	//border: 1px solid #c1c1c1;
}
/*
.Commentaires  h3, .identitee_Syndic h3, .identitee_Salaries h3, .identitee_fichier h3, .titre_module h3{
	//border: 1px solid #c1c1c1;
	//text-align: center;
	
	//background-color: #A4A5A4;
	background-color: #287099;
	//background-color: #F6F6F6;
	//border: 1px solid #e3e3e3;
	border-radius: 5px 5px 0 0;
	border-top: 2px solid #1E658C;
	border-right: 2px solid #1E658C;
	border-left: 2px solid #1E658C;
	//margin-top: 5px!important;
	margin-bottom: 0px !important;
	min-height: 10px;
	padding: 5px;
	text-align:center;
	font-weight : bold;
	color: white;	
}*/


.Commentaires a{
    display: block;
}

.Commentaires a:hover{
	text-decoration: none;
}

.contrat_syndic, .contrat_personnel{
	//background: #F5F5F5;
	//border-radius: 0 0 15px 15px;
	//margin-bottom: 10px;
}


#div_sflcontent{
	background: #F5F5F5;
	border-radius: 0 0 15px 15px;
	padding:10px;
}

.nom_contrat_syndic , .nom_contrat_personnel {
	text-align:center;
	font-weight: bold;
}
.nom_contrat_syndic a, .nom_contrat_personnel  a{
	font-size: 18px;
	text-decoration: none;
}
.fournisseur_contrat_syndic, .contact_contrat_personnel{
	font-weight: bold;
	text-align:center;
	padding-bottom:10px;
}
.fournisseur_contrat_syndic a{
	//font-size: 18px;
	text-decoration: none;
} 
.contact_contrat_syndic{
	//padding-top:10px;
}
.fin_contrat_syndic, .fin_contrat_personnel {
	padding-top:10px;
	text-align:center;
	font-weight: bold;	
}
.separateur_contrat_syndic, .separateur_personnel {
	border-top: 2px solid #a4a5a4;
	margin-right: 20px;
	margin-left: 20px;
}
.commentaire_personnel {
	padding-top:10px;
}

/*Footer*/
.header{
	//font-weight: bold!important;	
}

.contrat_syndic_foot{
	padding-top:20px;
}
.nom_contrat_syndic_foot{
	font-size: 18px;
}

.membres_conseil_foot{
	//padding-top:10px;
}

.fin_contrat_syndic_foot{
	margin-bottom:50px;
}

.identite_copropriete_foot{
	
}
.identite_copropriete_nom_foot{
	font-size: 18px;
	
}
.identite_copropriete_photo_foot img{
	height:100px;
	//border: 5px solid #ddd;
	//padding: 5px; /*Inner border size*/
	//background: #fff; /*Inner border color*/
}

.table_membres_conseil_foot{
	text-align: left;
	width: 100%;"
	border-width:0px; 
}
/*Correction à cause de l'agenda qui perturbe les css...voir en début de fichier*/
.membres_conseil_foot table{
  font-size: 14px!important;
  //background: #2F2F2F!important;
  border: 0px solid #cccccc!important;
  color: white!important;
}

.groupe_membre_foot {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%!important;
}

.liste_membre_foot{
	white-space: nowrap;	
}

.nom_membre_foot{
	padding-left:10px;
}

.fonction_membre_foot{	
	padding-left:10px;
}

.batiment_membre_foot{	
	padding-left:10px;
}

/* jcomment */
ul.jcomments-latest-commented.Commentaires {
  list-style: outside none none !important;
}

ul.jcomments-latest-commented.Commentaires li {
  //background-image: none;
  //display: block;
  margin-top: 2px;
  margin-bottom: 2px;
  //margin: 2px;
  //overflow: hidden;
   border-bottom: 1px solid #ccc;
}
ul.jcomments-latest li {
  margin: 2px!important;
}

/*Pour supprimer l'affichage de COMMENTAIRES pour copropriétaires et locataires ( car ne voient pas les commentaires)*/
#cpcomments .page-header{
	display:none;
}

/*JE Poll*/
label {
  //margin-top: 10px;
  margin-bottom: 5px;
  //margin-left: 10px;
}

.poll{
  //JE Poll;
}

#voteresult{
	background-color: #A4A5A4;
	color: white;
	border-radius: 5px 5px 0 0;
}

#polldiv {
	border: 1px solid #c1c1c1 !important;
	//background-color: #A4A5A4;
	//color: white;
}

/*JE Poll;*/
.Poll h3{
	text-align:center;
	font-weight : bold;
}

/*Temlate */
.module {
  //margin-top: 0px;
	//border-right: 1px solid #cccccc!important;
	//border-bottom: 1px solid #cccccc!important;
	//border-left: 1px solid #cccccc!important;
}

/*JE Poll;*/
.module h3 {
  font-size: 18px;
  //font-weight: 400;
  //line-height: normal;
  margin: 0 0 0px;
  //position: relative;
}


/*Simple RSS feed;*/

.srfrContainer {
	margin-top: 5px;
}
.srfrContainer p{
	font-style: oblique;
	font-size-adjust: 0.4;
}
/*
div.srfrContainer ul.srfrList {
	//font-weight : bold;
}
*/
/*Simple RSS feed;*/
/*
div.srfrContainer ul.srfrList li div.srfrFeedDetails span.srfrFeedSource {
	//font-style: italic;
	font-weight : normal;
	//font-size:12px;
	//line-height:8px;
}
*/
/*Simple RSS feed;*/
/*
div.srfrContainer ul.srfrList li div.srfrFeedDetails span.srfrFeedItemDate {
	font-weight : normal;  
	//font-size:12px;
	//line-height:8px;
}
*/
/*Simple RSS feed;*/
/*
div.srfrContainer ul.srfrList li a:hover span {
	font-weight : normal; 
  //background: #fff none repeat scroll 0 0;
  //border: 4px solid #ddd;
  //display: block;
  left: 30px !important;
  overflow: visible;
  //padding: 8px;
  //position: absolute;
  top: 4px !important;
  //width: 226px;
  //z-index: 2;
}
*/
/*Simple RSS feed*/
/*
div.srfrContainer ul.srfrList li {
	border-bottom: 1px solid #ccc;
}
*/
/*Simple RSS feed;*/
/*
div.srfrContainer ul.srfrList li.srfrRowIsOdd {
	border-top: 0px;
}
*/
/*Simple RSS feed;*/
/*
div.srfrContainer ul.srfrList li {
  border-top: 0px;
}
*/
/*Simple RSS feed;*/
/*
.srfrPreText{
	font-size:10px;
	line-height:10px;
}
*/

.rss_titre{
	font-weight:bold;
}

.rss_source{
	font-style: oblique;
	font-size-adjust: 0.5;
}
.rss_image img{
	float: left;
	margin-right: 25px!important;
	//max-width:15%;
	//max-height: 100px;
}

.rss_description{
	font-size-adjust: 0.5;
	//float: left;
	//width: 75%;
}
.rss_description a{
	color: #7C7A7A;
}

.rss_readmore{
	clear: both;
}
.rss_readmore a{
	font-style: oblique;
	margin-left: 20px;
}

/*Dinamod Onglets*/
/*
#dm_tab_1_2 {
  overflow: visible !important;
  padding: 0px;
  background-color: #f5f5f5!important;
}
*/
/*Dinamod Onglets RSS*/
/*
.onglets_rss ul.dm_menu_1 li.dm_menu_item_1 a {
  border-top: 1px solid #DBD9D9;
  border-right: 1px solid #DBD9D9;
  border-left: 1px solid #DBD9D9;
  //padding: 5px 8px !important;
}
*/

/*Dinamod Onglets;*/
/*
.onglets_rss ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected {
  border-top: 1px solid #A4A5A4;
  border-right: 1px solid #A4A5A4;
  border-left: 1px solid #A4A5A4;
}
*/
.onglets_rss ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected {
  font-size: 15px;
}

.onglets_rss ul.dm_menu_1 li.dm_menu_item_1 a:hover {
  background-color: black !important;
}

/*Onglet Agenda*/
#dm_container_1{
	margin-bottom: 15px;
	box-shadow: 5px 5px 7px #cccccc;
	overflow-x: hidden!important;
	overflow-y: scroll!important;
	max-height: 800px;
}
.onglets_agenda ul.dm_menu_1 li.dm_menu_item_1 a.dm_selected {
  font-size: 15px;
}

.onglets_agenda ul.dm_menu_1 li.dm_menu_item_1 a:hover {
  background-color: black !important;
}
/*Onglet Agenda - En retard*/
.en-retard{
	background-color: #DC3912!important;
}
.en-retard a.dm_selected {
	background-color: #DC3912 !important;
	color: white!important;
	font-weight: bold !important;
	font-size: 15px !important;
}
.en-retard a {
	color: white!important;
}


/*Onglet Agenda - Mes tâches*/
.mes-taches{
	background-color: lightgray!important;
}
.mes-taches a.dm_selected {
  //background-color: #F5F5F5 !important;
  background-color: white !important;
  font-weight: bold !important;
  font-size: 15px !important;
}
/*.mes-taches #dm_tabs_1 ul.dm_menu_1 li.dm_menu_item_1 {
  background-color: lightgray!important;
}*/

/*Onglet Agenda - Agenda*/
.agenda{
	//background-color: #F5F5F5!important;
}
.agenda a.dm_selected {
  //background-color: #F5F5F5 !important;
  background-color: white !important;
  font-weight: bold !important;
  font-size: 15px !important;
}


/* RSS - Pas d'affichage pour les smartphones ( car pb de récupération des flux pour le moment
A CORRIGER NE FONCTIONNE PAS
*/
/*
@media only screen and (max-width:800px) {
	.menu_rss span{
		display: none;
	}
}
*/

.derniers_commentaires{
	margin-top: 20px;
	//margin-bottom: 20px;
}

.derniers_commentaires ul, ol {
  margin: 0 0 0px 0px;
}

.row-fluid {
    margin-bottom: 0px;
}

.row-fluid [class*="span"] {
    //min-height: 0px;
}
/* Pour remonter les indicateurs */

.row-fluid [class*="span"]:first-child {
   //margin-top: -10px;
}

.gray {
    //background: rgba(170, 170, 170, 1) none repeat scroll 0 0;
	//background: #F7F7F7;
}

.module.green a {
    color: #ffffff;
}

.module.green a:hover {
    color: #000000;
}

form.fabrikForm label{
	font-weight : bold;
}
.fabrikLabel {
	font-weight : bold;
	font-size: 16px;
}
.plg-fileupload .fabrikLabel {
	//Supprimé le 2020/03/21 car décallage dans affichage blog...mais devait être nécessaire ailleurs...à corriger au cas pas cas
	//text-align : left!important;
}

/* Messages personnels*/
#form_100, #details_100_40, #details_100_46, #details_100_43, #details_100_42, #details_100_44, #details_100_47 {
	background-color: white;
}

#form_100 {
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	box-shadow: 5px 5px 7px #cccccc;
}

#group290, #group293, #group294 {
	padding-left: 10px;
	padding-right: 10px;
}
#details_100_40 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_40 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#messages_individuels___titre_ro {
	font-weight : bold;
	font-size: 20px;	
}
#details_100_42 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_42 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#details_100_43 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_43 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#details_100_44 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_44 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#details_100_46 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_46 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#details_100_47 .fabrikElementContainer{
	margin-top:20px;	
}
#details_100_47 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
/*Pas d'affichage du label titre ni message dans vue 'Detail'*/
.fb_el_messages_individuels___titre_ro .fabrikLabel{
	display: none;
}
.fb_el_messages_individuels___message_ro .fabrikLabel{
	display: none;
}

/*Vu Details*/
/*changement couleur fond Titre*/
/*.fb_el_messages_individuels___titre_ro{
	padding: 10px;
	background-color: lightgray;
}*/

/*Changement couleur fond corps*/
.fb_el_messages_individuels___message_ro #messages_individuels___message_ro DIV{
	padding: 10px;
	background-color: white;
	border-radius: 5px;
}

/* Messages groupés */
#form_99, #details_99_53, #details_99_54, #details_99_55, #details_99_56 {
	background-color: white;
}
#form_99 {
	border: 1px solid #e6e9ed;
	//border: 1px solid #cccccc;
	box-shadow: 5px 5px 7px #cccccc;
}


#group307, #group295, #group297 {
	padding-left: 10px;
	padding-right: 10px;
}

#details_99_53 .fabrikElementContainer{
	margin-top:20px;	
}
#details_99_53 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}

#details_99_54 .fabrikElementContainer{
	margin-top:20px;	
}
#details_99_54 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}

#details_99_55 .fabrikElementContainer{
	margin-top:20px;	
}
#details_99_55 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}
#details_99_56 .fabrikElementContainer{
	margin-top:20px;	
}
#details_99_56 .fabrikLabel {
	font-weight : bold;
	font-size: 20px;
}

#messagerie___titre_ro{
	font-weight : bold;
	font-size: 20px;	
}
/*Pas d'affichage du label titre ni message dans vue 'Detail'*/
.fb_el_messagerie___titre_ro .fabrikLabel{
	display: none;
}
.fb_el_messagerie___message_ro .fabrikLabel{
	display: none;
}

/*Changement couleur fond corps*/
.fb_el_messagerie___message_ro #messagerie___message_ro DIV{
	padding: 10px;
	background-color: white;
	border-radius: 5px;
}

/* Pour compenser le padding fait pour la messagerie groupées details_99_54*/
.fabrikActions .form-actions{
	padding-left: 0!important;
}

td.repeat-merge ul.fabrikRepeatData li, td.repeat-reduce ul.fabrikRepeatData li {
  border-bottom: none;
 }

.indicateur {
	//font-size:18px;
	//overflow: hidden;
	//margin-top: -2px;
	//margin-left: 5px;
	//margin-bottom: -5px;
	//line-height:16px;
	color:black;
	text-decoration : none;
}
.indicateur :hover{
  //background: orange;
}
.indicateur a{
	//color:black;
	color:#666666;
	text-decoration : none;
}  
.indicateur i{
	//color:black;
	text-align:left;
}
.indicateur a:hover{
	//color:white;
	//font-size:30px;
	//font-weight : bold;
	//line-height:40px;
}
.indicateur p{
	//padding-top:10px;
	//padding-bottom:10px;
	//font-weight : bold;
	//text-align:center;
}
.indicateur span{
}

.indicateur img{
	margin-right: 10px;
}
.indicateur_intro{
	margin-top:-10px;
	font-size: 12px;
	text-align: center;
}
.indicateur_separateur_vertical{
	background-color:rgb(216, 216, 216);
	background-repeat:repeat;
	background-attachment:scroll;
	background-image:none;
	background-size:auto;
	font-size:0px;
	width: 1px;
	padding-right: 2px;
	margin-left: 2px;
}
.indicateur_separateur_horizontal{
	background-color:rgb(216, 216, 216);
	//background-repeat:repeat;
	//background-attachment:scroll;
	//background-image:none;
	//background-size:auto;
	//font-size:0px;
	height: 1px;
	//padding-top: 2px;
	//margin-bottom: 2px;
}
.indicateur_table{
	text-align: left;
}
.indicateur_titre_colonne{
	font-weight: bolder;
	font-size: 12px;
	text-align: center;
}
.indicateur_colonne{
	width:auto;
	//width:49.9%;
	//align:center;
	border-collapse: collapse;
	padding: 2px;
}
.indicateur_colonne_date_email{
	font-size: 12px;
	padding-left: 5px;
	max-width: 70px;
	text-align: center;
}
.indicateur_colonne_droite{
	font-size: 12px;
	padding-left: 5px;
}
.indicateur_totaux_email {
	//margin-top: 10px;
	//margin-bottom: -15px;
	font-size: 14px;
	//text-align: left;
	text-align: center;
}
.indicateur_pied{
	margin-top: 10px;
	//margin-bottom: -15px;
	font-size: 12px;
	//text-align: left;
}
.indicateur_remarques{
	margin-top: 0px;
	margin-bottom: -2px;
	font-size: 10px;
	text-align: right;
	color: gray;
}

.indicateur_remarques a{
	color: gray;
}

.indicateur_expediteurs{
	margin-top: 0px;
	margin-bottom: -2px;
	font-size: 10px;
	text-align: center;
	color: red;
}
.indicateur_expediteurs a{
	color: red;
}

.indicateur_A_Faire {
	//overflow: hidden;
	//margin-top: -10px;
	//margin-left: 5px;
	//margin-bottom: -5px;
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:16px;
	//padding-bottom: 10px;
	
	background-color : #DC3912;
	border: 1px solid lightgray!important;
}

.indicateur_A_Faire p{
	color: white;
}

.indicateur_A_Faire a{
	text-decoration: none;
}
/* Copie
.indicateur_A_Faire .icone{
	position: absolute;
	text-align:left;
	font-size:40px;
	color:white;
}*/
.indicateur_A_Faire .titre_indicateur{
	float: left;
}

.indicateur_A_Faire .valeur{
	//margin-top:20px;
	//margin-bottom: 20px;
	position: relative;
	text-align:right;
	font-size:30px;
	color:white;
}

/* Copie ancienne version indicateur
.indicateur_A_Faire .valeur{
	position: relative;
	text-align:right;
	font-size:60px;
	color:white;
}
.indicateur_A_Faire {
	overflow: hidden;
	margin-top: -2px;
	margin-left: 5px;
	margin-bottom: -5px;
	padding: 10px;
	text-align: center;
	font-weight : bold;
	line-height:30px;
	font-size:26px;
	padding-bottom: 20px;

	background-color : #F20909;
	-moz-box-shadow: 5px 5px 2px 0px #9b9b9b;
	-webkit-box-shadow: 5px 5px 2px 0px #9b9b9b;
	-o-box-shadow: 5px 5px 2px 0px #9b9b9b;
	box-shadow: 5px 5px 2px 0px #9b9b9b;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=2);
	//-moz-border-radius: 10px;
	//-webkit-border-radius: 10px;
	//border-radius: 10px;
}*/

.indicateur_Email_Recu {
	//overflow: hidden;
	//margin-top: -2px;
	//margin-left: 5px;
	//margin-bottom: -5px;
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:16px;
	//padding-bottom: 10px;
	//background-color : #A4EA98;
	//padding-bottom: 10px;
	background-color : white;
	//border: 1px solid #e6e9ed;
	border: 1px solid lightgray!important;
	box-shadow: 5px 5px 7px #cccccc;
}

.indicateur_Email_Recu .valeur{
	margin-top:20px;
	margin-bottom: 20px;
	position: relative;
	text-align:center;
	font-size:50px;
	color: gray;
	min-width: 100px;
}

.indicateur_Rien_A_Faire {
	//overflow: hidden;
	//margin-top: -2px;
	//margin-left: 5px;
	//margin-bottom: -5px;
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:16px;
	//padding-bottom: 10px;
	//background-color : #A4EA98;
	//padding-bottom: 10px;
	//background-color : white;
	//border: 1px solid #e6e9ed;
	border: 1px solid lightgray!important;
}

.indicateur_Rien_A_Faire a{
	text-decoration: none;
}
.indicateur_Rien_A_Faire .icone{
	position: absolute;
	text-align:left;
	font-size:30px;
	color:grey;
}

.indicateur_Rien_A_Faire .titre_indicateur{
	float: left;
}

.indicateur_Rien_A_Faire .valeur{
	//margin-top:20px;
	//margin-bottom: 20px;
	position: relative;
	text-align:right;
	font-size:30px;
	color:grey;
}

.indicateur_Info {
	//overflow: hidden;
	margin-top: -2px;
	//margin-left: 5px;
	//margin-bottom: -5px;
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:16px;
	//padding-bottom: 10px;	
	//background-color : #c99;
	//background-color : white;
	//border: 1px solid #e6e9ed;
	border: 1px solid lightgray!important;
}
.indicateur_Info:hover {
  //background: black;	
  //color: white;
}
.indicateur_Rien_A_Faire p{
	//Color: #333333;
}

.indicateur_Info a{
	text-decoration: none;
}
.indicateur_Info .icone{
	position: absolute;
	text-align:left;
	font-size:30px;
	color:grey;
}

.indicateur_Info .titre_indicateur{
	float: left;
}

.indicateur_Info .valeur{
	//margin-top:20px;
	//margin-bottom: 20px;
	position: relative;
	text-align:right;
	font-size:30px;
	color:grey;
}

.legende_icone_conseil {
	background-color: darksalmon;
	text-align: center
}

.indicateur_extranet_table_nom td,th{
	padding:5px;
	text-align:center;
}

.indicateur_extranet_legende {
	//max-height:260px;
	//box-shadow: 6px 8px 10px lightgray;
	background-color:white;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.indicateur_extranet_legende_entete{
}
.indicateur_extranet_legende_entete_cellule{
	border:1px solid gray;
	color: white;
	text-align: center;
	background-color: slategray;
}

.indicateur_extranet_legende_ligne{
	border:1px solid gray;
	padding: 8px;
}
.indicateur_extranet_legende_cellule{
	//color: black;
	font-size:larger;
	//font-style: oblique;
	font-weight:bold;
	//text-align:left;
	padding: 4px;
	//min-width:33%;
}

.extranet_intro_liste{
	border: 2px solid gray;
	padding: 5px;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 6px 2px rgba(50,50,50,.75);
	background-color: #085571;
}

.indicateur_extranet {
	z-index: 0;
	position: relative;
	//max-height:235px;
	min-height: 235px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 6px 8px 10px lightgray;
	background-color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
	-moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-property: background-position, border-bottom-left-radius, box-shadow;
	transition-duration: 0.8s;
}

.indicateur_extranet_mixer {
	height: 89vh;
	z-index: 0;
	position: relative;
	//max-height:235px;
	min-height: 235px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 6px 8px 10px lightgray;
	background-color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
	-moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-property: background-position, border-bottom-left-radius, box-shadow;
	transition-duration: 0.8s;
}
.indicateur_extranet_mixer_sans_defilement {
	overflow-y: scroll;
}

/*Relever coin inférieur gauche*/
.indicateur_extranet:hover{
	background-position: 0;
	-webkit-border-bottom-left-radius: 50% 20px;
	-moz-border-radius-bottomleft: 50% 20px;
		-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

.indicateur_extranet a{
	text-decoration: none;
}

.indicateur_extranet_mixer a{
	text-decoration: none;
}

.indicateur_extranet .icone{
	position: absolute;
	text-align:left;
	font-size:30px;
	color:grey;
}
.indicateur_extranet_mixer .icone{
	position: absolute;
	text-align:left;
	font-size:30px;
	color:grey;
}

.indicateur_extranet_presentation{
	width: 180px;
	line-height: 25px;
	float:left;
	margin-bottom:10px;
	//padding:10px;
}
.indicateur_extranet_presentation_phone{
	margin-top:10px;
	padding:10px;
}

.indicateur_extranet_titre_module{
	font-size: 26px;
	font-weight:bold;
	text-align:center;
}
.indicateur_extranet_logo{
	height:100px;
	text-align:center;
}
.indicateur_extranet_expiration{
	
}
.indicateur_extranet_expiration_libelle{
	
}
.indicateur_extranet_expiration_valeur{
	font-weight:bold;
}

.indicateur_extanet .titre_indicateur{

}

.indicateur_extranet .valeur{
	margin-top:10px;
	position: relative;
	text-align:center;
	font-size:30px;
	color:grey;
}

.indicateur_extranet_liste{
	max-height: 180px;
	min-height: 180px;
	min-width: 120px;
	overflow-y: auto;
	padding: 10px;
}
.indicateur_extranet_liste_mixer{
	//max-height: 90vh;
	//min-height: 90vh;
	//height: 90vh;
	min-width: 120px;
	overflow-y: auto;
	padding: 10px;
}
/*A revoir pour pouvoir scroller lors du défilement*/
/*#boxcategorie0:hover{
	overflow-y: scroll;
}*/


.indicateur_extranet_liste_extranet{
	max-height: 180px;
	min-height: 180px;
	min-width: 120px;
	overflow-y: auto;
	padding: 10px;
}

.indicateur_extranet_boxcategorie_extranet_defilement{
	width: 100%;
	height: 180px;
	position: relative;
	overflow: hidden;
}
.indicateur_extranet_listcategorie_extranet_defilement{
	width:100%;
	position: absolute;
	padding: 0 0.5em; 
}

.indicateur_extranet_boxcategorie_extranet_mixer{
	//width: 100%;
	//height: 85vh;
	//position: relative;
	//overflow: hidden;
}

.indicateur_extranet_boxcategorie_extranet_mixer_defilement{
	width: 100%;
	height: 85vh;
	position: relative;
	overflow: hidden;
}

/*Si pas display grid, la background couleur ne s'affiche pas depuis utilisation float*/
.indicateur_extranet_listcategorie_extranet_mixer_defilement{
	width:100%;
	position: absolute;
	padding: 0 0.5em; 
	display: grid;
}
.indicateur_extranet_listcategorie_extranet_mixer{
	//width:100%;
	//position: absolute;
	//padding: 0 0.5em; 
	display: grid;
}

.indicateur_extranet_lien{
	text-align: center;
	font-size: large;
	font-weight: bold;
	margin-bottom: 10px;
}
.indicateur_extranet_lien_mixer{
	text-align: center;
	font-size: large;
	font-weight: bold;
	margin-bottom: 10px;
}
.indicateur_extranet_liste_ligne_today{
	margin-bottom: 10px;
    background-color: palegreen;
	opacity: 0.7;
	padding: 5px;
}
.indicateur_extranet_liste_ligne_highlight{
	margin-bottom: 10px;
    background-color: powderblue;
	opacity: 0.7;
	padding: 5px;
}

div.indicateur_extranet_ligne_mixer_entete{
	width:22%;
	float:left;
}
div.indicateur_extranet_ligne_mixer_logo{
	width:8%;
	text-align:center;
	float:left;
}
div.indicateur_extranet_ligne_mixer_data{
	width:70%;
	float:left;
}


.indicateur_extranet_liste_ligne_mixer{
	margin-top:10px;
	//margin-bottom:10px;
	border-bottom: solid 2px #f3f1f1;	
}

.indicateur_extranet_liste_ligne{
	//margin-top:15px;
	margin-bottom:15px;
}
.indicateur_extranet_ligne_date{
	font-weight: bold;
}
.indicateur_extranet_ligne_date_mixer{
	font-weight: bold;
	font-size: large;	
	text-align:center;
}


/*span.indicateur_extranet_ligne_categorie_mixer
{
    display: inline-block;
}*/

/*inline pour pouvoir appliquer une taille au span*/
span.indicateur_extranet_ligne_categorie_mixer{
	display: inline-block;
}
div.indicateur_extranet_ligne_categorie_mixer{
	min-width:50%;
	//float:left;
}
.indicateur_extranet_ligne_categorie_mixer{
	color:grey;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	min-width: 200px;
}

.indicateur_extranet_ligne_titre{
	font-style: italic;
}

span.indicateur_extranet_ligne_titre_mixer{
	//display: inline-block;
}


.indicateur_extranet_ligne_titre_mixer{
	font-size: x-large;
	//white-space: nowrap;	
	//overflow: hidden;
	color: slategray;
	//border: 1px solid lightgray;
}

.indicateur_extranet_ligne_residence{
	font-style: italic;
	font-size: small;
}

.indicateur_extranet_ligne_residence_mixer{
	font-style: italic;
	font-size: small;
}

/*Bas de page Tablomail en mode libre service*/
.indicateur_extranet_lien_logo_tablomail{
	float:left;
}
.indicateur_extranet_lien_logo_tablomail img{
	height:30px;
}
.indicateur_extranet_lien_nom_site{
	float:left;
	color:#b0adad;
	font-size: small;
}
.indicateur_extranet_lien_connexion{
	float:right;
}
.indicateur_extranet_lien_connexion a{
	color:#b0adad;
}

.indicateur_extranet_email{
	text-align:right;
	//font-size:large;
	color:lightgray;
	margin:10px;
	margin-top: 20px;
}

.indicateur_extranet_email a:not(.btn){
	color:lightgray;
}

.extranet_separateur{
	background-color:whitesmoke;
}

.indicateur_A_Valider {
	padding: 8px;
	text-align: center;
	font-weight : bold;
	line-height:22px;
	font-size:16px;
	//padding-bottom: 10px;
	
	background-color : #F7B251;
	border: 1px solid lightgray!important;
}

.indicateur_A_Valider p{
	Color: #333333;
}

.indicateur_A_Valider a{
	text-decoration: none;
}

.indicateur_A_Valider  .icone{
	position: absolute;
	text-align:left;
	font-size:30px;
	color:grey;
}

.indicateur_A_Valider .titre_indicateur{
	float: left;
}

.indicateur_A_Valider  .valeur{
	position: relative;
	text-align:right;
	font-size:30px;
	color:grey;
}

/*Prochains Rendez-vous*/
.prochains_evenements a:hover{
	text-decoration: none;
}

.Next_RDV_mois {
  font-size: 26px;
  font-weight: bold;
  //margin-bottom: 15px;
  //margin-top: 16px;
  text-align:center;
  //background-color: #287099;
  background-color: gray;
  color: white;
  padding: 10px;
}
.Next_RDV_container {
  //height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: white none repeat scroll 0 0;
  //background: #f5f5f5 none repeat scroll 0 0;
  //margin: 0 0 5px 10px;
  //margin-top: 5px;
}
.Next_RDV_numero {
  min-height: 60px !important;
  min-width: 50px !important;
  text-align: center;
}
.Next_RDV_numero {
  clear: both;
  display: block;
  float: left;
  height: auto;
  margin: 0 15px 5px 0;
}
.Next_RDV_numero .Next_RDV_digit {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: lightgray;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-image: none;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.24) inset, 0 10px 15px rgba(255, 255, 255, 0.14) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  color: white;
  display: block;
  font-size: 24px;
  line-height: 0;
  min-height: 20px;
  padding: 20px 10px 0;
  margin-left: 5px;
  margin-top: 10px
}
.Next_RDV_numero .Next_RDV_bottom {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  color: #fff;
  display: block;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}
.Next_RDV_numero .Next_RDV_bottom {
  height: 6px;
  //background-color: ##3366CC !important;
  margin-left: 5px;
}

/*Gestion de la date du jour*/
.Next_RDV_numero_date_du_jour {
  min-height: 60px !important;
  min-width: 50px !important;
  text-align: center;
}
.Next_RDV_numero_date_du_jour {
  clear: both;
  display: block;
  float: left;
  height: auto;
  margin: 0 15px 5px 0;
}
.Next_RDV_numero_date_du_jour .Next_RDV_digit {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FF9900;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-image: none;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.24) inset, 0 10px 15px rgba(255, 255, 255, 0.14) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
  display: block;
  font-size: 24px;
  color: white;
  line-height: 0;
  min-height: 20px;
  padding: 20px 10px 0;
  margin-left: 5px;
  margin-top: 10px
}
.Next_RDV_numero_date_du_jour .Next_RDV_bottom {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  color: #fff;
  display: block;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}
.Next_RDV_numero_date_du_jour .Next_RDV_bottom {
  height: 6px;
  //background-color: #3366CC !important;
  margin-left: 5px;
}


.Next_RDV_date {
  font-weight: bold;
}

.Next_RDV_nom {
  padding-left: 20px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Next_RDV_fournisseur {
  font-size: 12px;
  font-style: oblique;
  padding-left: 20px;
}

/*Gestion de la date du jour*/
.Next_RDV_date_du_jour {
  font-weight: bold;
  color: #FF9900;
}
.Next_RDV_nom_date_du_jour {
  padding-left: 20px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #FF9900;
  font-weight: bold;
}
.Next_RDV_fournisseur_date_du_jour {
  font-size: 12px;
  font-style: oblique;
  padding-left: 20px;
  color: #FF9900;
  font-weight: bold;
}

.Next_RDV_separateur {
  margin: 0px;
  border-color: #ccc -moz-use-text-color #fff;
}


/*Rendez-vous du jour*/
.rdv_jour {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.rdv_jour  table{
	width:100%;
}
.rdv_jour a{
	color:black;
	text-decoration : none;
}
.rdv_jour a:hover{
	//color:white;
	//font-size:30px;
	font-weight : bold;
	//line-height:40px;
}

.rdv_jour_liste {
}
.rdv_jour_entete {
}
.rdv_jour_titre {
	background-color: #A4A5A4;
	//background-color: #F6F6F6;
	//border: 1px solid #e3e3e3;
	border-radius: 5px 5px 0 0;
	border-top: 2px solid #A4A5A4;
	border-right: 2px solid #A4A5A4;
	border-left: 2px solid #A4A5A4;
	margin-top: 10px;
	margin-bottom: 0px;
	min-height: 10px;
	padding: 5px;
	text-align:center;
	font-weight : bold;
	color: white;
}
.rdv_jour_element {
	background-color: #f7f7f7;
	background-color: white;
	border: 1px solid #cccccc;
	height: 10px;
	padding: 0;
	vertical-align: top;
	width: 100%;
}
.rdv_jour_heure {
	text-align:center;
	font-weight : bold;
}
.rdv_jour_nom {
	font-size:12px;
}
.rdv_jour_sans_heure {
	text-align:center;
	//font-weight : bold;
	font-size:12px;
}
 
#note {
	margin-bottom:0px;
	position: relative;          
	width: 100%;
	height: 24px;
	font-size: 24px;
	display: none;
	padding-top: 10px;
	padding-bottom: 5px;
}
#note a{
	text-decoration: none!important;
}

#vigilance {
	//background: red;
	margin-bottom:0px;
    padding-top: 10px!important;
	//padding-bottom: 5px;	
	position: relative;          
	width: 100%;
	height: 24px;
	font-size: 24px;
	display: none;
}
.vigilance_date{
	font-size: 14px;	
}

.round-button_A_SUPPRIMER {
	//width:25%;
	float:left;
}
.round-button-circle_A_SUPPRIMER {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:10px solid #cfdcec;
    overflow:hidden;
    
    background: #4679BD; 
    box-shadow: 0 0 3px gray;

}
.round-button-circle_A_SUPPRIMER:hover {
	background:#30588e;
}
.round-button_A_SUPPRIMER a {
    display:block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#e2eaf3;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
}

.container_bouton_A_SUPPRIMER{
    display:block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#e2eaf3;
    font-family:Verdana;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;	
}
/* 2020/02/23 NW Organisation des couleurs en fonction des accès ( CS / Présidence et comptes spéciaux /Tous */
.container_bouton_tous{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: lightgray
	font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: lightgray;
	background: -moz-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(0, 153, 198) 70%);
	background: -webkit-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(0, 153, 198) 70%);
	background: -o-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(0, 153, 198) 70%);
	background: -ms-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(0, 153, 198) 70%);
	background: linear-gradient(0deg, rgb(0, 153, 198) 30%, rgb(0, 153, 198) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}
.container_bouton_cs_syndic_gardien{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: lightgray
	font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #a4a4a4;
	background: -moz-linear-gradient(90deg, #a4a4a4 30%, #a4a4a4 70%);
	background: -webkit-linear-gradient(90deg, #a4a4a4 30%, #a4a4a4 70%);
	background: -o-linear-gradient(90deg, #a4a4a4 30%, #a4a4a4 70%);
	background: -ms-linear-gradient(90deg, #a4a4a4 30%, #a4a4a4 70%);
	background: linear-gradient(0deg, #a4a4a4 30%, #a4a4a4 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}
.container_bouton_presidence_speciaux{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: lightgray
	font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: lightgray;
	background: -moz-linear-gradient(90deg, gray 30%, gray 70%);
	background: -webkit-linear-gradient(90deg, gray 30%, gray 70%);
	background: -o-linear-gradient(90deg, gray 30%, gray 70%);
	background: -ms-linear-gradient(90deg, gray 30%, gray 70%);
	background: linear-gradient(0deg, gray 30%, gray 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}
/* 2020/02/23 NW suite réorganisation des bouton en breadcrumb et changement de couleur
.container_bouton_saisie_rapide{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	//color: rgb(230, 230, 230);
	color: lightgray;
	font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	background: rgb(137, 255, 198);
	background: -moz-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -webkit-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -o-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -ms-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgbrgb(255, 153, 0) 70%);
	background: linear-gradient(0deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);

}
*/
.container_bouton_panne_predefinie{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	//color: rgb(255, 248, 42);
	color: lightgray
	font-size: 18px;
	//padding-top: 10px;
	//padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	//background: rgb(255, 215, 96);
	//background: -moz-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	//background: -webkit-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	//background: -o-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	//background: -ms-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgbrgb(255, 215, 0) 70%);
	//background: linear-gradient(0deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	background: lightgray;
	background: -moz-linear-gradient(90deg, gray 30%, gray 70%);
	background: -webkit-linear-gradient(90deg, gray 30%, gray 70%);
	background: -o-linear-gradient(90deg, gray 30%, gray 70%);
	background: -ms-linear-gradient(90deg, gray 30%, gray 70%);
	background: linear-gradient(0deg, gray 30%, gray 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);

}

.petit_bouton_jaune{
	width: 15px;
	padding: 2px;
	color: rgb(255, 248, 42);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(255, 215, 96);
	background: -moz-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	background: -webkit-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	background: -o-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	background: -ms-linear-gradient(90deg, rgb(255, 215, 0) 30%, rgbrgb(255, 215, 0) 70%);
	background: linear-gradient(0deg, rgb(255, 215, 0) 30%, rgb(255, 215, 0) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}

.petit_bouton_orange{
	width: 15px;
	padding: 2px;
	color: rgb(230, 230, 230);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(137, 255, 198);
	background: -moz-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -webkit-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -o-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	background: -ms-linear-gradient(90deg, rgb(255, 153, 0) 30%, rgbrgb(255, 153, 0) 70%);
	background: linear-gradient(0deg, rgb(255, 153, 0) 30%, rgb(255, 153, 0) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);}

.container_bouton_annonce{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: rgb(16, 150, 24);
	font-size: 18px;
	//padding-top: 10px;
	//padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(210, 20, 20);
	background: -moz-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -webkit-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -o-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -ms-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: linear-gradient(0deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}

.container_bouton_news_rss{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: rgb(16, 150, 24);
	font-size: 18px;
	//padding-top: 10px;
	//padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(210, 20, 20);
	background: -moz-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -webkit-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -o-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -ms-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: linear-gradient(0deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}

.container_bouton_vigilance{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: rgb(16, 150, 24);
	font-size: 18px;
	//padding-top: 10px;
	//padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(210, 20, 20);
	background: -moz-linear-gradient(90deg, rgb(190, 57, 18) 30%, rgb(220, 57, 18) 70%);
	background: -webkit-linear-gradient(90deg, rgb(190, 57, 18) 30%, rgb(220, 57, 18) 70%);
	background: -o-linear-gradient(90deg, rgb(190, 57, 18) 30%, rgb(220, 57, 18) 70%);
	background: -ms-linear-gradient(90deg, rgb(190, 57, 18) 30%, rgb(220, 57, 18) 70%);
	background: linear-gradient(0deg, rgb(190, 57, 18) 30%, rgb(220, 57, 18) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}	
	
.container_bouton_aide{
	white-space: nowrap;
	float:left;
	position: relative;
	text-align:center;
	display: block;
	max-width: 100%;
	color: rgb(16, 150, 24);
	font-size: 18px;
	//padding-top: 10px;
	//padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	margin-top:-5px;
	text-shadow: -1px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: rgb(210, 20, 20);
	background: -moz-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -webkit-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -o-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: -ms-linear-gradient(90deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	background: linear-gradient(0deg, rgb(0, 153, 198) 30%, rgb(16, 153, 198) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0 6px 2px rgba(50, 50, 50, 0.75);
}

/*Fiche d'inscription
Pour éviter qu'un cadre vide n'apparaisse en haut
*/
#group275{
	display: none;
}
/*Pour boutons imprimer et PDF au milieu*/
#form_93 .span6{
	float: left!important;
}
/*Pour bouton Retour au milieu*/
#form_93 .fabrikActions .offset1{
	float: none;
}

/*Suivi des budgets consommés*/

.Budget_suivi_container {
	//margin-top: -6px;
	background-color: white;
	border: 1px solid lightgray !important;
	text-align: center;
	box-shadow: 5px 5px 7px #cccccc;
}

.Budget_suivi_titre{
	font-weight: bold;
	font-size:16px;
	color:black;
	margin-top:8px;
}

.Budget_suivi_contenu{
	//height: 375px;
	height: 240px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/*Pour rattraper le décalage de position entre les positions budget2 et budget3*/
#sp-budget3{
	margin-top: -5px;
}

/*Si affichage position 'Right', on affiche toute la liste complète*/
#sp-right .Budget_suivi_contenu{
	height: auto;
	overflow-x: auto;
	overflow-y: auto;
}

.Budget_nom {
  font-size: large;
  font-weight: bold;
  margin-top: 10px;
  padding-left: 5px;
  text-align: center;

}
._Next_RDV_fournisseur {
  font-size: 12px;
  font-style: oblique;
  padding-left: 20px;
}

.Budget_rubrique_plan{
}

.Budget_nom_rubrique_plan{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: small;
	background-color: grey;
	color: white;
}

.Budget_nom_compte{
	margin-left: 5px;
	margin-right: 5px;
	//font-weight: bold;
	font-size: small;
	text-align: center;
}

.Budget_previsionnel_compte{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

.Budget_suivi_container table{
	border-collapse: unset!important;
	border-spacing: 2px!important;
	font-size: small;
	width: 100%;
}

.Budget_suivi_table{
	overflow: auto;
	margin-top:5px;
	padding-left: 5px;
	//border-collapse: unset!important;
	//border-spacing: 2px!important;
}

.Budget_suivi_entete td{
	padding-left:5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: smaller;
}

.Budget_suivi_table_entete_prevu{
	background-color: grey;
	color: white;
	//min-width: 70px;
}

.Budget_suivi_table_entete_facture{
	background-color: grey;
	color: white;
	//min-width: 70px;
}

.Budget_consomme_travaux_prevu_compte, .Budget_consomme_contrats_prevu_compte{
	background-color: lightgray;
	color: white;
	//font-weight: bold;
	text-align: right;
	font-size: smaller;
}

.Budget_suivi_travaux_montant{

}

.Budget_suivi_contrats_montant{
}

.Budget_suivi_total_entete{
	font-weight: bold;
	font-size: medium;
	text-align: right;
}

.Budget_conso_non_saisi{
	//color: red;
	background-color: lightgray;
	color:white;
}

.Budget_conso_rouge{
	//color: red;
	background-color: red;
	color:white;
}

.Budget_conso_orange{
	//color: orange;
	background-color: orange;
	color:white;
}

.Budget_conso_vert{
	//color: green;
	background-color: green;
	color:white;
}

.Budget_rouge{
	color: red;
}

.Budget_orange{
	color: orange;
}

.Budget_vert{
	color: green;
}

.Suivi_Budget_separateur{
	margin:5px;
}


.nom_site_extracs{
	overflow: hidden;
	padding-bottom: 5px;
	text-align: center;
}

/*Mettre une largeur mini au champ pièce jointe sinon largeur d'un caractère sur smartphone!*/	
.fabrikRepeatGroup___emails_site_attachments___piece_jointe{
	min-width: 60px;
	max-width: 120px;
	overflow-wrap: break-word;
}


/*.message_site_extracs {
  font-size: 20px;
  font-style: oblique;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left:30px;
  width: 800px;
}*/
	
@media screen and (min-width: 300px) {
    .titre_site {
        font-size: 60%;
    }
	.message_site_extracs {
		font-size: 100%;
		font-style: oblique;
		margin-top: 5px;
		//margin-bottom: 10px;
		margin-left:30px;
		width: 280px;
	}

	.titre_site_extracs {
        font-size: 60%;
		margin-top: 0px;
	}	
	
	.nom_site_tablomail{
		font-size: 150%;
		white-space: normal;
		text-align: left;
		min-width: 480px;
		margin-top: -25px;
		margin-bottom: 20px;
	}

	.nom_site_extracs{
		font-size: 150%;
		white-space: normal;
		//min-width: 350px;
		margin-top: 15px;
		//margin-bottom: 20px;
	}
	
	.nom_site{
		font-size: 150%;
	}
	
	.indicateur_extranet_email{
		font-size:small;
	}
}
@media screen and (max-width: 350px) {
	.indicateur_extranet_ligne_mixer_logo{
		visibility: hidden;
	}
}
@media screen and (max-width: 480px) {
	.message_site_extracs {
		font-size: 80%;
		font-style: oblique;
		margin-top: 5px;
		//margin-bottom: 10px;
		margin-left:30px;
		width: 400px;
	}
	
	.titre_site_extracs {
        font-size: 80%;
		margin-top: 0px;
	}
	
    .photo_site_extranet {
        font-size: 80%;
    }
	.nom_site_tablomail{
		font-size: 150%;
		white-space: normal;
		text-align: left;
		min-width: 300px;
		margin-top: -25px;
		margin-bottom: 20px;		
	}
	.nom_site_extracs{
		font-size: 150%;
		white-space: normal;
		//min-width: 200px;
		margin-top: 15px;
		//margin-bottom: 20px;	
		max-width: 250px;		
	}
}

@media screen and (max-width: 480px) {
    .utilisateur_connecte_nom {
        padding-right:0px;
		padding-top: 0px;
    }
	.utilisateur_temporaire_connexion {
        padding-right:0px;
		padding-top: 0px;
    }
	.indicateur_extranet_ligne_date_mixer{
		font-size: 90%;
	}	
	.indicateur_extranet_ligne_categorie_mixer{
		font-size: 80%;
	}	
	.indicateur_extranet_ligne_titre_mixer{
		font-size: 100%;
	}
	.indicateur_extranet_ligne_mixer_logo{
		font-size: 1em;
	}
}

@media screen and (min-width: 480px) {
    .titre_site {
        font-size: 100%;
    }
	.message_site_extracs {
		font-size: 100%;
		font-style: oblique;
		margin-top: 5px;
		//margin-bottom: 10px;
		margin-left:30px;
		width: 400px;
	}
	.titre_site_extracs {
        font-size: 100%;
		margin-top: 0px;
	}	
	.nom_site_tablomail{
		font-size: 150%;
		white-space: normal;
		text-align: left;
		min-width: 480px;
		margin-top: -25px;
		margin-bottom: 20px;
	}
	.nom_site_extracs{
		font-size: 150%;
		white-space: normal;
		//min-width: 350px;
		margin-top: 15px;
		//margin-bottom: 20px;
	}
	.nom_site{
		font-size: 150%;
	}
	.indicateur_extranet_email{
		font-size:small;
	}

	.indicateur_extranet_ligne_date_mixer{
		font-size: 100%;
	}	
	.indicateur_extranet_ligne_categorie_mixer{
		font-size: 90%;
	}	
	.indicateur_extranet_ligne_titre_mixer{
		font-size: 110%;
	}
}
@media screen and (min-width: 768px) {
    .titre_site {
        font-size: 150%;
    }

	.titre_site_extracs {
        font-size: 150%;
		margin-top: 0px;
	}
	
	.nom_site_tablomail{
		font-size: 250%;
		white-space: normal;
		text-align: left;
		min-width: 660px;
		line-height: 100%;
		margin-top: -10px;
	}	
	
	.nom_site_extracs{
		font-size: 250%;
		white-space: normal;
		min-width: 600px;
		line-height: 100%;
		margin-top: 15px;
	}	

	.nom_site{
		font-size: 250%;
	}	
		
	.indicateur_extranet_email{
		font-size: 100%;
	}
	
	.indicateur_extranet_ligne_date_mixer{
		font-size: 110%;
	}	
	.indicateur_extranet_ligne_categorie_mixer{
		font-size: 100%;
	}	
	.indicateur_extranet_ligne_titre_mixer{
		font-size: 120%;
	}
	.indicateur_extranet_ligne_mixer_logo{
		font-size: 2em;
	}
}
/*pour décaler sur smartphone*/
@media only screen and (max-width:800px) {
	.ads_button{
		margin-left: 95px !important;
	}
	.cycle-slideshow {
		margin-left: 75px !important;
	}
}

/*pour diminuer la taille du logo sur smartphone*/
.logo_site img{
	//margin-top: 10px;
}

@media only screen and (max-width:800px) {
	.logo_site img{
		max-width: 90px!important;
		min-height: 40px!important;
	}
}

@media screen and (min-width: 900px) {
    .titre_site {
        font-size: 150%;
    }
	
	.titre_site_extracs {
        font-size: 150%;
		margin-top: 25px;
	}
		
	.nom_site_tablomail{
		font-size: 250%;
		white-space: normal;
		text-align: left;
		min-width: 900px;
		line-height: 100%;
		margin-top: -10px;
	}	
	
	.nom_site_extracs{
		font-size: 250%;
		white-space: normal;
		min-width: 800px;
		line-height: 100%;
		margin-top: -10px;
		margin-bottom: 30px;
	}	

	.nom_site{
		font-size: 250%;
	}	
		
	.indicateur_extranet_email{
		font-size: 100%;
	}
	
	.indicateur_extranet_ligne_mixer_logo{
		//font-size: 3em;
	}
}
@media screen and (max-width: 1000px) {
	.utilisateur_connecte_avatar{
		//text-align: left;
	}
	.logo_site img{
		float: left;
		white-space: nowrap;
		max-width: 300px;
		min-height: 70px;
	}

}

@media screen and (min-width: 1000px) {
    .photo_site_extranet {
        font-size: 110%;
    }
	
	.titre_site_extracs {
        //font-size: 150%;
		margin-top: 25px;
	}	
	.nom_site_tablomail{
		font-size: 300%;
		white-space: normal;
		text-align: left;
		min-width: 900px;
		line-height: 100%;
		margin-top: -10px;
	}
	
	.nom_site_extracs{
		font-size: 300%;
		white-space: normal;
		min-width: 900px;
		line-height: 100%;
		margin-top: -10px;
		margin-bottom: 30px;		
	}
	
	.nom_site{
		font-size: 300%;
	}	
		
	.indicateur_extranet_email{
		font-size:medium;
	}
	.utilisateur_connecte_avatar{
	}
	.logo_site img{
		float: left;
		white-space: nowrap;
		max-width: 300px;
		min-height: 50px;
	}
    .utilisateur_connecte_nom {
        padding-right:10px;
    }
	.utilisateur_temporaire_connexion {
        padding-right:10px;
    }	
	.indicateur_extranet_ligne_mixer_logo{
		font-size: 3em;
	}	
}

@media (min-width: 1024px){
	.fond_extranet_legende{
		//width: 50%;
		//margin: auto;
	}
}

@media screen and (min-width: 1200px) {
	.titre_site_extracs {
        //font-size: 150%;
		margin-top: 25px;
	}
	.nom_site_tablomail{
		font-size: 300%;
		white-space: normal;
		text-align: left;
		min-width: 1100px;
		line-height: 100%;
		margin-top: -10px;
	}
	.nom_site_extracs{
		font-size: 300%;
		white-space: normal;
		min-width: 1100px;
		line-height: 100%;
		margin-top: -10px;
		margin-bottom: 30px;
	}
	.indicateur_extranet_ligne_date_mixer{
		//font-size: 110%;
		font-size: large;
	}	
	.indicateur_extranet_ligne_categorie_mixer{
		//font-size: 100%;
		font-size: large;
	}	
	.indicateur_extranet_ligne_titre_mixer{
		//font-size: 120%;
		font-size: x-large;
	}
}

/*Utilisateur connecté*/
.utilisateur_expiration_acces{
	text-align:right;
	margin-top: 20px;
}
.utilisateur_expiration_data{
	font-size: large;
	font-weight: bold;
}

.utilisateur_temporaire{
		text-align: right;
}

.utilisateur_temporaire_connexion {
		text-align:right;
		font-size: x-small;
}