@path:"zless";//@path:"zless_stable";////////// AJOUT 2025 depuis lango suite partenaire :IN// AJOUT 2025 depuis lango suite partenaire :IN////////// a nettoyer :ne gere pas que la retraction//// contient des regles pour le header fncs...//////////////////// pretty checkboxes à finir@beige:#948566;@beige_clair:#b09b79;@beige_tres_clair:#A39579;@beige_fonce:#896f5c;@beige_fonce:rgb(137,111,92);@beige_tres_fonce:darken(@beige_fonce,5%);@blanc_casse:#e4d4ce;@blanc:#FFFFFF;@cacadoie:rgba(152,143,101,.5);@brun_a:rgba(169,104,59,0.9);@brun_clair:rgba(181,156,116,.3);@brun_autre:#9F8A66;//@grenadine:#FE5151;@grenadine:#FF8B2D;// le grenadine devient du orange....@mauve:rgb(104,0,150);@rose_flash:#ff00f6;@brun:#9f7963;@brun_fonce:#8c745d;@brun_tres_fonce:#816440;@fuschia:#ff076d;@fuschia_fonce:#da055c;@fuschia_plus_fonce:#b5034c;@violet:#723984;@marron:#7B6057;@mauve:#9C3177;@grisdepayne:#61466f;@grisdepayne_fonce:#5d4c6b;@terreux:#c4a5a3;@terreux_fonce:darken(#c4a5a3,22%);@brun:#583729;@fnoir:#552222;//@fblanc:#ECEAEA;@fblanc:#EEECEC;// 2022@fvraiblanc:#FFF;@frouge:#CC0033;@forange:#F25A0E;@forangelogo:#FBA919;@fmauve:@violet;@beige:rgb(226,213,217);@lumiere:#f7ffed;@fvert:#24d691;@statusColorUnAvailable:#AA0000;@statusErrorColor:#CC2222;@statusErrorTextColor:@mainReverseColor;@statusSuccessColor:#78cc83;@statusSuccessTextColor:#0e5d29;@statusWarningColor:#ed7117;@statusWarningTextColor:@mainReverseColor;@statusDangerColor:#9e045c;@statusDangerTextColor:@mainReverseColor;@statusDevColor:#aa0095;// badge pastille color
//@mainBadgeBackgroundColor:@fuschia;@mainBadgeTextColor:@mainReverseColor;@mainLightColor:@lumiere;//@mainShadowSizeX:1px;//@mainShadowSizeY:1px;@mainShadowSizeBlur:@ud2;@mainShadowSizeBlurSP:2px;// 1px :soft,5px :hard@mainShadowColor:@terreux_fonce;@secondShadowColor:@brun;@thirdShadowColor:@forange;@mainFrontColor:transparent;@mainBackgroundColor:@fblanc;@secondBackgroundColor:@fvraiblanc;@thirdBackgroundColor:@beige;@fourthBackgroundColor:@terreux;@fifthBackgroundColor:@forange;@mainTextColor:@fnoir;@secondTextColor:@fmauve;@thirdTextColor:@forange;@mainReverseColor:@blanc;@secondReverseColor:@blanc;@mainHighlightColor:@violet;@secondHighlightColor:@mauve;@thirdHighlightColor:@forange;@fourthHighlightColor:@forangelogo;@mainLinkColor:@forange;@mainLinkColorHover:@frouge;@mainLinkColorActive:darken(@frouge,30%);@mainLinkColorFocus:ligthen(@frouge,60%);@mainLinkColorVisited:@mainLinkColor;@secondLinkColor:@frouge;@secondLinkColorHover:@mainTextColor;@secondLinkColorActive:@mainHighlightColor;@secondLinkColorFocus:ligthen(@forange,20%);@secondLinkColorVisited:@secondLinkColor;@thirdLinkColor:@forange;@thirdLinkColorHover:@frouge;@thirdLinkColorActive:lighten(@frouge,30%);@thirdLinkColorFocus:ligthen(@frouge,60%);@thirdLinkColorVisited:ligthen(@frouge,10%);@mainLinkColorReverse:@mainReverseColor;@mainLinkColorReverseActive:@mainReverseColor;@mainLinkColorReverseVisited:darken(@mainReverseColor,5%);@mainLinkColorReverseFocus:@mainTextColor;@mainLinkColorReverseHover:@mainReverseColor;@mainButtonTextColor:@fblanc;@mainDateColor:@grisdepayne;@secondDateColor:@forange;@thirdDateColor:@mainTextColor;@mainLocationColor:@secondTextColor;// user
//@mainUserColor:@forange;@mainUserColorReverse:@mainReverseColor;@mainUserColorDarken:fade(darken(@mainUserColor,10%),70%);@secondUserColor:@mainUserColorDarken;// role
//@mainRoleColor:@mauve;@mainMachineNameColor:@fuschia_fonce;@mainSubscriptionColor:@fuschia;// stickers
//@mainStickerColor:@mainHighlightColor;//@mainStickerPosition:absolute;@mainStickerOpacity:0.7;// header
//@mainHeaderBackgroundColor:@forange;// breadcrumb via module crumb
//@mainCrumbSeparatorUtf8Icon:'\25B6';// triangle@mainCrumbSeparatorUtf8Icon:'\25B8';// small triangle
//@mainCrumbSeparatorUtf8Icon:'\25B7';// triangle empty
//@mainCrumbSeparatorUtf8Icon:'\25B9';// small triangle empty@mainCrumbSeparatorHasShadow:true;@mainCrumbSeparatorColor:@mainHighlightColor;// header shadow
//@mainHeaderHasShadow:true;@mainHeaderShadowColor:@secondShadowColor;@mainHeaderShadowOpacity:1.0;// pseudo shadow
//@mainPseudoShadowHeight:106%;@mainPseudoShadowDistance:100px;@mainShadowPseudoShadowMixBlendMode:multiply;// ne fonctionne pas sur les dégradés...


// main menu

//@mainNavBarAlignItems:left;//@mainBootstrapNavigationToggleBreakpoint:1023px;// ne pas oublier l'unité
// @mainBootstrapNavigationPosition:'to_right';
// @navbarIconColor:@secondHighlightColor;
// @mainNavBarWidth:100%;

// menu items
//
@mainMenuItemMinHeight:24px;
// @mainMenuItemFontSize:@sizep;
// @mainMenuItemFontFamily:@secondFontFamily;
@mainMenuItemColor:@mainReverseColor;
@mainMenuItemColor:@mainHighlightColor;
// @mainMenuItemBackgroundColor:transparent;
// @mainMenuItemColorHover:@mainHighlightColor;
// @mainMenuItemBackgroundColorHover:transparent;
// @mainMenuItemColorActive:@secondHighlightColor;
// @mainMenuItemBackgroundcolorActive:@mainHighlightColor;
// @mainMenuItemUnderlineActive:true;
// @mainMenuItemPaddingX:1vw;
// @mainMenuItemPaddingY:0.25vw;
// @mainMenuTextTransform:uppercase;
// @mainMenuTextAlign:center;
// @mainMenuItemMinWidth:0;
// @mainMenuItemBorderRadius:@secondRadiusUnit;


// admin
//
@mainAdminColor:@violet;

// icon colors
@mainIconHueRotate:105deg;
@mainIconSaturation:100%;
@mainIconBrightness:1;

// HSL modifiers
//
@mainIconHueRotateToRed:151deg;
@mainIconHueRotateToGreen:220deg;

// pour modifier la teinte des icones de supersprite.svg


@mainSuperSpriteTotalColumn:50;

@mainBottomSpace:16px;
@u:8px;
@secondMargPadUnit:17px;
@mainInlineBoxPadding:2px 6px;
@mainInlineBoxMargin:0 8px 2px 0;

@mainBorderRadius:6px;
@secondBorderRadius:24px;
@thirdBorderRadius:32px;


@mainFontFamily:'Noto Sans', Arial, sans-serif;
@secondFontFamily:'Noto Sans', Arial, sans-serif;
@thirdFontFamily:'Ruluko', Arial, sans-serif;
@fourthFontFamily:'Ruluko', Arial, sans-serif;
@fifthFontFamily:'Ruluko', Arial, sans-serif;



@mainBorderColor:fade(@mainShadowColor,20%);
@secondBorderColor:@grisdepayne;
@thirdBorderColor:@violet;

// Cards
//
@mainCardHasBorder:true;
@mainCardBorderColor:@mainBorderColor;
@mainCardHasShadow:false;
@mainCardHasBorderRadius:true;
@mainCardHasBackgroundColor:false;

// image filter
//
@mainImageFilterIsActive:true;
@mainImageFilterPosIn:10%;
@mainImageFilterPosOut:85%;
@mainImageFilterOpacityStart:53%;
@mainImageFilterOpacityEnd:22%;
@mainImageFilterGradientOrientation:175deg;

@mainImageFilterTintStart:#5d085b;
@mainImageFilterTintEnd:#99809c;
@mainImageFilterColorStart:fade(@mainImageFilterTintStart,@mainImageFilterOpacityStart);
@mainImageFilterColorEnd:fade(@mainImageFilterTintEnd,  @mainImageFilterOpacityEnd);
@mainImageBackgroundColor:@mainImageFilterTintStart;
@mainImageFilterBlendMode:multiply;

@mainImageFilterOpacityLarge:.9;
@mainImageFilterOpacityNormal:.85;
@mainImageFilterOpacityNarrow:.8;
@mainImageFilterOpacitySmall:.75;

@mainImageFilterHasVignetage:true;
@mainImageFilterVignetageColor:@mainImageFilterTintStart;

@mainImageFilterVignetageFade:5%; // 0% = pas estompé, 100% = totalement estompé
@mainImageFilterVignetageSize:7em;
@mainImageFilterVignetageBlur:10em;

@mainImageFilterDarkerLarge:10%;
@mainImageFilterDarkerNormal:20%;
@mainImageFilterDarkerNarrow:40%;
@mainImageFilterDarkerSmall:60%;

@mainImageFilterSaturateLarge:50%;
@mainImageFilterSaturateNormal:60%;
@mainImageFilterSaturateNarrow:70%;
@mainImageFilterSaturateSmall:100%;

@mainOverlayImageOpacity:0.8;
@mainOverlayImageOpacityHover:0.25;

@mainOverlayImageZoom:1.03;



// backdrop filter
//
@mainBackdropFilterBlur:false;
@mainBackdropFilterBlurSize:@ud2;


// degradé dans les fonds
@mainZoneGradientActive:true;


// Overlay
@mainOverlayTextColor:@mainReverseColor;
@mainOverlayShadowColor:@mainShadowColor;

@mainLineHeight: 20px;
@sizeMinimum: 9px;
@size0: 12px;
@sizep: 15px;
@size1: 26px;
@size2: 22px;
@size3: 20px;
@size4: 18px;
@size5: 14px;
@size6: 11px;
@size7: 10px;


// logo
@logoMaxWidth:144px;
@logoScaleLarge:1;
@logoScaleNormal:0.92;
@logoScaleNarrow:0.88;
@logoScaleSmall:0.80;


// site name
// @siteNameFontSize:@size4;
@siteNameColor:@mainReverseColor;
// @siteNameFontFamily:@mainFontFamily;
@siteNameLetterSpacing:1px;
@siteNameTextTransform:none;
@siteNameMargin:6px 0 0 0;

// site slogan
@siteSloganFontSize:@size0;
// @siteSloganColor:@mainReverseColor;
// @siteSloganFontFamily:@secondFontFamily;
@siteSloganLetterSpacing:4.8px;
// @siteSloganTextTransform:lowercase;
@siteSloganMargin:0 0 0 0;


// forms, formulaires
//

@mainFormInputStyle:'FormInputStyleNormal';
// @mainFormInputStyle:'FormInputStyleUnderline';
@mainFormIsReverse:false;

@mainFormMaxWidth:@zRespDesignWidthNormal;

@mainFormInputBackgroundColor:@secondBackgroundColor;
@mainFormInputColor:@mainTextColor;
@mainFormWrapperOpacity:17%;
@mainFormInputRadius:@ud2;

@mainFormInputBorderWidth:1px;
@mainFormInputBorderStyle:solid;
@mainFormInputBorderOpacity:50%;
@mainFormInputBorderColor:@mainBorderColor;
@mainFormInputBorder:@mainFormInputBorderWidth solid fade(@mainShadowColor,@mainFormInputBorderOpacity);

@mainFormInputHasShadowBorder:true;

@mainFormInputBackdropFilter:@mainBackdropFilterBlur;
@mainFormInputBackgroundColorFocus:@secondBackgroundColor;

@mainFormTextColor:@mainTextColor;
@mainFormTextReverseColor:@mainReverseColor;
@mainFormPlaceholderColor:darken(@mainShadowColor,10%);
@mainFormPlaceholderOpacity:0.4;

@mainRequiredColor:@statusErrorColor;
@mainRequiredChar:"*";
@mainRequiredTopPosition:-1px;
@mainRequiredRightPosition:1px;

// selects
@mainSelectUseCustomIconDropDown:false;
@mainFormSelectCustomIcon:'src/zicon_collapse_white.svg';
@mainFormSelectCustomIconWidth:32px;
@mainFormSelectCustomIconHeight:32px;

// checkbox, radio
@mainCheckboxRadioInputZoneSize:@size3;
@mainCheckboxRadioInputFontSize:@sizeBig;

// Exposed Widgets, exposed forms...
//
@mainExposedWidgetsMargin:0 2px 1vw 0;
@mainExposedWidgetsFormItemBorder:@mainFormInputBorder;
@mainExposedWidgetsFormActiveIconBottom:-46%;

// labels
//
@mainLabelColor:@mainHighlightColor;
@mainLabelReverseColor:@mainAbsoluteReverseColor;
@mainLabelFontSize:@size3;
@mainFormLabelLineHeight:1.2rem;

@mainLabelFontFamily:@mainFontFamily;
@mainLabelFontWeight:normal;
@mainLabelTextTransform:none;
@mainLabelLetterSpacing:1px;

@secondLabelColor:@secondHighlightColor;
@secondLabelFontSize:@sizep;
@secondLabelFontWeight:@mainFontWeight;

// description, tooltip
//
@mainDescriptionColor:@mainTextColor;
@mainDescriptionBackgroundColor:@mainBackgroundColor;
@mainDescriptionColorFade:70%;
@mainDescriptionBorder:1px solid @mainBorderColor;
@mainDescriptionShadowColor:@mainShadowColor;


// eforms
//
@eformButtonMinWith:170px;


// domains
//
@zDomainShadow:true;
@zDomainFrame:false;
// @zDomainFrameBackgroundColor:@mainHighlightColor;
// @zDomainFrameBackgroundColorHover:@secondHighlightColor;
@zDomainFrameBorderRadius:7px;
@zDomainIconSize:3.7em;
@zDomainIconSize:48px;
//@zDomainUtf8Icon:'\2689';
// @zDomainUtf8Icon:'\2609';  // cercle avec un point à l'interieur@zDomainUtf8Icon:'\002B22';// hexagone plein@zDomainUtf8IconBis:'\002B21';// hexagone évidé@zDomainNameColor:@mainHighlightColor;@zDomainNameColorHover:@mainReverseColor;@zDomainIconColor:@mainHighlightColor;@zDomainIcon:true;@zDomainArtwork:true;//@zDomainMask:'zless/src/zicon_hexagone.svg';@zDomainMask:'zless/src/zicon_hexagone.png';// ul ol global
//@mainUlOlMarginTopBottom:@ud2;@mainUlOlPaddingTopBottom:@ud2;@mainListBulletNumberColor:@mainHighlightColor;// ul li
//
//@mainListTypeStyle:square;//@mainListTypeStyle:lower-roman;@mainListPadding:0 4%@uf2 2em;@mainListMaxWidth:95%;@mainListMargin:0;@mainListBulletContent:"▸";// • ∴ ▸ • ∘ ◼ ◻ ▪ ▫ ♦ ★ ⋆ ⌐ ¬ ⋯ ⊸ ⋄;// ol li
//@mainListNumberFontSize:100%;@mainlistNumberCharacter:'. ';//) ] laisser un espace apres le charactère@mainListNumberFontWeight:bold;@mainListNumberFontFamily:@secondFontFamily;// grid

// pdf@mainPdfBorder:1px solid@mainShadowColor;@mainPdfHoverZoom:4;// 1 pour desactiver@mainPdfPreviewShadow:true;//@zDomainFirstLevelListWidth:1420px;@zDomainFirstLevelWidth:200px;@zDomainFirstLevelHeight:250px;@zDomainFirstLevelTextAlign:center;// bloquote@mainQuoteTextColor:@mainHighlightColor;@mainQuoteTextSize:@size4;@mainQuoteTextFont:@thirdFontFamily;@mainQuoteIconColor:@mainHighlightColor;@mainQuoteBlockIconSize:60px;@mainQuoteIconSize:100px;@mainQuoteIconTopPos:17px;@mainQuoteIconLeftPos:-60px;@mainQuoteIconFont:@mainFontFamily;@mainQuoteIconBackgroundColor:transparent;// ne pas mettre une couleur car ca bugg a cause du positionnement du texte qui fait office d'icone
@mainQuoteContent:"\"";


@mainFooterColor:@mainTextColor;


// boutons
// texte negatif
//// @btn-col:@mainReverseColor;
//// @btn-bcol:@mainHighlightColor;
//// @btn-colh:@mainReverseColor;
//// @btn-bcolh:@secondHighlightColor;
//// @btn-darker:@mainDarkerValue;
//// @btn-radius:3px;
//// @btn-padp:@ud4;
//// @btn-text-transform:lowercase;
//// @btn-text-font-family:@mainFontFamily;
//// @btn-text-font-weight:normal;
//// @btn-has-inset-shadow:true;
@btn-border-size:1px;
//// @btn-border-color:darken(@mainHighlightColor, @mainDarkerValue);
//// @btn-mix-blend-mode:normal;
//// @btn-mix-blend-mode-hover:normal;





// emailing
// @zEmailingContentWidth:94% !important; // pour les petits ecrans // ne fonctionnera pas car codé dans les templates
// @zEmailingContentMaxWidth:780px !important; // pour les grands // ne fonctionnera pas car codé dans les templates
@zEmailingMainImageMaxSize:33%;



// caroussels, pagers, slick pager
//
@mainCarousselTotalItems:10; // utilisé par les vues de tri du caroussel pour changer l'aspect des vignettes au dela du quota prévu... faire mieux des que possible@mainCarousselCounterSize:14px;// ?@mainCarousselCounterSizeAroundFactor:1.7;// ne sert plus..

// Dots
//@mainCarousselDotSize:14px;@mainCarousselDotScale:1;@mainCarousselDotMargin:6px;@mainCarousselDotContent:'●';@mainCarousselDotContentHover:'⬢';@mainCarousselDotContentActive:'⬢';@mainCarousselDotContentFocus:'⬢';//  ⬢  ○ ●    ◻ ◾    ▫ ▪ ▬     ▲ △@mainCarousselDotColor:@mainReverseColor;@mainCarousselDotColorHover:@mainReverseColor;@mainCarousselDotColorActive:@mainReverseColor;@mainCarousselDotColorFocus:@mainTextColor;@mainCarousselDotSizeHover:2.2;@mainCarousselDotSizeActive:1.5;@mainCarousselUiShadow:true;// caroussel sort
//@mainCarousselTotalItems:10;// utiliser par les vues de tri du caroussel pour changer l'aspect des vignettes au dela du quota prévu... faire mieux des que possible
@mainCarousselCounterSize:11px;
@mainCarousselCounterSizeAroundFactor:1.7;

// caroussel slick
//
@mainCarouselSlickListMaxHeight:600px; // ztrap // ceci est dans zcaroussel-slik mais empeche le bon formattage des caroussel plus haut;... à supprimer... depuis tccoll


// arrows, next, previous
//
@mainArrowSliderIconStyle:'zless_icon'; // texte, zless_icon, supersprite_icon
@mainArrowSliderIconWidth:24px;
@mainArrowSliderIconHeight:24px;
@mainArrowSliderNextAllOver:false;



// accordeons, accordions
//
@mainAccordionTitleSize:@size3;
@mainAccordionFontFamily:@secondFontFamily;
@mainAccordionFontWeight:normal;
@mainAccordionHeaderColor:@mainTextColor;
@mainAccordionHeaderBackgroundColor:@mainBackgroundColor;
@mainAccordionHeaderActiveColor:@mainReverseColor;
@mainAccordionHeaderActiveBackgroundColor:@mainReverseColor;
@mainAccordionBorderRadius:4px;
@mainAccordionContentColor:@mainHighlightColor;
@mainAccordionHeaderMode:'left';@mainAccordionContentBackgroundColor:@mainReverseColor;@mainAccordionContentInsetShadowHas:true;// ne marche pas@mainAccordionContentInsetShadowOpacity:.4;@mainAccordionHeaderBorder:true;@mainAccordionContentBorder:1px solid@mainShadowColor;@mainAccordionItemMarginBottom:@u;@mainAccordionMaxWidth:@mainFormMaxWidth;@mainAccordionIconZoom:1.7;@mainAccordionIconRow:0;@mainAccordionIconTop:33%;@mainAccordionItemPadding:15px 3vw 15px 3vw;@mainAccordionItemWeightItem:0 2vw 0 0;// flags
//@mainFlagQuantityBackgroundColor:@mainBadgeBackgroundColor;@mainFlagQuantityTextColor:@mainBadgeTextColor;@mainFlagMessageBackgroundColor:@secondHighlightColor;@mainFlagTrueSuperspriteRowIndex:0;@mainFlagFalseSuperspriteRowIndex:2;@flagDivW:68px;@flagDivH:48px;@flagIcoW:32px;@flagIcoH:32px;@flagIcoWs:20px;@flagIcoHs:20px;@flagIcoWxs:18px;@flagIcoHxs:18px;@flagtbottom:40%;
.contentPadding{padding:@u@uf3;}.invisible{display:none;}.alignright{text-align:right;}.mainBoxStyle{background:transparent;.zBorderRadius(4px);.zInsetShadow(0 0 14px@mainShadowColor);}.secondBoxStyle{.zBorderRadius(4px);.zInsetShadow(0 0 22px fade(@mainShadowColor,60%));background-color:fade(@mainShadowColor,3%);padding:@u;}.thirdBoxStyle{.secondBoxStyle;background-color:@fourthBackgroundColor;}.fourthBoxStyle{.zLinearGradient(to bottom,@fvraiblanc,@mainBackgroundColor);padding:@secondMargPadUnit;background-color:@secondBackgroundColor;.zBorderRadius(@secondMargPadUnit/2@secondMargPadUnit/2 0  0);// border:1px solid #0F0;}.fifthBoxStyle{.zBorderRadius(4px);padding:@u;background-color:@forangelogo}.sixthBoxStyle{padding:@uf2;.zBorderRadius(@thirdBorderRadius@secondBorderRadius 0@secondBorderRadius);background-color:@secondBackgroundColor;&:hover *{color:@mainReverseColor}&:hover{background:@fourthBackgroundColor};overflow:hidden;}.mainImageStyle{.zBorderRadius(3px);// .zBoxShadow(0,0,@uf3,0px,@mainShadowColor);vertical-align:middle;text-align:center;}#sidebar-first,#sidebar-second{.well{border:none !important;.zLinearGradient(240deg,@secondBackgroundColor,transparent);margin-right:-24px;// pour annuler la goutière grid de droite}.active-trail{background:@thirdBackgroundColor;.zBorderRadius(@ud2);}}.bodyA{text-decoration:none;border-bottom:1px dashed;&:link{color:@mainLinkColor}&:visited{color:@mainLinkColorVisited}&:focus{color:@mainLinkColorFocus}&:hover{color:@mainLinkColorHover;border-bottom:1px dotted}&:active{color:@mainLinkColorHover}}// link-item
//
// WARNING:2025-12-28 :formatage par défaut supprimé [ avant c'etait lancé pour tout site depuis z.less ]
// WARNING: mais sur fncs.org on a besoin de ce formatage jusqu'à preuve du contraire
//
.link-item{.zLinkBox(@s:@size2);}//




.views-field-edit-node{display:inline-block;}.zViewsAmodifier{.views-field-field-image{margin-bottom:@u}.views-field-field-image a{display:block;width:100%;height:auto;}.views-field-field-image a img{display:block;width:100%;height:auto;}}html,body{background:@fblanc;font-family:@mainFontFamily;color:@mainTextColor;font-size:@sizep;}html,body,div{margin:0;padding:0;}span,span span a{color:inherit;font-size:inherit;/// attention sur le menu civicrm :les span sont pas faciles à cibler}hr{display:block;background:@mainHighlightColor;margin:@uf6 30%@uf5 30%;height:1px;}.tips,.description{color:@mainTextColor;}a{// TODO://2024-09 :on utiliser plus mainA ???? .... supprimé dans z.less.... à vérifier
//////////////////:.mainA;}.block-views .block-title{margin-bottom:@uf2;}.page-taxonomy h1.title{.zTitle();}.node-type-event h1.title,.node-type-event h2.title{.zTitle(@col:@mainMachineNameColor,@ff:@fourthFontFamily);}#headermore-layout{// margin-top:@u;.zMainFlex(@w:nowrap);.region--headermore-a{width:auto;// pour supplaner zomega5.less
        flex-grow:2;}.region--headermore-b{width:auto;// pour supplaner zomega5.less
        flex-grow:1;}}#block-menu-menu-znavigation,#block-search-form,.block-logintoboggan{display:inline-block;vertical-align:top;}.sub-block{display:inline-block;.secondBoxStyle;padding:@uf2;margin:0@u@uf2 0;}.sub-block > h4{line-height:@size3;overflow:hidden;}.admin-menu .stickynav-processed.stickynav-active{margin-top:32px;}.zcarou{// .zCaroussel(@h:380px,@bcol:@secondReverseColor);.zCaroussel(@h:360px,@bcol:@mainImageBackgroundColor);// border:1px solid fade(@mainShadowColor,20%);}.field-name-field-place-image{margin-bottom:@uf2;}.group-right .field-name-field-place-image img{max-width:82%;}.field-name-field-chapo{padding:1.5vw 2vw;&,p,li{.zChapoStyliser();}}.field-name-field-emailing-header-te{*{.zChapoStyliser()}}//
.context-territoires-sante{.zPageCentered();.field-name-body{.zBody(@col:@mainHighlightColor,@acol:@secondHighlightColor,@s:@size3,@le:@size3*2,@ff:@secondFontFamily,@ta:justify);}}.z-domain-page{.zDomain(@col:@mainHighlightColor,@bshadow:true);}#page{}.zone-subcontent-a-wrapper,.zone-subcontent-b-wrapper,.zone-subcontent-c-wrapper,.zone-subcontent-d-wrapper{border-top:1px dashed@mainShadowColor;padding:@uf3;}.zone-subcontent-a-wrapper{background:@fifthBackgroundColor;}.zone-subcontent-b-wrapper{background:@fourthBackgroundColor;}.zone-subcontent-c-wrapper{background:@thirdBackgroundColor;}.zone-subcontent-d-wrapper{background:@frouge;}.region{}.region .region-inner{}aside.region .block{margin-bottom:@uf4;}#region-help{}article.node-simplenews{padding:0;margin-bottom:@uf4;}#region-supertop-a1{margin:0;padding:0;}#zone-preface{}#region-page-top{height:@uf2;}#region-user-first{z-index:5;height:auto;}#region-user-second{z-index:5;height:auto;}#region-page-top{height:0;}#zone-content-wrapper{background:@mainBackgroundColor;padding:0;overflow:hidden;}#zone-menu{display:block;min-height:140px;top:4px;}#region-user-second{}#contact-site-form{.thirdBoxStyle;padding:@uf4;width:80%;}#zone-content{background:@mainFrontColor;min-height:280px;}.front #section-content{margin-top:@uf2;}#region-content{}.region-content-inner{min-height:200px;padding-bottom:@uf4;}// display suite
//

.ds-2col-stacked-fluid,.ds-2col-stacked-fluid.view-mode-full{padding:@uf4@uf4@uf4@uf6;.group-left{width:64%;// border:2px dashed #0F0;}.group-right{width:30%;// border:12px dashed #0AA !important;}@media only screen and (max-width:@zRespDesignWidthLarge){}@media only screen and (max-width:@zRespDesignWidthNormal){padding:@uf2;}@media only screen and (max-width:@zRespDesignWidthNarrow){.group-left{width:100%;}.group-right{width:100%;}}@media only screen and (max-width:@zRespDesignWidthSmall){.group-left{width:100%;}.group-right{width:100%;}}}#footer-outer-wrapper{padding-top:2vw;padding-bottom:3vw;}// subfooter custom... ad eployer zless

#subfooter-outer-wrapper{padding-top:9vw;padding-bottom:2vw;background:@mainBackgroundColor;.region--subfooter-a,.region--subfooter-b{section{margin:@uf3;padding:@uf2;//    .zBox();//    border:12px solid #0F0;background:@mainReverseColor;border-radius:@mainRadiusUnit;}}}.views-field-field-map iframe{.secondBoxStyle;display:inline-block;}nav.node-links{}nav.node-links ul.links.inline li{display:inline-block;vertical-align:middle;padding:0;margin:0@u@u 0;}nav.node-links ul li a{.zButton();float:none;}.field-name-field-period{}.field-name-field-period span.legend,.date-repeat-instance{display:inline-block;}span.date-display-single,span.date-display-start,span.date-display-end,span.date-display-interval{.zDate();}span.date-display-interval em{.zDateInterval;}.date-display-range{display:inline-block;}.date-repeat-instance .placeholder{color:@secondDateColor;}.node_article_full_group_event span.date-display-single,.node_article_full_group_event span.date-display-single,.node_article_full_group_event span.date-display-end{font-weight:bold;display:block;}// non... .field{margin-bottom:@u;}.field-label{color:@thirdHighlightColor;}.field-name-field-initial-date a,.field-name-field-initial-date div,.views-field-field-initial-date  .field-content{letter-spacing:1px;font-size:@size3;line-height:@size3;color:@grisdepayne;}.view_node,.views-field-view-node,.views-field-link-entityform{display:inline-block;vertical-align:top;}.view_node a,.views-field-view-node a,.views-field-link-entityform a{display:block;.ziconHalfView;}.view_node a span.invisible,.views-field-view-node a span.invisible,.views-field-link-entityform a span.invisible{display:none;}.zLocationStyle(@col:@mainLocationColor,@ff:@secondFontFamily){color:@col;font-family:@ff;a{color:@col;font-family:@ff;}span.zicon-location{display:inline;}}.location{.zLocationStyle();}.field-name-field-place-civicrm .field-item,.views-field-field-place a,.views-field-field-place span,.field-name-field-place,.field-name-field-place span,.field-name-field-place span.legend,.field-name-field-place .field-items .field-item,.field-name-field-place a,.field-name-field-place-more *,.field-name-field-address-adresse *,.field-name-field-address-zipcode *,.field-name-field-address-country *,.field-name-field-address-town *{.zLocationStyle();}.field-name-field-map{margin-top:@uf2}.not-logged-in .field-name-field-address-view{display:none;}.logged-in .field-name-field-address-view{}.group-right .field-name-field-place-image{margin-top:@uf2;border:1px dotted #880;}.ds-2col-stacked .field-name-field-place span{display:block;}.field-name-field-address-zipcode{}.field-name-field-address-town{}.view-zMaps{ul{li{margin:@u 0;display:inline-block;div.zmap-map{float:left;margin:0@uf2 0 0;}div.zmap-address{float:right;width:30%;margin:@mainInlineBoxMargin;}div.zmap-address span{display:inline-block;margin:0@u 0 0}}}}.node .content{margin-bottom:0;}.not-logged-in .field_name_field_act,.not-logged-in .field-name-field-tags{display:none !important;}span.zbox{opacity:.7;color:#FFF;display:inline-block;.zBorderRadius(3px);.zBox(@bcol:@mainHighlightColor,@pad:@u/2@u);}span.zsp1{font-size:inherit;color:@secondTextColor;font-family:@secondFontFamily;.zTextShadow(3px,#000);}span.zsp2{font-style:italic;color:@secondTextColor;}span.zsp3{font-style:italic;letter-spacing:2px;color:@secondTextColor;}.field-name-field-image-list{display:block;margin:@uf2 0}.view-znodeimagelist{display:block;position:relative;margin:0;padding:0;}.view-znodeimagelist .item-list ul{margin:0;padding:0}.view-znodeimagelist .item-list ul li{height:120px;margin:0;}.view-znodeimagelist li div{vertical-align:middle;}.view-znodeimagelist li div div{display:inline-block;}.view-znodeimagelist li a{display:block;margin:0 auto;}.field.field-name-field-video .field-item img,.field.field-name-field-image .field-item img,.field-name-field-image * img,.field-type-image img,.views-field-field-image img,.field-slideshow{.mainImageStyle;}.field-type-image img{width:100%;height:auto;}// responsive grid

.group-right img,.field-name-field-cover-image img,.page-taxonomy-term img,.node-type-reportage-page .field-type-image img{width:auto;max-width:100%;}.node-type-reportage-page .field-type-image .field-item{display:inline-block;margin:0@u@u 0;}.field-name-field-file-image-title-text *{font-size:@sizeMinimum;font-style:italic;}.view .views-exposed-form{.zExposedWidgetsTopInline(@sizeMinimum,block);}.view-empty{display:block;p{line-height:@sizep;margin:@u;padding:@u;background:@secondBackgroundColor}}.views-field-field-summary *{color:@violet}.field-name-field-summary,.field-name-field-summary *{color:@violet}.field-name-field-summary{font-size:@sizep;}.term-listing-heading + p{display:none;}.view-field-id,.idnum{.zId();}.zDateCreated(@s:@sizeMinimum){font-size:@s;}.dc{.zDateCreated();}.zHome{.zViewsAmodifier;.fourthBoxStyle;ul li{margin:0;}.views-field-field-image{}width:43%;@media only screen and (max-width:@zRespDesignWidthNormal){width:90%;}}#block-views-zhome-block-acc-zone-1{.zHome;float:left;}#block-views-zhome-block-acc-zone-2{.zHome;float:right;}.block-views-zhome-block-acc-zone-3{}.zhome-zone.z0{// .zFadeIn();// border:21px solid #0F0;}.z4,.z3{.view-content *{color:@mainReverseColor !important;}// devrait être géré avec un contexte de couleur}#region-subcontent-a1{h2.block-title{color:#FFF;}}// bloc recherche
//
section#submain-1a-outer-wrapper{padding:0;.inner-wrapper{padding:0;max-width:100%;}}// bloc z1
//
.front{section#subcontent-outer-wrapper{padding:0;.inner-wrapper{padding:0;max-width:100%;width:100%;margin:0;}}}// couleurs des zones home...
//
section#submain-2a-outer-wrapper{background-color:@fvraiblanc;}section#submain-3a-outer-wrapper{background-color:@grenadine;}section#submain-4a-outer-wrapper{background-color:@secondHighlightColor;}section#submain-5a-outer-wrapper{background-color:@terreux;}section#submain-6a-outer-wrapper{background-color:@grenadine;}section#submain-7a-outer-wrapper{background-color:@fvraiblanc;}td{}// ne pas activer ça car des 'popup' ajax debordant des lignes pourraient ne plus apparaitre... et il y a beaucoup de ce genre d'objet dnas civicrm

.z-icon-location {
    .zIconLocation(); // isi les icones devraient etre plus petites, mais le passage de la taille fait planter la compilsation less ???  .zIconLocation(@w:24px, @h:24px);
    display:inline-block;
    .zFilterHueRotate(@r:100deg);
    }


/* small lists, specific content */

.zSimpleList(@s:@sizep) {
    *, * a, * span { font-size:@s;line-height:@s}
    a { .thirdA; }
    ul li { padding:@u;margin:0;
    border-top:1px dashed @mainShadowColor;
    .zLinearGradient(to right, @blanc, @fblanc);
    .zBorderRadius();}
    }

.zCenterDeploymentBlock {
    ul li.views-row {
      padding:@u;
      margin:@u 0;
      .zLinearGradient(to right, @blanc, @fblanc);
      .zBorderRadius();
    }
}

.zCenterDeploymentPage {
    .zCenterDeploymentBlock;
    ul li.views-row {
      padding:@uf3;
    }
}

.zcenterdeployment.block {
  .zCenterDeploymentBlock;
}

.zcenterdeployment.page {
  .zCenterDeploymentPage;
}

/* zNode Count */
.zNodeCount(@s:@size0, @col:@mainHighlightColor) {
    background:@col;
    font-size:@size0;color:@mainReverseColor;
    padding:@s/8 @s/4;
    .zBorderRadius(2px);
    // .zBoxShadow();
    .zRotate(3deg);
}

.z-node-count, .znc {
  .zNodeCount();
}


/* zAnnuaire */

.zannuaire {
    ul li.views-row {
        span, a, * { color:@mainTextColor !important; margin-right:@u;}
        h3 {margin:0;display:inline;margin-right:@uf3;}
    }
}


/* .rules-link-wrapper { .zRulesLink(@sizep);} */

.view-zoffers,
.view-zsubscription,
.view-crm-core-contacts {
    .zEditable(11px);
    }

.views-row-edit-static { display:none; } /* mtrap cache la copie statique du champ editable : la vue devrait pouvoir le cacher.*/

/* observation */
.views-field-field-observation-editable { max-width:150px;}
.views-field-field-observation-editable { max-height:1px;}
.views-field-field-observation-editable input { max-width:300px;font-size:@sizeMinimum;}
.views-field-field-observation-editable:hover input { max-width:300px;}



/* popups */
//
table#popup-layout {
  background:@secondBackgroundColor;
}


#block-system-main .date-nav .pager {
    display:block;
    height:auto;
    overflow:visible;
    // border:1px solid #0F0;
    }


div.view_node a,
.views-field-view-node a {
    .ziconQuarterView;
    }


.path_front .z-admin-actions,
.path_front .z-admin-action {
  display:none;
}


// HOME
// bloc z1
//
.front {
  section#subcontent-outer-wrapper {
      padding:0;
      .inner-wrapper {
          padding:0;
          max-width:100%;
          width: 100%;
          margin:0;
      }
  }
}




// ZONE rechercher sur la carte..
//
body.front,
body.page-emploi-et-sante-carte-des-centres-de-sante-en-france {
  .z-block--searchapi-main-map {
        margin:0;
        padding:0;
        background-color:@grenadine;
        max-width:100%;
        width:100%;
        // height:inherit;
        min-height:400px;
        .zMainFlex(@ai:center, @jc:center, @fd:column);
        position:relative;

        &:before {
                position:absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
                background-image:url(/sites/all/themes/zboot/less/zdp7/zless/src/federation_nationale_des_centres_de_sante__carte.jpg);
                background-position: 50% -220px;
                opacity:0.25;
                width:100%;
                height:100%;
            }
        }
    }


/* hack switchtemes */

option[value="bootstrap"],
option[value="garland"],
option[value="seven"],
option[value="zomega5mail"],
option[value="omega"] {
  display:none;
}


//
.front {
    .z-view-image-overlay {
        .views-field-nothing {
        .zBorderRadius(0);
        }
    }
}

// en complement de la classe originale dans zviews=prototypes
//
.z-view-image-overlay {

    .views-field-nothing {
        .zBorderRadius(@mainRadiusUnit);
        overflow:hidden;
    }

    .z-overlay {
        .zOverlay( @ai:flex-end, @jc:flex-start );
        flex-direction: row;

        .content {
            min-height:43%;
        }
        // border:1px solid #0F0;
        text-align:left;
        h3, h2 {
            text-align:left !important;
        }
    }
}

// sur la home, en cas de grand ecran : la zone SEO et celle de recherche se placent cote à cote
//

.front {

#subheader_b {

    .region {
        min-height:148px;
        display:flex;
        justify-content:center;
        align-items:stretch;
        flex-direction:row;

        .block.z-bloc--site-info {
            // block seo
            flex-grow:1;
            background:@secondBackgroundColor;
            display:flex;
            flex-direction:column;
            align-items:space-around;
            justify-content:center;
            text-align:left;
            padding:0 4%;
            max-width:39%;
            box-sizing:border-box;
            * {
                text-align:left;
                }
        }

        .block.z-block--searchapimain {
            // block search
            flex-grow:6;
            // background:@mainBackgroundColor;
            .zZoneGradient();
            width:auto;
            overflow:hidden;
        }

    @media only screen and (max-width:@zRespDesignWidthLarge)  {
        & > .block {
          width:40%;
          }
      }
    @media only screen and (max-width:@zRespDesignWidthNormal) {
        // border:21px solid #0F0;
        display:block;
        justify-content:space-around;
        flex-direction:column;
        & > .block {
                width:auto;
            }
        .block.z-bloc--site-info {
            // border:1px solid #0F0;
            max-width:100%;
            padding:4%;
           * {
                text-align:center;
                }
            }
        }
    @media only screen and (max-width:@zRespDesignWidthNarrow) {
        }

    }
}

// block-views-zhome-block-3
// le block title de la home sur le contenu 'en ce moment' doit être en overlay...
//
#block-views-zhome-block-3{h2.block-title{position:absolute;z-index:12;text-align:center;left:50%;color:@mainReverseColor;transform:translate(-50%,55%);}}}// Design zones degradées
//
//@colorin:#DBD9D4@thisDark:#E8E5E4;@thisLight:#FCFCFC;#block-views-zthemeszboot-block-1{h2.block-title{margin:@uf2 0 0 0;}.zZoneGradient(@colorin:@thisDark,@colorout:@thisLight);}section#core-outer-wrapper{.zZoneGradient(@dir:circle at 100% 100%,@colorin:@thisLight,@colorout:@thisDark);padding:0;margin:0;}section#content-outer-wrapper{.main-layout{.zZoneGradient(@dir:circle at 100% 100%,@colorin:@thisLight,@colorout:@thisDark);}}section#subcontent-outer-wrapper{.zZoneGradient(@dir:circle at 80% 0%,@colorin:@thisDark,@colorout:@thisLight);}section#submain-10a-outer-wrapper{.zZoneGradient(@dir:circle at 0% 0%,@colorin:@thisLight,@colorout:@thisDark);.zCentered();}.group-footer{// .zZoneGradient(@dir:circle at 0% 0%,@colorin:@thisDark,@colorout:@thisLight);}// pb sur chrome pour positionnement du block de recherche... qui se trouve dans .region-headermore-a >>> il saute en bas de page
//
.region-headermore-a{& > section,& >  div{position:relative;}padding-bottom:@u;}a.feed-icon{display:none;}// pb avec le flag favori qui apparait en double en plein milieu des webforms

.node-type-webform .flag-favori{display:none;}// workflow circuits en mode zBeta
//
.field-name-field-workflow:not(#edit-field-workflow){div.label-above{.zBeta();}}// tailles de pages [ largeur de pages ] personnalisées,grandes pages
//
body.page-civicrm,body.page-annuaire,body.page-adhesions,body.page-sections-reseau,body.page-sections-reseau-adhesions,body.page-sections-reseau-fncs,body.page-taxonomy-term-684,body.page-reseau,{// WARNING:Necessite que le template soit modifié pour injecter les classes dans la balise body...

  #preface-layout,#main-layout{&.inner-wrapper{max-width:92%;}}}body.page-taxonomy-french-regions,body.page-emploi-et-sante-carte-des-centres-de-sante-en-france,body.page-emploi-et-sante-carte-des-centres-de-sante-en-france-supra-dif{// WARNING:Necessite que le template soit modifié pour injecter les classes dans la balise body...
  #main-layout.inner-wrapper{max-width:100%;}}
ul#superfish-1{// .zSuperFishMenu(@cola:@mainReverseColor,@colf:@thirdHighlightColor,@bcola:transparent,@bcoll2:@mainHighlightColor,@colhl2:#0F0);// .zSuperFishMenu(@cola:@mainReverseColor,@colf:@thirdHighlightColor,@bcola:transparent);.zSuperFishMenu(@cola:@mainHighlightColor,@bcola:@fourthHighlightColor);.zUlItemBorder();}// le menu utilisateur [ superfish ] ne doit pas montrer les borders


ul#superfish-4{// .zSuperFishMenu(@ai:center,@cola:@mainReverseColor,@bcola:transparent,@bcoll2:@mainHighlightColor);.zSuperFishMenu();// border:1px solid #0F0 !important;span.user-name{.mainUserStyle(@mode:'reverse');}}/// user menu reverse overide




// onglets / tabs 2024 :des menus admin sous forme d'onglet glissés à priori dans les zone preface

#preface-layout {

  // le sous menus présentés en onglets dans les préfaces..

  .block-superfish {
    margin-bottom: 0;
  }

  ul.sf-menu.sf-horizontal {
        .zSuperFishMenu(
          @s:@size0,
          @colm:@mainTextColor,
          @bcolm:fade(@mainBackgroundColor,30%),
          @bcola:@mainBackgroundColor,
          @cola:@mainHighlightColor,
          @ff:@mainFontFamilyCondensed,
          @bcoldd: @thirdBackgroundColor
            );

        //    @bcoldd: couleur du dropdown

        // le second niveau doit rester coller sous peine d'avoir un decrochage du rollover...
        ul{border-top:1px solid #thirdBackgroundColor !important;margin-top:-10px;}}}
// 2025-05-11
//
// le resultat de recherche searchapi est erroné...
// il affiche :1 résultat.
//
.current-search-item.current-search-item-text.current-search-item-results{display:none;}
body.page-taxonomy-french-regions{h1{font-size:4em !important;}.taxonomy-term-description{font-size:2em;margin-bottom:1em;}}
//////@zNodeListItemWidth:25%;@zNodeListItemHeight:224px;@zNodeListMainFontSize:@size3;@zNodeListMainLineHeight:@size3;@zNodeListSecondFontSize:@size5;@zNodeListSecondLineHeight:@sizep;.block-znodelist-block{}.view-znodelist{}.view-znodelist .item-list ul{margin:0;padding:0;}.view-znodelist .item-list ul li.views-row{vertical-align:top;margin:0@u@u 0;.sixthBoxStyle;display:inline-block;height:@zNodeListItemHeight;width:@zNodeListItemWidth;overflow:hidden;.views-field-nothing{margin:@uf2 !important;}}.view-znodelist li.views-row .views-field{margin:0 0 0@u}.field-name-field-related-content .view-id-znodelist{}.view-znodelist .item-list .field-content ul,.view-znodelist .item-list .field-content ul li{margin:0;font-size:80%;vertical-align:top;}.zNodeListMedia{float:left;position:relative;left:-14px;top:-6px}.view-znodelist .field-name-field-media img,.view-znodelist .field-name-field-image img{.zNodeListMedia;.zBorderRadius(50%);z-index:1;}.view-znodelist .field-name-field-rubrique,.view-znodelist .title{}.view-znodelist .title a{text-transform:none;font-size:@zNodeListMainFontSize;line-height:@zNodeListMainLineHeight;word-wrap:break-word;hyphens:auto;}.view-znodelist .field-name-field-subtitle,.view-znodelist .field-name-field-subtitle a{.zSubTitle();margin-top:@ud2;font-size:@zNodeListSecondFontSize;line-height:@zNodeListSecondLineHeight;}.view-znodelist .title,.view-znodelist .field-name-field-subtitle{display:inline;font-size:@zNodeListSecondFontSize;line-height:@zNodeListSecondLineHeight;}.view-znodelist .fb-like{height:20px}.view-znodelist .field-name-field-section{min-height:19px;z-index:4;position:relative;}.view-znodelist .field-name-field-place{font-size:@size4;z-index:4;position:relative;font-size:@zNodeListSecondFontSize;line-height:@zNodeListSecondLineHeight;}.view-znodelist span{display:inline}.view-znodelist .field-name-field-period *{font-size:@zNodeListSecondFontSize;line-height:@zNodeListSecondLineHeight;}.view-znodelist .item-list ul.zshortlist li.views-row{border-top:1px dotted@mainShadowColor;min-height:0;padding:0;}.view-znodelist .item-list ul.zshortlist li.views-row .views-field-nothing{margin:@uf2 !important;border:1px solid #0F0;}.view-znodelist .item-list ul.zshortlist li.views-row *{font-size:@size3}.view-znodelist .item-list ul.zshortlist li.views-row .field-name-field-period{display:inline-block;margin-left:@uf2}.view-znodelist .item-list ul.zshortlist li.views-row .event-rel-content{display:inline-block}.view-znodelist .item-list ul.zshortlist li.views-row .date-display-interval{display:inline-block;letter-spacing:1px;font-size:@size6}.view-znodelist .item-list ul.zshortlist li.views-row .date-display-interval .placeholder{font-size:@size6}.view-znodelist .item-list ul.zshortlist li.views-row .node-type{font-size:@size6;display:inline-block;}@szf:12px;.rlf1{font-size:@szf;font-family:@fourthFontFamily;}.rlf2{font-size:@sizep;font-family:@secondFontFamily;}.view-znodelist{ul.zrelationlist li.views-row{border-top:1px dashed@brun;min-height:0;padding:0;width:100%;}ul.zrelationlist li.views-row:hover *{color:@mainTextColor;}ul.zrelationlist li.views-row .znodelist-content{.ehancedBox;padding:0;min-height:0}ul.zrelationlist li.views-row .views-field{margin:0}ul.zrelationlist li.views-row *{font-size:@szf}ul.zrelationlist li.views-row .znodelist-content div{margin:0@szf 0 0}ul.zrelationlist li.views-row .field-name-field-period{display:inline-block}ul.zrelationlist li.views-row .event-title{display:inline-block}ul.zrelationlist li.views-row .event-title a{.rlf1}ul.zrelationlist li.views-row .field-name-field-place{display:inline-block}ul.zrelationlist li.views-row .field-name-field-place span{.rlf1}ul.zrelationlist li.views-row .event-rel-content{display:inline-block;.mainA();.rlf2}ul.zrelationlist li.views-row .date-display-interval,ul.zrelationlist li.views-row .date-repeat-instance{display:inline-block;.rlf1}ul.zrelationlist li.views-row .date-repeat-instance .placeholder,ul.zrelationlist li.views-row .date-display-interval .placeholder{.rlf1}ul.zrelationlist li.views-row .node-type{.rlf1;display:inline-block;}ul.zrelationlist li.views-row .node-type-article{.rlf1;display:inline-block;}}
@iconBaseWidth:128px;@iconBaseHeight:128px;@mainZiconUrlEighth:url(/sites/all/themes/zboot/less/design/zicons_12p.png) !important;@mainZiconUrlQuarter:url(/sites/all/themes/zboot/less/design/zicons_25p.png) !important;@mainZiconUrl33p:url(/sites/all/themes/zboot/less/design/zicons_33p.png) !important;@mainZiconUrlHalf:url(/sites/all/themes/zboot/less/design/zicons_50p.png) !important;@mainZiconUrl66p:url(/sites/all/themes/zboot/less/design/zicons_66p.png) !important;@mainZiconUrlFull:url(/sites/all/themes/zboot/less/design/zicons.png) !important;@mainZiconBackgroundColor:transparent !important;span.zicon{display:block;float:right;}a.zicon{padding-left:64px;}.zicon{padding:0;opacity:.6;vertical-align:middle;display:inline-block;&:hover{opacity:1;}&:visited,&:link,&:hover,&:focus,&:active{.zLinearGradient(to bottom,transparent,transparent);background-color:transparent !important;// background-position:50% 50% !important;box-shadow:none !important;// border:2px dashed #0F0 !important;}// reset des boutons...}.ziconEighth{.zicon;background-image:@mainZiconUrlEighth;background-repeat:no-repeat;width:@iconBaseWidth/8;height:@iconBaseHeight/8;margin-left:-1px;}.ziconQuarter{.zicon;background-image:@mainZiconUrlQuarter;background-repeat:no-repeat;width:@iconBaseWidth/4;height:@iconBaseHeight/4;margin-left:-6px;}.zicon33p{.zicon;background-image:@mainZiconUrl33p;background-repeat:no-repeat;width:@iconBaseWidth/3;height:@iconBaseHeight/3;margin-left:-12px;}.ziconHalf{.zicon;background-image:@mainZiconUrlHalf;background-repeat:no-repeat;width:@iconBaseWidth/2;height:@iconBaseHeight/2;margin-left:-15px;}.zicon66p{.zicon;background-image:@mainZiconUrl66p;background-repeat:no-repeat;width:@iconBaseWidth/1.515;height:@iconBaseHeight/1.515;margin-left:-18px;}.ziconFull{.zicon;background-image:@mainZiconUrlFull;background-repeat:no-repeat;width:@iconBaseWidth;height:@iconBaseHeight;margin-left:-20px;}@mult-eighth:-0.125;.ziconEighthLocation{.ziconEighth;background-position:@iconBaseWidth*0*@mult-eighth 0}.ziconEighthContact-phone{.ziconEighth;background-position:@iconBaseWidth*1*@mult-eighth 0}.ziconEighthContact-form{.ziconEighth;background-position:@iconBaseWidth*2*@mult-eighth 0}.ziconEighthIncluded{.ziconEighth;background-position:@iconBaseWidth*3*@mult-eighth 0}.ziconEighthAlert{.ziconEighth;background-position:@iconBaseWidth*4*@mult-eighth 0}.ziconEighthView{.ziconEighth;background-position:@iconBaseWidth*5*@mult-eighth 0}.ziconEighthEdit{.ziconEighth;background-position:@iconBaseWidth*6*@mult-eighth 0}.ziconEighthQuote{.ziconEighth;background-position:@iconBaseWidth*7*@mult-eighth 0}.ziconEighthSearch{.ziconEighth;background-position:@iconBaseWidth*8*@mult-eighth 0}.ziconEighthPrivate{.ziconEighth;background-position:@iconBaseWidth*9*@mult-eighth 0}.ziconEighthDownload{.ziconEighth;background-position:@iconBaseWidth*10*@mult-eighth 0}.ziconEighthCandidate{.ziconEighth;background-position:@iconBaseWidth*11*@mult-eighth 0}@mult-quarter:-0.25;.ziconQuarterLocation{.ziconQuarter;background-position:@iconBaseWidth*0*@mult-quarter 0}.ziconQuarterContact-phone{.ziconQuarter;background-position:@iconBaseWidth*1*@mult-quarter 0}.ziconQuarterContact-form{.ziconQuarter;background-position:@iconBaseWidth*2*@mult-quarter 0}.ziconQuarterIncluded{.ziconQuarter;background-position:@iconBaseWidth*3*@mult-quarter 0}.ziconQuarterAlert{.ziconQuarter;background-position:@iconBaseWidth*4*@mult-quarter 0}.ziconQuarterView{.ziconQuarter;background-position:@iconBaseWidth*5*@mult-quarter 0}.ziconQuarterEdit{.ziconQuarter;background-position:@iconBaseWidth*6*@mult-quarter 0}.ziconQuarterQuote{.ziconQuarter;background-position:@iconBaseWidth*7*@mult-quarter 0}.ziconQuarterSearch{.ziconQuarter;background-position:@iconBaseWidth*8*@mult-quarter 0}.ziconQuarterPrivate{.ziconQuarter;background-position:@iconBaseWidth*9*@mult-quarter 0}.ziconQuarterDownload{.ziconQuarter;background-position:@iconBaseWidth*10*@mult-quarter 0}.ziconQuarterCandidate{.ziconQuarter;background-position:@iconBaseWidth*11*@mult-quarter 0}@mult-33p:-0.33;.ziconHalfLocation{.zicon33p;background-position:@iconBaseWidth*0*@mult-33p 0}.ziconHalfContact-phone{.zicon33p;background-position:@iconBaseWidth*1*@mult-33p 0}.ziconHalfContact-form{.zicon33p;background-position:@iconBaseWidth*2*@mult-33p 0}.ziconHalfIncluded{.zicon33p;background-position:@iconBaseWidth*3*@mult-33p 0}.ziconHalfAlert{.zicon33p;background-position:@iconBaseWidth*4*@mult-33p 0}.ziconHalfView{.zicon33p;background-position:@iconBaseWidth*5*@mult-33p 0}.ziconHalfEdit{.zicon33p;background-position:@iconBaseWidth*6*@mult-33p 0}.ziconHalfQuote{.zicon33p;background-position:@iconBaseWidth*7*@mult-33p 0}.ziconHalfSearch{.zicon33p;background-position:@iconBaseWidth*8*@mult-33p 0}.ziconHalfPrivate{.zicon33p;background-position:@iconBaseWidth*9*@mult-33p 0}.ziconHalfDownload{.zicon33p;background-position:@iconBaseWidth*10*@mult-33p 0}.ziconHalfCandidate{.zicon33p;background-position:@iconBaseWidth*11*@mult-33p 0}@mult-half:-0.5;.ziconHalfLocation{.ziconHalf;background-position:@iconBaseWidth*0*@mult-half 0}.ziconHalfContact-phone{.ziconHalf;background-position:@iconBaseWidth*1*@mult-half 0}.ziconHalfContact-form{.ziconHalf;background-position:@iconBaseWidth*2*@mult-half 0}.ziconHalfIncluded{.ziconHalf;background-position:@iconBaseWidth*3*@mult-half 0}.ziconHalfAlert{.ziconHalf;background-position:@iconBaseWidth*4*@mult-half 0}.ziconHalfView{.ziconHalf;background-position:@iconBaseWidth*5*@mult-half 0}.ziconHalfEdit{.ziconHalf;background-position:@iconBaseWidth*6*@mult-half 0}.ziconHalfQuote{.ziconHalf;background-position:@iconBaseWidth*7*@mult-half 0}.ziconHalfSearch{.ziconHalf;background-position:@iconBaseWidth*8*@mult-half 0}.ziconHalfPrivate{.ziconHalf;background-position:@iconBaseWidth*9*@mult-half 0}.ziconHalfDownload{.ziconHalf;background-position:@iconBaseWidth*10*@mult-half 0}.ziconHalfCandidate{.ziconHalf;background-position:@iconBaseWidth*11*@mult-half 0}@mult-66p:-0.6;.zicon66pLocation{.ziconFull;background-position:@iconBaseWidth*0*@mult-66p 0}.zicon66pContact-phone{.ziconFull;background-position:@iconBaseWidth*1*@mult-66p 0}.zicon66pContact-form{.ziconFull;background-position:@iconBaseWidth*2*@mult-66p 0}.zicon66pIncluded{.ziconFull;background-position:@iconBaseWidth*3*@mult-66p 0}.zicon66pAlert{.ziconFull;background-position:@iconBaseWidth*4*@mult-66p 0}.zicon66pView{.ziconFull;background-position:@iconBaseWidth*5*@mult-66p 0}.zicon66pEdit{.ziconFull;background-position:@iconBaseWidth*6*@mult-66p 0}.zicon66pQuote{.ziconFull;background-position:@iconBaseWidth*7*@mult-66p 0}.zicon66pSearch{.ziconFull;background-position:@iconBaseWidth*8*@mult-66p 0}.zicon66pPrivate{.ziconFull;background-position:@iconBaseWidth*9*@mult-66p 0}.zicon66pPrivate{.ziconFull;background-position:@iconBaseWidth*9*@mult-66p 0}.zicon66pDownload{.ziconFull;background-position:@iconBaseWidth*10*@mult-66p 0}.zicon66pCandidate{.ziconFull;background-position:@iconBaseWidth*11*@mult-66p 0}@mult-full:-1;.ziconFullLocation{.ziconFull;background-position:@iconBaseWidth*0*@mult-full 0}.ziconFullContact-phone{.ziconFull;background-position:@iconBaseWidth*1*@mult-full 0}.ziconFullContact-form{.ziconFull;background-position:@iconBaseWidth*2*@mult-full 0}.ziconFullIncluded{.ziconFull;background-position:@iconBaseWidth*3*@mult-full 0}.ziconFullAlert{.ziconFull;background-position:@iconBaseWidth*4*@mult-full 0}.ziconFullView{.ziconFull;background-position:@iconBaseWidth*5*@mult-full 0}.ziconFullEdit{.ziconFull;background-position:@iconBaseWidth*6*@mult-full 0}.ziconFullQuote{.ziconFull;background-position:@iconBaseWidth*7*@mult-full 0}.ziconFullSearch{.ziconFull;background-position:@iconBaseWidth*8*@mult-full 0}.ziconFullPrivate{.ziconFull;background-position:@iconBaseWidth*9*@mult-full 0}.ziconFullDownload{.ziconFull;background-position:@iconBaseWidth*10*@mult-full 0}.ziconFullCandidate{.ziconFull;background-position:@iconBaseWidth*11*@mult-full 0}
// creation de compte :masquer les champs civicrm non desirables en attendant de faire mieux...
// les utilisateurs individuels ne sont pas censés fournir une adresse personnelle

// TODO:mieux cibler ci-dessous pour éviter que le masquage intervienne ailleurs que sur le formulaire de création de compte.
form{#editrow-street_address-1,#editrow-city-1,#editrow-postal_code-1,#editrow-country-1{display:none;}}// ajout d'informations en css pour les éditeurs




label[for='address_1_state_province_id'] {
  &::after {
    position:relative;
    content:'Le département sera ultérieurement attribué automatiquement en fonction du code postal';
    font-size:@size0;
    line-height:@size0;
    margin:0;
    color:@mainHighlightColor !important;
    display:block;
  }
}

label[for='address_1_street_address'] {
  &::after {
    // icon danger
    content:'\26A0 Ne pas saisir la boite postale ici mais dans Complément 3 :Boite postale';
    position:relative;
    font-size:@size0;
    line-height:@size0;
    margin:0;
    color:@mainHighlightColor !important;
    display:block;
    .zBlink();
  }
}


// ajoute la mentions BOITE POSTALE SUR LA FICHE DE SAISIE D'ADRESSE CIVICRM
//
label[for='address_1_supplemental_address_3']{&::after{position:relative;content:'BOITE POSTALE';font-size:@size0;line-height:@size0;margin:0;color:@mainHighlightColor !important;display:block;.zBlink();}}// DEPARTEMENT
// SUBDIVISION PAYS :ajoute la mentions qu'elle sera attribuée automatiquement
// le module french_areas_civicrm est censé mettre à jour le département dans le champ State Province.
//
// 2023 : a vérifier : seul un cron fait le travail ce qui est mal compris par les utilisateurs
// il faut vérifier déjà que le cron fait le boulot.... ensuite il serait préférable que l'evenement 'enregistrer la fiche' fasse la mise à jour...
//
//
label[for='address_1_state_province_id']{// ON ré-écrit label de ce champ...
  content :"Département [ subdivision pays ]";&::after{position:relative;// \1F353 utf8 icon fraise
    content:'Département. Sera attribué automatiquement par le module french_areas_civicrm.';font-size:@size0;line-height:@size0;margin:0;color:@mainHighlightColor !important;display:block;.zBlink();}}// on empeche de saisir le département....
#s2id_address_1_state_province_id{pointer-events:none;opacity:0.4;}// on desactive le champ 'Comté/Département' inutile... soit county ainsi que son label
#s2id_address_1_county_id,label[for='address_1_county_id']{pointer-events:none;opacity:0.4;}// MODIFICATION DES CHAMPS REGIONS ET REGIONS HISTORIQUE
//
.crm-edit-address-custom_data{// border:2px dashed #0F0;tr.custom_field-row{pointer-events:none;opacity:0.4;}}// INFORMATION GENRALE DONNEE AU OPERATEURS :// EVITER DE RECOLTER UNE ADRESSE POUR LES PERSONNES PHYSIQUES
//
.crm-address-block{&::after{position:relative;// \1F344 utf8 icon champignon veneneux
    content:'\1F34 Si possible, ne pas recolter d\'adresse pour un individuel.';font-size:@size0;line-height:@size0;margin:0;color:@mainHighlightColor !important;display:block;// .zBlink();}}// module civicrm_relation_selector
//
// TODO:déplacer des css dans le module
//
//
.field-name-field-civicrm-relation-report{li.is-active--1{}li.is-active--0{*{color:#800 !important;opacity:0.4 !important;text-decoration:line-through !important;}}}
// on masque les elements de menus non souhaitables pour le moment
a[href='/profile-adherent'],a[href='/profile-porteur_de_projet']{display:none !important;}// on masque les profils non souhaitables pour le moment
// où ? >>> quand on modifie le compte utilisateur et qu'on obtient les onglets du formulaire d'inscription...
// alors des sous-onglest apparaissent avec les profils Drupal / civicrm
// Le profil civicrm 'Vous' est utilisé depuis longtemps et il fonctionne.
// Le profil civicrm 'Ajouter un centre de santé' est nouveau et il est impossible de le faire fonctionner pour le moment
// ... peut-etre du fair qu'on tente ici de laisser un anonyme créer une organisation tiers...
// ...ce qui en terme de droit n'est peut être pas réglé
//
// TODO:a finir
a[href*='Profil_Centre_de_sant__19']{display:none !important;}// masquage des profils en cours de developpement sur la page de login
//
fieldset#edit-profile-porteur-de-projet,fieldset#edit-profile-user-profil-jobs,fieldset#edit-profile-adherent{display:none;}body.role-administrator,body.role-directeur-de-publication{a[href='/profile-porteur_de_projet'],a[href='/profile-adherent']{display:block !important;.zStickerAfter(@status:'beta',@bcol:@statusDevColor,@zi:40);}}// on cache l'inscription à la newsletter de tests
//

.form-item-newsletters-674{display:none !important;}body.role-administrator,body.role-directeur-de-publication{.form-item-newsletters-674{display:block;}}
body.role-adh-rent{// on masque en css les éléments qu'on ne veut pas présenter au adhérents dans le cas
  #edit-simplenews-token-help,  // on masque l'acces au token qu'on arrive pas a cacher avec les droits..
  .group-obsolete, //  on masque les groupe de champs vides qui s'affiche quand meme
  .form-item-language,// gestion du langage du node....
  .group-data-auto,.group-status,.grippie,a.tabledrag-toggle-weight,{display:none;}// Pour regler le pb d'acces workflow.... Le système de gestion des acces Workflow semble ne pas fonctionner.
  // Ici, l'accès au bouton 'modifier' d'une offre d'emploi qui est approuvée et publiée est masqué en css
  // car l'adhérent auteur ne devrait plus pouvoir la modifier
  // Attention : les classes ciblées ci-dessous ne sont présentes que si le template.php les génère dans le theme.
  &.node-type-job-offer.workflow-5 {
    border: 2px solid #A00;
    a[href*='edit'] {
      // empecher les adherents de modifier une offre d'emploi;// border:2px solid #0F0 !important;display:none;}}}//  jobofer form design
//
// a classe ailleurs plus tard...


form.node-form.node-job_offer-form{& > div{max-width:1024px;width:90%;margin:0 auto;.form-wrapper:not(.filter-wrapper){margin-top:@uf2 !important;& > label[for^=edit].control-label{font-size:@sizeSuperBig !important;color:@secondHighlightColor;}//
      table,table.table-striped{//   border:3px dashed #0F0 !important;thead{tr{background:none;}}tbody{tr{background:none;}}.tabledrag-handle{display:none;}}button.ervw-add-items{}// bouton utilisateur pour supprimer le contenu en cours de création

      #edit-delete{float:left;.zButtonNone();color:@statusErrorColor;}}}}
//