
/* - ++resource++imio.media.static/imio-media.css - */
@media screen {
/* https://www.cccw.be/portal_css/++resource++imio.media.static/imio-media.css?original=1 */
.iframe-responsive-wrapper {
position: relative;
}
.iframe-responsive-wrapper .iframe-ratio {
display: block;
width: 100%;
height: auto;
}
.iframe-responsive-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}


/* - cpskinnew.css - */
@media all {
/* https://www.cccw.be/portal_css/cpskinnew.css?original=1 */
#other-contacts .contact #contact-held-position {
display: none;
}
#portal-personaltools {
z-index: 1000;
}
.section-je-trouve #faceted-results .photoAlbumEntry {
width: 100%;
}
#content #map {
width: 100% !important;
}
.day .photoAlbumEntryTitle::before {
display: none;
}
.day-date::after {
background: #205c90 none repeat scroll 0 0;
content: "";
float: right;
font-size: 100%;
font-weight: bold;
height: 30px;
margin-left: 1em;
position: relative;
right: -5px;
transform: rotate(45deg);
width: 30px;
z-index: 1;
}
.eea-preview-items {
padding-top: 1.5em;
}
/* */
#center-and-left-area {
clear: both;
}
#content legend {
padding: 0.5em 0.25em 0.25em;
}
#content .section-affichage li {
min-height: auto;
}
.section-affichage fieldset legend {
display: none;
}
#content .section-affichage fieldset.widget-fieldset ul {
margin-top: 1em;
}
.section-affichage fieldset form ul li {
clear: both;
}
.section-affichage .widget-fieldset ul li label {
padding: 0.4em 1em 0 2em;
}
.section-affichage .widget-fieldset ul li label {
color: #545454;
font-size: 17px;
text-transform: none;
}
#faceted-form .select2-container .select2-choice, .widget-fieldset input[type="text"] {
border-radius: 0;
padding: 0.2em 0.5em;
}
.faceted-widget {
float: left;
}
.faceted-form #center-and-left-area {
clear: both;
}
div.faceted-select2-container {
max-width: 200px;
min-width: 100px;
}
.select2-drop-active {
width: auto !important;
}
.faceted-widget.section-recherche fieldset {
padding-bottom: 0 !important;
}
.faceted-simpledate-widget-form input, .faceted-daterange-widget-form input {
width: 8em;
}
.faceted-top-column .faceted-alphabetic-widget {
max-width: 32%;
}
.faceted_letter {
background-color: #233e61;
box-sizing: border-box;
color: white;
display: block;
float: left;
font-size: 90%;
font-weight: normal;
margin-bottom: 4px;
margin-right: 4px;
min-width: 26px !important;
padding: 0 0.4em;
text-align: center;
}
.faceted_letter_selected, .faceted_letter:hover {
background-color: #b62b32 !important;
color:white;
}
.faceted-sections-buttons a::after {
background: #B62B32 none repeat scroll 0 0;
color: white;
font-weight: bold;
margin-left: 0.25em;
padding: 0 0.5em;
}
.faceted-sections-buttons-less::after {
content: "\00002D";
padding:0 0.6em !important;
}
.faceted-sections-buttons-more::after {
content: "\00002B";
}
#_GMapContainer {
width: 100% !important;
}
#top-area {
position: relative;
}
#faceted-form .faceted-sections-buttons {
bottom: -4px;
float: right;
margin-right: 2em;
padding-top: 1em;
position: relative !important;
}
#faceted-top-column::before {
background: #f1f1f1 none repeat scroll 0 0;
bottom: 0;
content: "";
display: block;
position: absolute;
right: -1500px;
top: -400px;
width: 4000px;
z-index: -2;
}
#faceted-form fieldset {
border-color: white;
border-width:0px;
}
#faceted-top-column::after{
left: 100%;
}
#faceted-top-column {
display: inline-block;
width: 100%;
}
.faceted-form {
padding:0;
}
#top---advanced---widgets {
clear: both;
}
#left-area {
background: #f1eeeb none repeat scroll 0 0;
overflow: visible;
position: relative;
}
#faceted-left-column::after {
background: #f1eeeb none repeat scroll 0 0;
bottom: 0;
content: "";
position: absolute;
right: 100%;
top: 0;
width: 1000px;
}
.section-annuaire.template-facetednavigation_view #faceted-results {
padding-left: 0;
}
.template-facetednavigation_view #faceted-results {
padding-left: 1.5em;
margin-top: 1.75em;
}
.template-facetednavigation_view .organization-entry, .template-facetednavigation_view .contact-entry {
border-bottom: 2px solid lightgray;
}
.template-facetednavigation_view .contact-title, .template-facetednavigation_view .organization-title {
font-size: 100%;
}
.template-facetednavigation_view #viewlet-above-content-title .iconifiedDocumentActions {
display:none;
}
#faceted-form .select2-container .select2-choice {
border: 1px solid #aaa;
}
/* */
.vue-vignettes .standard-results .bloc-item h3, .vue .standard-results .bloc-item h3 {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 0;
color: white;
padding: 0.75em 0;
position: absolute;
text-align: center;
width: 100%;
}
/* */
#aboveContentContact .related-contact {
clear: both;
display: block;
}
#belowContentContact .related-contact {
float: left;
margin-bottom: 1.5em;
width: 50%;
}
#belowContentContact .related-contact h4 {
width: 90%;
font-size:1.1em;
font-weight:bold;
}
#belowContentContact .related-contact h4:hover {
color: #b62b32;
}
#aboveContentContact #ul-aboveContentContact, #belowContentContact #ul-belowContentContact {
list-style-type: none;
margin-left: 0;
}
.subsection-vie-politique .photo {
float: right;
margin-left: 2em;
}
.subsection-vie-politique .photo img {
margin-bottom: 1em;
width: 150px;
}
/* */
#content a.caltrigger {
background: rgba(0, 0, 0, 0) url("/popup-calendar.gif") no-repeat scroll 0 0 / 22px auto;
height: 22px;
margin: 0.25em 0 0 0.5em;
width: 22px;
}
#calroot {
padding: 6px;
}
#calnext, #calprev {
height: 26px;
}
#caldays {
font-size: 12px;
height: 18px;
}
.calweek a, #caltitle select {
font-size: 12px;
}
.day .photoAlbumEntryTitle {
color: #092a4d;
font-size: 14px !important;
height: 48px !important;
padding: 0.75em;
text-align: center;
text-transform: uppercase;
}
.day .photoAlbumEntryWrapper:after {
background: #f2f2f2 none repeat scroll 0 0;
}
#faceted-results .day .photoAlbumEntry {
background: white none repeat scroll 0 0;
border-bottom: 0 solid white;
box-sizing: border-box;
height: 269px;
margin: 0 1% 1% 0;
padding: 0;
width: 23% !important;
}
#faceted-results .day .photoAlbumEntryTitle {
background: rgba(0,0,0,0.6) none repeat scroll 0 0;
font-weight: normal;
width: 93%;
transition:all 0.5s ease 0s;
position: absolute;
bottom:0;
color:white;
}
#faceted-results .day .photoAlbumEntry a{
padding-left:0;
}
#faceted-results .day .photoAlbumEntry a:hover .photoAlbumEntryTitle {
height: 56px !important;
margin-top: -8px !important;
}
#faceted-results .day .photoAlbumEntry img{
max-width: 100%;
}
.section-evenements #faceted-results .photoAlbumEntry .photoAlbumEntryDescription {
display: none;
}
#faceted-results .day {
background: red none repeat scroll 0 0;
color: #018ab7;
font-size: 150%;
}
#faceted-results .day .photoAlbumEntry {
font-size: 14px;
}
/* */
.day-date {
background: rgba(251, 0, 95, 0.8) none repeat scroll 0 0;
box-sizing: border-box;
color: #fff;
display: inline-block;
float: left;
height: 269px;
margin: 0 1% 1% 0;
padding: 5em 0 0 2.5em;
position: relative;
text-align: center;
width: 23%;
}
}
/* */
div.select2-drop div.select2-result-label span {
display: inline-block;
}
fieldset#folder-listing,
.userrole-anonymous #form-groups-categorization,
#form-groups-coordinates,
.userrole-anonymous #form-groups-settings,
.userrole-anonymous #folder-listing,
.userrole-anonymous .contact-selection,
.userrole-anonymous #contacts-facetednav-batchactions,
.userrole-anonymous .faceted-widget.faceted-radio-widget.section-soutenu-par,
.userrole-anonymous .faceted-widget.faceted-radio-widget.section-dans-le-cadre-de,
#organization #type,
#activity > label,
#formfield-form-widgets-contenu label,
fieldset#form-groups-categorization,
fieldset#form-groups-settings,
fieldset#form-groups-related_contacts,
#form-groups-schedule .field label,
#form-groups-schedule .field > br,
#personaltools-join,
#formfield-form-widgets-theme,
#formfield-oform-widgets-position {
display: none !important;
}
.faceted-simpledate-widget-form > div > label, .faceted-daterange-widget-form > div > label {
display: none;
}
}

