@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap');

body.frontend.portaltype-easyform #content #form legend { display: block;}
body.frontend.portaltype-easyform  .documentFirstHeading { display: none; }
body.frontend.portaltype-easyform #form #formPrologue img { width: 100%;height: auto;}
body.frontend.portaltype-easyform #form .field { margin-bottom: 2.4rem;}
body.frontend.portaltype-easyform #form label { display: inline; 	padding: .2em .6em .3em; 	font-size: 14px; 	font-weight: 700; 	line-height: 1; 	color: #666; 	text-align: center; 	white-space: nowrap; 	vertical-align: baseline; 	border-radius: .25em; }
body.frontend.portaltype-easyform #form input[type="color"],
body.frontend.portaltype-easyform #form input[type="date"],
body.frontend.portaltype-easyform #form input[type="datetime-local"],
body.frontend.portaltype-easyform #form input[type="datetime"],
body.frontend.portaltype-easyform #form .email-widget,
body.frontend.portaltype-easyform #form input[type="month"],
body.frontend.portaltype-easyform #form input[type="number"],
body.frontend.portaltype-easyform #form input[type="password"],
body.frontend.portaltype-easyform #form input[type="search"],
body.frontend.portaltype-easyform #form input[type="tel"],
body.frontend.portaltype-easyform #form .text-widget,
body.frontend.portaltype-easyform #form input[type="time"],
body.frontend.portaltype-easyform #form input[type="url"],
body.frontend.portaltype-easyform #form input[type="week"],
body.frontend.portaltype-easyform #form .select-widget,
body.frontend.portaltype-easyform #form .textarea-widget { display: block; width: 100%; height: 50px; padding: 12px 20px; font-size: 16px; line-height: 1.5; color: #555; background-color: #fff; background-image: none; border: 1px solid #f2f2f8; border-radius: 0; box-shadow: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
body.frontend.portaltype-easyform #form .formControls { flex: 0 0 100%;}  
body.frontend.portaltype-easyform #form .pattern-pickadate-wrapper .pattern-pickadate-date-wrapper { display: block; }
body.frontend.portaltype-easyform #form .pattern-pickadate-wrapper .pattern-pickadate-date-wrapper .picker__input { max-width: 100%;}
body.frontend.portaltype-easyform #form .pattern-pickadate-time-wrapper { max-width: calc(100% - 95px); margin-left: .2em;}
body.frontend.portaltype-easyform #form .pattern-pickadate-time-wrapper .pattern-pickadate-time { max-width: 100%;margin-right: 0;margin-left: 0;}

#parent-fieldname-text > * { break-inside: avoid; } 
#parent-fieldname-text h2, 
#parent-fieldname-text .h2 { border-top: .4rem solid #4e7cbf; padding-top: .5em; margin-top: 0; }
#parent-fieldname-text section,
#parent-fieldname-text * + h2,
#parent-fieldname-text * + .h2 { margin-top:6.2rem;}
#parent-fieldname-text section:first-child { margin-top: 0;}

.portletNavigationTree .portletContent > ul > li a:hover::after { content: none; }

.mce-menubar .mce-menubtn button:hover span,
.mce-menubar .mce-menubtn button:focus span { color: white !important;}

#parent-fieldname-text .collapsible { display:none;}
.collapsible { padding: 1em;background-color: #F2F2F8;}
#parent-fieldname-text .collapsible.in { display: block;}
.greyBox { padding: 1em; background-color: #F2F2F8;}
#parent-fieldname-text img { 
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
    0 2px 4px rgba(0,0,0,0.07), 
    0 4px 8px rgba(0,0,0,0.07), 
    0 8px 16px rgba(0,0,0,0.07),
    0 16px 32px rgba(0,0,0,0.07);
    border-radius: .4rem;
}

/* summary view */
.tileItem__image { flex: 0 0 50%; position: relative; padding: 1.5rem;height: 25.0rem;}
.tileItem__image::after { content: ''; display: block; background-color:  rgba(0,0,0, .1618); width: 0.1rem;top: 1.5rem;bottom: 1.5rem; position: absolute;right: 0; }
.tileItem__image img { width: 100% !important; height: 100% !important; object-fit: cover; max-width: none;}
.tileItem__text { flex-grow: 1;}

 
.btnToggle { margin-bottom: 0; margin-top: 1.5em;}
.btnToggle a { background-color: #4e7cbf !important;display: block; font-weight: bolder; color: white !important; font-size: 1.2em; text-decoration: none !important;padding: .5em;display: block;}
.btnToggle a:hover,
.btnToggle a:focus { background-color: black !important; }

a.mainNavBar__logo { display: block; padding: 1.5rem 0;}

@media (min-width: 62em) {
    #main-container { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important;      }
    #main-container #portal-column-one { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
}
  
@media screen and (min-width: 992px) {
    body.frontend.portaltype-easyform #form { display: flex; flex-wrap: wrap; margin-left: -1.5rem;margin-right: -1.5rem; }
    body.frontend.portaltype-easyform #form #formPrologue { flex: 0 0 100%; margin-bottom: 3.2rem; padding-left: 1.5rem;padding-right: 1.5rem;}
    body.frontend.portaltype-easyform #form fieldset { flex: 1 1 33%; padding-left: 1.5rem; padding-right: 1.5rem; }
    
}
@media (min-width:75em) {
    .affix .mnPrincipal__link::after { top:calc(100% + 1.6rem); }
    .mnPrincipal__segon__link { font-size: 16px;}
    .tileItem__image { flex: 0 0 33%;}
    .mainNavBar__logo img { height:7.2rem;    }
}   
@media (min-width: 100em) {
    .mainNavBar__logo img { height:7.2rem; }

  .affix .mnPrincipal__link::after { top: calc(100% + 1.3rem); } 
}

.eventItem__date abbr {
    border-bottom: none;
    text-decoration: none;
}

#portal-language-selector {display: none;}

/* NOU LOGO */
header .mainNavBar__logo img { width: 100%;height: auto; max-width: 21.6rem;}  
#content-footer a { color: #009ee4;}
.logoTurismeFooter { max-width: 332px; margin-left: auto;margin-right: auto;}
@media (min-width:62em) {
    .logoTurismeFooter { width: 280px;}
}