@media screen and (min-width: 1920px) {
	.container { max-width: 1860px; }
}
@media screen and (min-width: 1680px) {
	.container { max-width: 1620px; }
}
@media screen and (min-width: 1400px) {
	.container { max-width: 1340px; }
}

body { padding-top:144px; font-family:"Montserrat", arial; font-size:16px; color:#323232; margin:0; padding-bottom:0; background:#fff; transition:0.2s all ease-out; }
body#home { background:#fff; }
.tiny-body { padding-top:144px; }
a { color:#0092c8; }
a:hover { color:#00729c; }
.container strong { font-weight:600; }
.bg-whitegrey { background:#f5f5f5; }
header { background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(244,244,208,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(244,244,208,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(244,244,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 );
position:fixed; width:100%; z-index:1030; top:0; left:0;  transition:0.2s all ease-out; }
header.tiny-header { position:fixed; height:110px; box-shadow:0 10px 20px -10px rgba(0,0,0,0.2); transition:0.3s all ease-out; }
header.tiny-header .navbar-brand { width:200px; margin:7px auto; padding-top:0; transition:0.3s all ease-out; }
header.tiny-header .navbar-brand img { margin-top:0px; }
header.tiny-header nav {  font-size:12px; justify-content: center; padding-top:0; padding-bottom:0; }

header .ref_top { background: rgb(10,108,144);
background: -moz-linear-gradient(left,  rgba(10,108,144,1) 1%, rgba(0,145,199,1) 50%, rgba(10,108,144,1) 99%);
background: -webkit-linear-gradient(left,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
background: linear-gradient(to right,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c90', endColorstr='#0a6c90',GradientType=1 );
text-align:left; font-size:11px; margin:0; color:#9de4ff; padding:0; max-height:32px; overflow:hidden; position:relative; }

header .ref_top a { padding:5px 10px 5px; }
header .ref_top p { padding:8px 0; }

header > .container { padding:0px; }
header.tiny-header >  .container { padding:0px; }

.bg-bleu { background:#0a6c91; }

.navbar-brand { display:inline-block; margin:10px 0; transition:0.3s all ease-out;  }
.navbar-brand img.img-fluid { min-width:180px; transition:0.3s all; }
nav { top:auto; font-family:"Montserrat", arial; font-weight:600; font-size:14px; width:auto; }
.navbar-expand-lg .navbar-nav { text-align:right ; }
.navbar-expand-lg {  }
nav ul { width:auto;  padding:0; }
nav a { color:#323232; text-transform:uppercase; display:block; }
nav a.font-weight-bold { font-family:"Montserrat", arial; }
.navbar-expand-lg .navbar-nav .nav-link { padding:10px 15px; color:#323232; }
nav li:hover, nav a:hover { color:#0092c8; }
.navbar-expand-lg .navbar-nav a.nav-link.active { color:#0092c8; background:url(../img/puce-menu.png) center left no-repeat; }

.navbar-nav { text-align:right ; }

.navbar-nav .dropdown-menu { font-size:13px; border-radius:unset; margin:-3px 0 0 0; border:none; top:auto; background:#fff; transform:translateX(-50%); left:50%; padding:25px 0 20px; }

@media screen and (min-width: 992px) {
.navbar-nav li:hover>.dropdown-menu {
  display: block;
}
.dropdown.static .dropdown-menu-100 { width: 147.9%; left: -29.6%; right:0px; margin:-3px 0 0 0; }

}
.navbar-nav .dropdown-menu a { color:#000; }
.navbar-nav .dropdown-menu a:hover { background:#fff; color:#0092c8; }
.navbar-nav .dropdown .dropdown-toggle::after { display:none; }

.navbar-nav li.nav-item.dropdown:hover .nav-link {
  color:#0092c8;
	background:#fff;
}

.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.nav-abs { margin-top: 0.7rem !important; padding-top: 1.2rem !important; }
header.tiny-header .nav-abs { margin-top: 0.5rem !important; padding-top: 1rem !important; }

.owl-carousel .owl-item, .owl-carousel .owl-item > div  { height:auto; position:relative }

.homeslider-nav {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: calc(100% + 30px);
    margin:0 -15px;
    padding: 0 100px;
    transform: translateY(-50%);
}

.homeslider-nav.multi {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: calc(100% + 30px);
    margin:0 -15px;
    padding: 0 100px;
    transform: translateY(-50%);
}

.homeslider-nav nav {
    display: flex;
    justify-content: space-between;
}

.homeslider-nav nav a {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    width: 70px;
    height: 70px;
    color: #fff;
    transition: width 0.5s;
		text-shadow:none;
		background:#e1c621;
    border-radius:35px;
}

.homeslider-nav nav a:hover {
    width: 150px;
    padding: 0 10px;
}

.homeslider-nav nav a.homeslider-nav-next:hover {
    width: 125px;
    padding: 0 10px;
}

.homeslider-nav nav a.homeslider-nav-prev:hover::before {
    content: '';
    width: 20px;
    height: 2px;
    margin-left: 3px;
    background-color: #fff;
}


.homeslider-nav nav a.homeslider-nav-next:hover::after {

    content: '';
    width: 20px;
    height: 2px;
    margin-left: 82px;
    background-color: #fff;

}

.homeslider-nav nav a.homeslider-nav-prev svg {
    left: 30px;
		transition:all 0.2s;
}

.homeslider-nav nav a.homeslider-nav-prev:hover svg {
    left: 10px;
}

.homeslider-nav nav a.homeslider-nav-next svg {
    right: 30px;
		transition:all 0.2s;
}

.homeslider-nav nav a.homeslider-nav-next:hover svg {
    right: 10px;
}

.homeslider-nav nav a svg {
    position: absolute;
    width: 10px;
		
}

.homeslider-nav nav a span {
    display: none;
}

.homeslider-nav nav a.homeslider-nav-prev:hover span {
    right: 10px;
}
.homeslider-nav nav a:hover span {
    display: block;
    position: absolute;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -60px;
		position:relative;
		z-index:1;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 8px;
    background: transparent;
		border:2px solid #FFF;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.intro-container {
	font-family:"Montserrat", arial;
	text-align:center;
	position:absolute;
	top:40%;
	width:100%;
	color:#fff;
	text-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.intro-container h3 {
	font-size:96px;
	font-family:"Montserrat", arial;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.intro-container p {
	font-size:24px;
	font-weight:400;
	text-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.slogan-container {
	font-family:"Montserrat", arial;
	text-align:center;
	position:absolute;
	top:50%;
	width:100%;
	color:#fff;
	text-shadow: 0 0 40px rgba(0,0,0,0.5);
}

.slogan-container-multi {
	font-family:"Montserrat", arial;
	text-align:left;
	color:#fff;
	z-index:2;
	position: absolute;
	bottom: 25vw;
	transform: translatex(-50%);
	left: 50%;
}

.slogan-container .h3, .slogan-container-multi h3 {
opacity:0; font-family:"Montserrat", arial; display:inline-block; color:#0092c8;; background:rgba(255,255,255,0.6); font-size:40px; font-weight:700; margin-bottom:10px; padding:6px 15px; animation: 0.3s ease-out 0s forwards slideInFromLeft;
}

.slogan-container p, .slogan-container-multi p {
opacity:0; font-family:"Montserrat", arial; font-size:24px;  color:#323232;  display:inline-block; background:rgba(255,255,255,0.6); font-weight:700; margin-bottom:10px; padding:6px 15px;  animation: 0.3s ease-out 0.5s forwards slideInFromLeft;
}

.bg-slogan-multi { padding:0; background-size: cover; position:relative; overflow:hidden; height:auto; color:#fff;  }
.bg-slogan-multi div.slide { width:100%; height:auto; padding-top:60%; position:relative; top:0; }
.bg-slogan-multi div.slide img { position:absolute; top:0; width:100%; height:auto; }
.bg-slogan-multi::after { content: ""; background:#fff; position: absolute; left: 0; bottom: 37px; width: 100%;  height: 180px; -webkit-clip-path: polygon(100% 40%, 0% 100%, 100% 100%); clip-path: polygon(100% 40%, 0% 100%, 100% 100%); z-index:999; }

.container.green_poles {  margin-top:-200px; margin-bottom:50px; position:relative; z-index:1000; }


.poles .col-md-4 { background: rgb(10,108,144);
background: -moz-linear-gradient(top,  rgba(14,90,118,1) 0%, rgba(0,145,199,1) 100%);
background: -webkit-linear-gradient(top, rgba(14,90,118,1) 0%,rgba(0,145,199,1) 100%);
background: linear-gradient(to bottom,  rgba(14,90,118,1) 0%,rgba(0,145,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c90', endColorstr='#0a6c90',GradientType=0 );
 padding:40px; box-shadow:0 0 20px 0px rgba(0,0,0,0.3); }
 
 .poles .col-md-4.col-center { padding:70px; margin:-30px; z-index:10 }

.poles p { color:#fff; font-size:22px; font-weight:400; line-height:24px; margin-bottom:0; }

.poles .col-center p { font-size:28px; font-weight:400; line-height:34px; }

.realisations { -webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%); clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%); background:url(../img/bg-realisations.jpg) bottom center no-repeat fixed; padding:180px 0; position:relative; margin:-200px 0 0 0; color:#fff; }

header .form-inline { display:none; }

.intro-home { padding:0; text-align:center; position:relative; height:75vh; }

.bg-slogan { background:#f2f2f2; background-image: url('../../assets/img/illus-villa-1.jpg'); padding:350px 0 100px; background-position: center center; background-attachment:fixed; background-size:auto; }
.bg-chauffer { background-image: url('../../assets/img/illus-photovoltaique.jpg'); }
.bg-real { background-image: url('../../assets/img/energie-solaire-photovoltaique-bouches-du-rhone.jpg'); }
.bg-real-id {  background-image: url('../../assets/img/energie-solaire-photovoltaique-bouches-du-rhone.jpg'); }
.bg-news {  background-image: url('../../assets/img/illus-villa-1.jpg'); }
.slogan { font-weight:700; font-size:24px; text-align:left; padding:0px; width:100%; margin:auto; text-transform:uppercase;  }
.slogan .h1, .slogan h1 { opacity:0; font-family:"Montserrat", arial; display:inline-block; color:#0092c8;; background:rgba(255,255,255,0.6); font-size:40px; font-weight:700; margin-bottom:10px; padding:6px 15px; animation: 0.3s ease-out 0s forwards slideInFromLeft; }
.slogan .h1::after, .slogan h1::after { display:none; }
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
		opacity:0;
  }
  100% {
    transform: translateX(0);
		opacity:1;
  }
}
.slogan p { opacity:0; font-family:"Montserrat", arial;   display:inline-block; color:#323232; background:rgba(255,255,255,0.6); font-weight:700; margin-bottom:10px; padding:6px 15px;  animation: 0.3s ease-out 0.5s forwards slideInFromLeft; }



@media screen and (max-width: 992px) {
.col { flex-basis: auto; }
.bg-slogan { background-color:#f2f2f2; padding:180px 0; background-position: top center; background-size: cover; }	
.service-detail { font-size:14px; }
.container.green_poles {  margin-top:-30px; }

.bg-slogan-multi { padding:0; background-size: cover; position:relative; overflow:hidden; height:auto; color:#fff;  }
.bg-slogan-multi div.slide { width:100%; height:auto; padding-top:60%; position:relative; top:0; }
.bg-slogan-multi div.slide img { position:absolute; top:0; width:140%; height:auto; }
.poles p { font-size:20px; line-height: 24px; }

}

@media screen and (max-width: 768px) {
body { padding-top:112px; }
.bg-slogan { background-color:#f2f2f2; padding:150px 0; background-position: top center; background-size: cover; }	
.slogan { padding:10px; font-size:14px; }
.slogan .h1, .slogan h1 { font-size:18px; margin:0; }
.service-detail { font-size:14px; }

.bg-slogan-multi { padding:0; background-size: cover; position:relative; overflow:hidden; height:auto; color:#fff;  }
.bg-slogan-multi div.slide { width:100%; height:auto; padding-top:60%; position:relative; top:0; }
.bg-slogan-multi div.slide img { position:absolute; top:0; width:140%; height:auto; }

.container.green_poles { margin-top: 0; }

.poles p { font-size:30px; line-height: 36px; margin-bottom:50px; }


.slogan-container-multi {
	font-family:"Montserrat", arial;
	text-align:left;
	color:#fff;
	z-index:2;
	position: relative;
	bottom: auto;
	margin-top:-50px;
	transform:none;
	left: auto;
}

.slogan-container .h3, .slogan-container-multi h3 {font-size:28px; }

.slogan-container p, .slogan-container-multi p { arial; font-size:18px; }


.homeslider-nav.multi {
    position: absolute;
    z-index: 10;
    top: 35%;
    width: calc(100% + 30px);
    margin:0 -15px;
    padding: 0 50px;
    transform: translateY(-50%);
}

.homeslider-nav nav {
    display: flex;
    justify-content: space-between;
}

.homeslider-nav nav a {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    width: 30px;
    height: 30px;
    color: #fff;
    transition: width 0.5s;
		text-shadow:none;
		background:#4bbf44;
}

.homeslider-nav nav a:hover {
    width: 150px;
    padding: 0 10px;
}

.homeslider-nav nav a.homeslider-nav-next:hover {
    width: 125px;
    padding: 0 10px;
}

.homeslider-nav nav a.homeslider-nav-prev:hover::before {
    content: '';
    width: 20px;
    height: 2px;
    margin-left: 3px;
    background-color: #fff;
}


.homeslider-nav nav a.homeslider-nav-next:hover::after {

    content: '';
    width: 20px;
    height: 2px;
    margin-left: 82px;
    background-color: #fff;

}

.homeslider-nav nav a.homeslider-nav-prev svg { left: 8px; }

.homeslider-nav nav a.homeslider-nav-next svg { right: 8px; }

}


.h1, h1 { font-size:2.4rem; font-family:'Montserrat', arial; position:relative; padding-bottom:20px; margin-bottom:20px; text-align:center; color:#0e5a76; font-weight:400; }

.h1::after, h1::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 5px;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    background: #e1c621;
}

.h2, h2 { font-size:1.5rem; font-family:'Montserrat', arial; position:relative; margin-bottom:10px; padding-bottom:10px; color:#0e5a76; font-weight:400; text-align:left }

.h2::after, h2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    bottom: 0;
    left: 0%;
    margin-left: 0px;
    background: #e1c621;
}



h3, .h3 {  font-weight:400; font-size:1.3rem; color:#e1c621; }

h3, h4, h5, h6, h7 { font-family:'Montserrat', arial; }

h4, .h4 {  font-weight:400; font-size:1.1rem; }

.bg-home, .societe { background:url(../img/bg-home.png) top center repeat-y; }

.societe h1 { font-size:3rem; }

.societe h2 { color:#323232; }

.societe h3 { font-weight:600; font-size:1.35rem; color:#888; }

.intro-home-text { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+52,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 52%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 52%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 52%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
padding:50px 25px; }


.intro-home-text p { font-size:16px; }

.image-popup { position:relative; display:block; height:auto; }
.image-popup::after { content:""; display:block; position:absolute; right:10px; bottom:20px; width:25px; height:20px; background:url(../../assets/img/zoom-icon.png) top left no-repeat; }

.solutions { padding:0; margin-top:0px; }
.solutions h2 { padding-top:40px; padding-bottom:0; margin-bottom:0; }

.flottement-gauche { float:left; }
.flottement-droit { float:right; }

.card-solution { position:relative; overflow:hidden; height:100%; width:100%; }
.card-solution .solution-img { width:100%; transition:0.2s all ease-out; }
.card-solution .solution-overlay { width:100%; height:100%; position:absolute; top:0; left:0;  transition:0.3s all ease-out; }
.card-solution .solution-text { position:absolute; background:#4bbf44; width:100%; bottom:0; z-index:2; color:#fff; padding:14px 0; line-height:1.6rem; text-align:center; text-transform:uppercase; font-family:"Montserrat"; font-size:1.5rem;  transition:0.2s all ease-out; }
.card-solution .solution-text:after { content:''; width:100%; height:30px; display:block; position:absolute; top:-30px; left:0;
-webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
 background:#4bbf44; transition:0.2s all ease-out; }

.card-solution .solution-text2 { position:absolute; background:url(../../assets/img/domotec-filigrane.png) -30px 30px no-repeat #fff; width:100%; bottom:-500px; opacity:0; z-index:3; color:#4bbf44; padding:15px; text-align:center; text-transform:uppercase; font-family:"Roboto"; font-size:12px;  transition:0.3s all ease-out 0.2s; }
.card-solution .solution-text2:after { content:''; width:100%; height:30px; display:block; position:absolute; top:-30px; left:0;
-webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
 background:#fff; transition:0.3s all ease-out 0.2s; }
 .card-solution .solution-text2 .btn { font-size:12px; }
 
.card-solution:hover .solution-overlay { opacity:0.4; background:#4bbf44; }
.card-solution:hover .solution-text { background:transparent; bottom:60%; line-height:2.2rem; font-size:2.2rem; text-shadow:3px 3px 5px rgba(0,0,0,0.5) }
.card-solution:hover .solution-text:after { background:transparent; }
.card-solution:hover .solution-text2 { bottom:0; opacity:1; }

.degrade {  background: rgb(10,108,144);
background: -moz-linear-gradient(left,  rgba(10,108,144,1) 1%, rgba(0,145,199,1) 50%, rgba(10,108,144,1) 99%);
background: -webkit-linear-gradient(left,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
background: linear-gradient(to right,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c90', endColorstr='#0a6c90',GradientType=1 ); border:none; padding:0px; color:#fff; }

.logo-domotec { background-image:url(../../assets/img/logo-domotec-filigrane.png); background-position:center left; background-repeat:no-repeat; padding:30px;  }
.logo-phone { background-image:url(../../assets/img/logo-phone-filigrane.png); background-position:center left; background-repeat:no-repeat; padding:30px;  }

.cadre_degrade {   background: rgb(10,108,144);
background: -moz-linear-gradient(left,  rgba(10,108,144,1) 1%, rgba(0,145,199,1) 50%, rgba(10,108,144,1) 99%);
background: -webkit-linear-gradient(left,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
background: linear-gradient(to right,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c90', endColorstr='#0a6c90',GradientType=1 ); border:none; margin:20px; padding:40px 30px 30px; color:#fff; display:block; }

.cadre_degrade img { max-width:100%; height:auto; width:auto; }

.mceTmpl .container .row .col img { max-width:100%; height:auto; width:auto; }

.degrade h3, .cadre_degrade h3 { text-transform:uppercase; }

.degrade.modal-content .modal-header, .degrade.modal-content .modal-footer { border:none; }
.degrade.modal-content .modal-header .close { color:#fff; opacity:1; }

.modal-dialog .logo-acr { background-image:url(../../assets/img/logo-acr-filigrane.png); background-position:left 100%; background-repeat:no-repeat; padding:0 30px;  }
.modal-dialog .logo-phone { background-image:url(../../assets/img/logo-phone-filigrane.png); background-position:left 100%; background-repeat:no-repeat; padding:0 30px;  }

#callBack .modal-dialog, #freeQuotation .modal-dialog { max-width: 400px; }

.certifications { background:#fff; padding:50px 0; box-shadow: inset 0px 0px 20px -10px rgba(0,0,0,0.5); margin-top: 70px; }


.slide-real .slick-prev, .slide-real .slick-next { width:60px; }

.btn { border-radius:5px; padding:15px 20px 10px; border:none; background:#0092c8; color:#fff; text-transform:uppercase; }
.btn:hover { color:#fff; border:none; background:#0078a5; color:#fff; }
.btn-primary { background:#fff; }
.btn-primary:hover { background:#0078a5; color:#fff; }
.btn-grey { background:#0092c8; color:#fff; }
.btn-bleu { background: #0092c8; border:none; color:#fff; transition:0.2s all ease-out; }
.btn-bleu:hover { border:none; color:#fff; background:#0078a5; }
.btn-degrade {  background: rgb(10,108,144);
background: -moz-linear-gradient(left,  rgba(10,108,144,1) 1%, rgba(0,145,199,1) 50%, rgba(10,108,144,1) 99%);
background: -webkit-linear-gradient(left,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
background: linear-gradient(to right,  rgba(10,108,144,1) 1%,rgba(0,145,199,1) 50%,rgba(10,108,144,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6c90', endColorstr='#0a6c90',GradientType=1 ); border:none; color:#fff; }
.big-btn { font-size:20px; }
.btn-fillwhite { background: transparent; border:2px solid #fff; color:#fff; transition:0.2s all ease-out; }
.btn-fillwhite:hover { border:2px solid #fff; }

.bg-bleu-marine { background-color:#231c58; }
.bg-bleu { background-color:#0a6c91; }
.bg-rose { background-color:#0092c8; }
.bg-gris { background-color:#adadad; }

.txt-rose { color:#0092c8; }

.footer { -webkit-clip-path: polygon(0 17%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 17%, 100% 0%, 100% 100%, 0% 100%); position:relative; background:#10202b; padding:200px 0px 80px; margin:-140px 0 0 0; color:#fff; }
.footer .logo-footer { position:relative; margin-top:-70px; padding-bottom:40px; }
.footer .col-md-4 { padding-bottom:40px; margin:0; }
.footer a { color:#e1c621; }
.footer a:hover { color:#c8ae12; }
.footer h5 { position:relative; text-transform:inherit; font-weight:400; font-size:20px; padding-bottom:7px; margin-bottom:15px; }

.footer h5::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 0%;
    margin-left: 0px;
    background: #e1c621;
}

.text-vert { color:#d96278; }

/* sign in  */
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input#login {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input#password {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (max-width: 768px) {
.form-group  .col-md-6:first-child { margin-bottom: 1rem; }
}

.bg-grey { background:transparent; display:flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-bottom:30px;  }
.degrade .card  {
    background: rgba(255,255,255,0.7);
		margin:0 0 10px 0;
		padding:10px;
		text-align:center;
    box-shadow: 0 2px 5px 0px rgba(0,0,0,0.07);
		border:none;
		font-size:16px;
		justify-content: center;
		flex-grow: 1;
		flex-basis: 0;
		color:#0092c8;
		font-family:"Montserrat", arial;
		min-height:160px;
}

.card .icon { font-size:36px; color:#0092c8; }
.degrade .card:nth-child(2) { margin:0 2%; }
.degrade .card:nth-child(3) { margin:0 2% 0 0; }

.bg-grey .card:hover { background:#7a9d30; }

.fx-zoom {
    overflow: hidden;
    width: 100%;
}
.fx-zoom:hover img {
    transform: scale(1.05);
}
.fx-zoom img {
    transition: filter 400ms linear,transform .7s ease-in-out;
    transform: scale(1);
}

.slide-avis { position:relative; margin-bottom:30px; }
.slide-avis div.col-md-6 { position:relative; } 
.avis { margin:10px; padding:20px 30px; background:#fff; min-height:235px; box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.3); }
.avis h4 { color:#4bbf44;	padding:0; margin:10px 0; }

.li_actu { background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(241,241,169,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(241,241,169,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(241,241,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 ); min-height:500px; text-align: justify; position:relative; overflow:hidden; margin:0 0 50px 0; padding-bottom:10px; transition:all ease-in 0.2s;  box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.5); }
.li_actu .actu_img { display:block; overflow:hidden; position:relative; width:100%; padding-top:56.25%; }
.li_actu div.effect-tof { margin:0 20px 20px; padding-top:0px; position:relative;  transition:all ease-in 0.2s; z-index:1; }
.li_actu:hover div.effect-tof {  }
.li_actu div.effect-tof:before { content:""; background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(241,241,169,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(241,241,169,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%, rgba(241,241,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 ); position:absolute; left:-20px; right:-20px; top:-50px; width:calc(100% + 40px); height:70px; -webkit-clip-path: polygon(0 100%, 0 70%, 100% 50%, 100% 100%); clip-path: polygon(0 100%, 0 70%, 100% 50%, 100% 100%);  transition:all ease-in 0.2s; z-index:-1; }
.li_actu:hover div.effect-tof:before { top:-65px; }
.li_actu:hover {  }
.li_actu .fx-zoom:hover img {
		transition: filter 400ms linear,transform .3s ease-in-out;	
}

.li_actu .fx-zoom img {
    transition: filter 400ms linear,transform .3s ease-in-out;
    transform: scale(1) translateX(-50%);
    position: absolute;
    left: 50%;
		top:0;
    display: block;
}

.li_actu .fx-zoom:hover img, .li_actu:hover .fx-zoom img {
    transform:scale(1.05) translateX(-50%);
    position: absolute;
    left: 50%;
    display: block;
}

.actu_categ { position:absolute; display:block; font-size:13px; right:0; top:-15px; color:#4bbf44;  transition:all ease-in 0.2s; }
.li_actu:hover .actu_categ { color:#0092c8;  top:-25px;  transition:all ease-out 0.2s 0.2s; }

.col-liste_actualites div { border-bottom:1px solid #cecece; padding:20px 20px 10px 10px; transition:all ease-in 0.1s;; }

.col-liste_actualites div:hover { background:#ececec; padding-left:20px; padding-right:10px; transition:all ease-out 0.2s; }

.li_actu h3 { font-family:"Montserrat"; font-size:18px; font-weight:600; }
.slide-real .li_actu { min-height:370px; }
.slide-real .li_actu div { margin: 0px 20px 10px; }
.slide-real .li_actu h3.titre-real-home { margin:0; padding:0; text-align:center; }
.slide-real .li_actu div:before { top:-60px;}
.slide-real .li_actu:hover div:before { top:-70px; }

.slide-actu .slick-slide { padding: 0px; }

.slide-actu { position:relative; }
.slide-actu .li_actu { min-height:320px; padding:0 0 40px 0 !important; -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 88%, 0% 100%); clip-path: polygon(0 0%, 100% 0%, 100% 88%, 0% 100%); position:relative; margin:10px 10px 30px 10px; }

.slide-actu .btn-actu { position:absolute; display:block; width:50px; height:50px; border-radius:30px; text-align:center; padding:5px; font-size:30px; text-decoration:none; font-weight:600; color:#fff; z-index: 10; bottom: 30px; left:50%; margin-left:-25px; -webkit-box-shadow: 0 7px 12px -5px rgba(0,0,0,0.4); box-shadow: 0 7px 12px -5px rgba(0,0,0,0.4); transition:all 0.3s ease; background: rgb(255,255,255);
background: -moz-linear-gradient(right,  rgba(190,191,48,1) 0%, rgba(230,231,78,1) 100%);
background: -webkit-linear-gradient(right,  rgba(190,191,48,1) 0%,rgba(230,231,78,1) 100%);
background: linear-gradient(to left,  rgba(190,191,48,1) 0%,rgba(230,231,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 ); }

.slide-actu .btn-actu:hover {  background: rgb(255,255,255);
background: -moz-linear-gradient(right,  rgba(180,181,48,1) 0%, rgba(230,231,78,1) 100%);
background: -webkit-linear-gradient(right,  rgba(180,181,48,1) 0%,rgba(230,231,78,1) 100%);
background: linear-gradient(to left,  rgba(180,181,48,1) 0%,rgba(230,231,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 ); width:60px; height:60px;  bottom: 25px; left:50%; margin-left:-30px; padding:6px 10px;  font-size:36px; }

.slide-actu .shadow_li_actu { z-index:-1; position:absolute; width:95%; height:55px; bottom:50px; -webkit-box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5); box-shadow: 0 15px 15px -15px rgba(0,0,0,0.5); -moz-transform: rotate(-7.5deg);
-webkit-transform: rotate(-7.5deg);
-o-transform: rotate(-7.5deg);
-ms-transform: rotate(-7.5deg);
transform: rotate(-7.5deg); }

.slide-actu .li_actu div { padding:20px 30px 30px; }
.slide-actu .slick-prev, .slide-actu .slick-next { -moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); top: 20%; background:#0f5d74; }
.slide-actu .li_actu .actu_img { padding-top:65% }

.slide-actu .slick-prev { left:-10px; }
.slide-actu .slick-next { right:-10px; }

.li_actu .bottom_1 {  background: rgb(255,255,255);
background: -moz-linear-gradient(right,  rgba(190,191,48,1) 0%, rgba(230,231,78,1) 100%);
background: -webkit-linear-gradient(right,  rgba(190,191,48,1) 0%,rgba(230,231,78,1) 100%);
background: linear-gradient(to left,  rgba(190,191,48,1) 0%,rgba(230,231,78,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4d0',GradientType=1 ); width:calc(100% + 30px); height:100px; position:absolute; bottom:-45px; left:-30px; padding:28px 45px; -webkit-clip-path: polygon(0 35%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 35%, 100% 0%, 100% 100%, 0% 100%); transition:all 0.3s ease;  text-align:right;  }
.li_actu:hover div.bottom_1 { bottom:-30px; left:-20px; padding-top:38px; text-align:right }

.li_actu .bottom_1 a { font-weight:600; color:#124a71; }

.li_actu .bottom_2 { width:120%; height:100px; position:absolute; bottom:-50px; left:-30px; background:#bebf30; padding:20px; -webkit-clip-path: polygon(0 0%, 100% 60%, 100% 100%, 0% 100%); clip-path: polygon(0 0%, 100% 60%, 100% 100%, 0% 100%);  transition:all 0.2s ease; }
.li_actu:hover div.bottom_2 { bottom:-40px; left:-100px; }

.link-gallery { width:100%; padding-top:56.25%; margin-bottom:20px; position: relative; overflow: hidden; display: block;  box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.3); border:10px solid #fff; }
.img-gallery { max-width:100%; height:auto; position:absolute; display:block; top:50%; transform:translateY(-50%); }
top: calc(50% - attr(height) / 2);

.items { margin:0; padding:0; }
.item { padding:0; flex: 1 0 26%; }
.item_2 { background:#fff; min-height:250px; }
.li_page { padding:20px; }
.li_page_image { position:relative; overflow:hidden; height:270px; }
.li_page_image img {position:relative; left:auto; top:auto; transform:translate(0%,0%) }

@media screen and (min-width: 1140px) {
.li_page_image img { position:absolute; left:50%; top:50%; transform:translate(-50%,-40%) }
}



@media screen and (max-width: 768px) {

.navbar-nav { text-align: left; }
.text-ref-top { display:none; }


.card { display:block; }

.poles {  padding:30px; }

.poles p {  font-size: 18px; }

.navbar-collapse { margin-top: 90px; }
header.tiny-header .navbar-collapse { margin-top: 75px; }

}

.fx-zoom-categ {
    overflow: hidden;
		width:100%;
		height:100%;
		display:block;
}
.item:hover .fx-zoom-categ img {
    transform: scale(1.05) translate(-49%,-35%);
}
.item .fx-zoom-categ img {
    transition: filter 400ms linear,transform .3s ease-out;
    transform: scale(1) translate(-50%,-40%);
}



@media screen and (max-width: 992px) {
.container-fluid-990 { max-width:990px }
nav { font-size: 14px; }

.nav-abs { position:absolute; top:0px; right:0px; width:100%; z-index:10; padding:0; margin:0; margin-top: 0rem !important; padding-top: 0rem !important;  }
.navbar { padding:0; margin:0; background:transparent;  }
ref_top { display:none; }
.navbar-toggler { position:absolute; right:5px; top:70px; z-index:11; }

.navbar-expand-lg .navbar-nav { padding:15px; background:#fff; }

.navbar-nav .dropdown-menu { font-size:13px; border-radius:unset; margin:-3px 0 0 0; border:none; top:auto; background:#fff; transform:translateX(0); left:auto; padding:5px 0; }

.navbar-nav .dropdown-menu .dropdown-item { text-align:right; padding-right:1rem; }

header .ref_top { font-size:10px; }
header .ref_top { margin-top:0px; line-height: 1.2; }

header.tiny-header nav {  font-size:14px; justify-content: center; padding-top:0; padding-bottom:0; }

.navbar-collapse { margin-top: 130px; }
header.tiny-header .navbar-collapse { margin-top: 75px; }

.collapse, collapse.show { padding:0;  transition:all ease-in 0.2s; }

.societe h1, .h1, h1 { font-size: 1.9rem; }

.h2, h2 { font-size: 1.6rem; }

.h3, h3 { font-size: 1.3rem; }

}

@media screen and (max-width: 576px) {
.text-ref-top { display:none; }
}

@media screen and (max-width: 330px) {
.navbar-brand img.img-fluid {
    min-width:auto;
}

.logo_rge_ban { width:40px; margin-top:10px }

}

@media screen and (max-width: 820px) {
nav { font-size: 14px; }
}

.navbar-toggler-icon {
		display:block;
    width: 1.5em;
    height: .2em;
    vertical-align: top;
    background: #4bbf44 no-repeat center center;
		margin-top:0.2em;
}

.navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
		margin-top:-30px;
}

#header.tiny-header .navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
		margin-top:-70px;
}

.faktNormal { font-family:"Montserrat", arial; }
.roboto { font-family:"Roboto", arial; }

.size-12 { font-size:12px; }
.size-14 { font-size:14px; }
.size-16 { font-size:16px; }
.size-18 { font-size:18px; }
.size-20 { font-size:20px; }
.size-24 { font-size:24px; }

@media screen and (max-width: 992px) {
.size-16 { font-size:12px; }
.size-18 { font-size:14px; }
.size-20 { font-size:16px; }
.size-24 { font-size:20px; }
}

.logo_name { font-weight:400; text-transform:uppercase; }
.jaune_logo { color:#e1c621; font-weight:700; }
.bleu_logo { color:#00aeef;  text-transform:lowercase; }

.fill-bleu { padding:10px 10px 8px; color:#0092c8; border:5px solid #0092c8; margin:1rem 0; font-weight:600; transition:all ease-in 0.2s; }
.fill-bleu:hover { padding:10px 10px 8px; color:#fff; background:#0092c8; border:5px solid #0092c8; margin:1rem 0; font-weight:600; }
.fill-blanc { padding:10px; border:2px solid #fff; margin-bottom:1rem; }
.fill-rose { padding:10px; border:2px solid #4bbf44; margin-bottom:1rem; }


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label
{
  color: #fff; /* Start color when not clicked */
}

.starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */

.starrating > input:hover ~ label
{ color: #ffca08 ;  } /* Set yellow color when star hover */


@media screen and (min-width: 1200px) {
#collapseGradient1 { height:150px; overflow:hidden; transition:all ease-in 0.2s; }
#collapseGradient1.degrade1-hover { height:230px; }

#collapseGradient2 { height:150px; overflow:hidden; transition:all ease-in 0.2s; }
#collapseGradient2.degrade2-hover { height:210px; }




}
@media screen and (max-width: 1200px) {
.li_actu .actu_img { max-height: 200px; min-height: 200px; }
}
.dpt {  column-count: 2; }