/*** ---- CONFIGURATION ----- ***/
:root {
	--margincr: 7px;
	--paddincr: 7px;
	--bglight: rbga(0,0,0,0.2);
	--bgmedium: rbga(0,0,0,0.4);
	--bgdark: rbga(0,0,0,0.8);

	--titrecaption: 15;
	--titre1: 15;
	--titre2: 15;
	--titrechapo: 15;
	--titresous: 15;
	--paragraf1: 15;
	--paragraf2: 15;
	--lienmenu: 15;
	--lienstd: 15;
	--liensm: 15;
	--btnaction: 15;
	--btnnav: 15;
}

/* NORMALIZATION */
a[href^="tel"] { color: inherit; text-decoration: none; }

/* UTILITIES */
.gm-float-none { float:none!important; }
.gm-pos-relative {position:relative!important;}
.gm-pos-abs {position:absolute!important;}
.gm-pos-abs-t-r {top:0; right:0;}

/* MARGIN & PADDING */
.marg-x-0  { margin-left: 0; margin-right: 0; }
.marg-x-xs { margin-left: var(--margincr); margin-right: var(--margincr);}
.marg-x-sm { margin-left: calc(var(--margincr) * 2); margin-right: calc(var(--margincr) * 2);}
.marg-x-md { margin-left: calc(var(--margincr) * 3); margin-right: calc(var(--margincr) * 3);}
.marg-x-lg { margin-left: calc(var(--margincr) * 4); margin-right: calc(var(--margincr) * 4);}

.marg-l-0  { margin-left: 0!important; }
.marg-l-xs { margin-left: var(--margincr); }
.marg-l-sm { margin-left: calc(var(--margincr) * 2); }
.marg-l-md { margin-left: calc(var(--margincr) * 3); }
.marg-l-lg { margin-left: calc(var(--margincr) * 4); }

.marg-r-0  { margin-right: 0; }
.marg-r-xs { margin-right: var(--margincr);}
.marg-r-sm { margin-right: calc(var(--margincr) * 2);}
.marg-r-md { margin-right: calc(var(--margincr) * 3);}
.marg-r-lg { margin-right: calc(var(--margincr) * 4);}

.marg-y-0  { margin-top:0; margin-bottom:0; }
.marg-y-xs { margin-top: var(--margincr); margin-bottom: var(--margincr);}
.marg-y-sm { margin-top: calc(var(--margincr) * 2); margin-bottom: calc(var(--margincr) * 2);}
.marg-y-md { margin-top: calc(var(--margincr) * 3); margin-bottom: calc(var(--margincr) * 3);}
.marg-y-lg { margin-top: calc(var(--margincr) * 4)!important; margin-bottom: calc(var(--margincr) * 4)!important;}

.marg-t-0  { margin-top: 0; }
.marg-t-xs { margin-top: var(--margincr); }
.marg-t-sm { margin-top: calc(var(--margincr) * 2); }
.marg-t-md { margin-top: calc(var(--margincr) * 3); }
.marg-t-lg { margin-top: calc(var(--margincr) * 4); }

.marg-b-0  { margin-bottom: 0!important; }
.marg-b-xs { margin-bottom: var(--margincr); }
.marg-b-sm { margin-bottom: calc(var(--margincr) * 2); }
.marg-b-md { margin-bottom: calc(var(--margincr) * 3); }
.marg-b-lg { margin-bottom: calc(var(--margincr) * 4); }

.padd-x-0  { padding-left: 0; padding-right: 0; }
.padd-x-xs { padding-left: var(--paddincr)!important; padding-right: var(--paddincr)!important;}
.padd-x-sm { padding-left: calc(var(--paddincr) * 2)!important; padding-right: calc(var(--paddincr) * 2)!important;}
.padd-x-md { padding-left: calc(var(--paddincr) * 3); padding-right: calc(var(--paddincr) * 3);}
.padd-x-lg { padding-left: calc(var(--paddincr) * 4)!important; padding-right: calc(var(--paddincr) * 4)!important;}

.padd-l-0  { padding-left: 0; }
.padd-l-xs { padding-left: var(--paddincr); }
.padd-l-sm { padding-left: calc(var(--paddincr) * 2); }
.padd-l-md { padding-left: calc(var(--paddincr) * 3); }
.padd-l-lg { padding-left: calc(var(--paddincr) * 4); }

.padd-r-0  { padding-right: 0; }
.padd-r-xs { padding-right: var(--paddincr); }
.padd-r-sm { padding-right: calc(var(--paddincr) * 2); }
.padd-r-md { padding-right: calc(var(--paddincr) * 3); }
.padd-r-lg { padding-right: calc(var(--paddincr) * 4); }

.padd-y-0  { padding-top: 0; padding-bottom: 0; }
.padd-y-xs { padding-top: var(--paddincr); padding-bottom: var(--paddincr);}
.padd-y-sm { padding-top: calc(var(--paddincr) * 2); padding-bottom: calc(var(--paddincr) * 2);}
.padd-y-md { padding-top: calc(var(--paddincr) * 3); padding-bottom: calc(var(--paddincr) * 3);}
.padd-y-lg { padding-top: calc(var(--paddincr) * 4)!important; padding-bottom: calc(var(--paddincr) * 4)!important;}

.padd-t-0  { padding-top: 0; }
.padd-t-xs { padding-top: var(--paddincr); }
.padd-t-sm { padding-top: calc(var(--paddincr) * 2); }
.padd-t-md { padding-top: calc(var(--paddincr) * 3); }
.padd-t-lg { padding-top: calc(var(--paddincr) * 4); }

.padd-b-0  { padding-bottom: 0; }
.padd-b-xs { padding-bottom: var(--paddincr); }
.padd-b-sm { padding-bottom: calc(var(--paddincr) * 2); }
.padd-b-md { padding-bottom: calc(var(--paddincr) * 3); }
.padd-b-lg { padding-bottom: calc(var(--paddincr) * 4); }

.gm-center-lineblock { display: inline-block!important; margin-right: auto; margin-left: auto; }
.gm-img-responsive>img, .gm-img-responsive .gemeapp_image, .gm-img-responsive>a>img {max-width:100%;min-width:100%;height:auto;}

/* TEXT DECORATIONS & TRANSFORM */
.gm-subdeco:after { content: ""; display: block; width: 33%; height: 1px; background: #DE0028; margin: 10px auto;}
.gm-text-column { column-count: 2; column-gap: 50px; }
.gm-text-list ul {list-style-type: disc;list-style: disc inside;text-indent: -1.9em;padding-left: 1.9em;}
.gm-list-blank { list-style-type: none; }

/* GEMEA BACKGROUND */
.gm-bg-white { background-color:#FFF!important; }
.gm-bg-black { background-color:#000!important; }
.gm-bg-light { background-color: var(--bglight); }
.gm-bg-medium { background-color: var(--bgmedium); }
.gm-bg-dark { background-color: var(--bgdark); }

/* EFFECTS */
.gm-hover-zoom img { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 1s, -webkit-transform 5s;
	transition: opacity 1s, -webkit-transform 5s; transition: transform 5s, opacity 1s; transition: transform 5s, opacity 1s, -webkit-transform 5s; will-change: "transform";
	transform: translateZ(0); visibility: visible; -webkit-backface-visibility: hidden; }
.gm-hover-zoom:hover img, .gm-hover-zoom:hover figure { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* GEMEA FLEX */
.gm-flex-row {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;}
.gm-flex-col {display:flex!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;flex-direction:column;}
.gm-flex-fill {flex:1;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}
.gm-flex-start {justify-content: flex-start; }
.gm-flex-end {justify-content: flex-end; }
.gm-flex-center {justify-content: center; }
.gm-flex-self-center {align-self: center;}
.gm-flex-self-left {align-self: flex-start;}
.gm-flex-col-center {justify-content: center;align-items: center;}
.gm-flex-itm-baseline {align-items: flex-end;}
.gm-flex-itm-start { align-items: flex-start; }
.gm-flex-itm-center {align-items: center;}
.gm-flex-spacebetween {justify-content: space-between;}
.gm-flex-spacearound {justify-content: space-around;}

/* GEMEA GRID */
.gm-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 40px; }
.gm-grid-col2 { grid-template-columns: repeat(2, 1fr); }
.gm-grid-nogap { grid-column-gap: 0; grid-row-gap: 0; }
.gm-grid-thumb { position: relative; }
.gm-grid-thumb-ratio { padding-bottom: 75%; }
.gm-grid-imgresp { width: 100%; height: 100%; object-fit: cover; }
.gm-grid-thumb-ratio > .gm-grid-imgresp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.gm-hover-zoom:hover .gm-grid-thumb-ratio > .gm-grid-imgresp { transform: translate(-50%, -50%) scale(1.1); }

/* NAV BAR */
.navbar-fixed-top { max-width: 100vw; }
.navbar-fixed-top .nav { padding: 0; }
.navbar-fixed-top .navbar-brand { padding: 0; height: auto; }
.gm-navbar-brand-title { vertical-align: bottom; margin-bottom: 10px; margin-left: 40px; display: inline-block; }
.navbar-fixed-top.navbar-scrolled {background-color: rgba(0,0,0,0.5)!important;}
.navbar-brand > img {width:200px; height:auto; -webkit-transition: width 1s, height 1s; transition: width 1s, height 1s;}
.navbar-fixed-top.navbar-scrolled .navbar-brand > img { width:120px; filter: brightness(1) invert(0); margin-top: 7px;}

/* MODAL FULL */
.gm-modal-full { padding:0!important; }
.gm-modal-full .modal-dialog { width: 100%; margin: 0;}
.gm-modal-full .modal-content {  }
.gm-modal-full .modal-body { width: 100%; padding:0; height: 100vh;background-color: rgba(0,0,0,0.6); margin: 0; }
.gm-modal-full .modal-header { margin: 0 auto; padding: 0; border: none; position: absolute; top: 0; left: 0; right: 3px; z-index:10; }
.gm-modal-full .modal-header .close { color:#FFF; text-shadow:none; opacity:0.8; }
.gm-modal-full .modal-content { overflow:hidden; border-radius:0; box-shadow:none; background:transparent; border:none; width:100%; height:100%; padding:0;}

.gm-modal .carousel-control { background:none; width: 50px; }
.gm-modal .carousel-control.left { text-align:left; }
.gm-modal .item { height: calc(100vh - 14px); }
.gm-modal .gbfill { width: 100%; height: 100%; background-position: center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -o-background-size: contain; background-repeat: no-repeat; }
.gm-modal .carousel-caption { bottom:0; left:0; right:0; padding:5px; background-color:rgba(0,0,0,0.2); align-items: center; }
.gm-modal .btn { border: 1px solid #FFFFFF; background-color: transparent; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 1rem; color: #FFFFFF; letter-spacing: 0.63px; text-align: center; }

/* ADMIN BAR */
#gemeapp_adminbar { display: block; position: fixed; top: 0; z-index: 999; }
<cfif session.idclient>.navbar-fixed-top { top: 80px; }</cfif>

/* COMPOSANTS */
/* -- CAROUSEL -- */
.gm-carousel { background-color: #000; }
.gm-carousel .gm-carousel-img { width: 100%; height:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }
.gm-carousel.gm-carousel-nocrop .gm-carousel-img { -o-object-fit: contain; object-fit: contain; }
.gm-carousel.gm-carousel-full .carousel-inner > .item:first-child > img { height: 100vh; }
.gm-carousel.gm-carousel-md .carousel-inner > .item:first-child > img { height: 50vh; }
.gm-carousel.gm-carousel-sm .carousel-inner > .item:first-child > img { height: 33vh; }
.gm-carousel.gm-carousel-squarrow .carousel-control .glyphicon { background-color: #000; height: 60px; line-height: 60px; width: 60px; }
.gm-carousel.gm-carousel-nopacarrow .carousel-control { opacity:0.9; }
.gm-carousel.gm-carousel-nobgarrow .carousel-control { background-image:none; }
.gm-carousel-viewer-btn, .gm-modal-viewer-close { position:absolute; top:10px; right:10px; z-index: 5; background-color: #000; border-color: #FFF; color: #FFF; opacity: 0.7; border-radius:0; width:40px; height:40px; }
.gm-carousel-viewer-btn:hover, .gm-carousel-viewer-btn:focus { opacity:1; color: #FFF;}
.gm_carousel_viewer, .gm_carousel_viewer .carousel-inner { height:100%; }
.gm-modal-full .modal-header .close.gm-modal-viewer-close { position:absolute; top:10px; right:10px; z-index: 5; background-color: #000; border: 1px solid #FFF; color: #FFF; opacity: 0.7; border-radius:0; width:40px; height:40px; }
.gm-carousel .item:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; /*background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 51%, rgba(0,0,0,0.80) 100%);*/ z-index:3; }

/*-- CAROUSEL FADE --*/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

/* GEMEA HEADER PAGES (BG) */
.gm-pg-head-bg { position: absolute; height: 100%; width: 100%; top: 0; left: 0; overflow: hidden; background-position: 50%; background-repeat: no-repeat;
background-size: cover; z-index: 0; padding-bottom: 0; opacity: 0.9; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 1s, -webkit-transform 5s;
transition: opacity 1s, -webkit-transform 5s; transition: transform 5s, opacity 1s; transition: transform 5s, opacity 1s, -webkit-transform 5s; will-change: "transform";
ransform: translateZ(0); visibility: visible; -webkit-backface-visibility: hidden;}
.gm-pg-head { position: relative; overflow: hidden; height: 30vh; background-color:#FFF; padding:0;}
.gm-pg-head-full { height:calc(100vh - 100px); }
.gm-pg-head-md { height: 50vh; }
.gm-pg-head-lg { height: 80vh; }
.gm-pg-head-cpt { position: absolute; bottom: 50%; left:50%; transform:translate(-50%,50%); color:#FFF; font-size:2rem; line-height:2rem; text-shadow: 1px 2px 4px rgba(0,0,0,0.30); }
.gemea-pg-head:not(.gm-pg-nolinear):after {content:'';display: block;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 11%, rgba(0,0,0,0.35) 100%, rgba(0,0,0,0.03) 97%);}
.gm-pg-head > img { width: 100%; height:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

@media (max-width: 768px) {
	.fill { background-position: left!important; }
	.gm-pg-head-bg { background-position: left!important; }
	.gm-pg-head-bg-mob-center { background-position: center!important;  }
	.gm-pg-head-bg-mob-right { background-position: right!important; }
	.gm-pg-head-full { height: 50vh; }
  	.gm-pg-head-mob-full { height: 100vh!important; }
}

/* BLOCK TITLE+TEXT */
.gm-bck-titext { margin-top:4.333rem; margin-bottom:1.333rem; }
.gm-bck-titext .gm-bck-titext-titr { text-transform:uppercase; font-weight:700; font-size:2rem; line-height:2.4rem; margin-bottom:1.333rem; }
.gm-bck-titext .gm-bck-titext-text { font-size:1.333rem; line-height:1.6rem; }