html {
/* scroll-behavior: smooth;*/
}
body{
font-family: "Montserrat", sans-serif;
}
p{
font-size : 14px ;
font-family: "Montserrat", sans-serif;
color: #444444;
font-weight: 400;
line-height: 26px;
}
.screen-blinder{
position: relative;
/*display: none;*/
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 1, 45, 0.46);
z-index: 7;
cursor: pointer;
}
.alert-status{
display: none;
}
.logo{
height: 4.5rem;
width: 8.5rem;
}
.logo-footer{
height: 100px !important;
width: 200px !important;
}
.vw-100{
width: 100vw !important;
}
.vh-100{
height: 100vh !important;
}
.zindex{
z-index: 1;
}
.border-left-grey{
border-left:1px solid #a59d9d;
border-radius:0 !important;
}
#site-info{
margin-top:6rem;
}
#header-id{
background-color: rgba(250,250,250,0.9);
height: 6rem;
}
#header-id li .active{
font-weight: 900;
/* background-color: transparent !important;*/
border-left: 3px solid #114275 !important;
color: #114275;
padding-left: 15px !important;
}
.navbar-site{
background-color: rgba(250,250,250,0.9);
}
#header-id li a{
line-height: 0.8;
}
.pages{
background-color: white;
}
.bg-grey{
background-color: rgb(240, 240, 240);
}
.bg-yellow{
background: #ddbd05;
}
.bg-red{
background: #BD3B4A;
}
.btn-outline-red{
border-color: #BD3B4A;
background: #fff;
transition-property: border-color;
transition-duration: 1s;
}
.btn-outline-red:hover{
color: #fff;
font-weight:bold;
border-color:#ddbd05;
}
.btn-outline-yellow{
border-color: #ddbd05;
background: #fff;
transition-property: border-color;
}
.btn-outline-yellow:hover{
color: #fff;
font-weight:bold;
border-color: #BD3B4A;
}
.btn-red{
background-color: #BD3B4A;
}
.btn-red:hover{
color: #fff;
font-weight:bold;
background-color: #ddbd05;
}
.btn-yellow{
background-color: #ddbd05;
transition-property: background-color;
}
.btn-muted{
background-color: rgba(250,250,250,0);
}
.btn-yellow:hover{
color: #fff;
font-weight:bold;
background-color: #BD3B4A;
}
.btn-blue{
color: #fff;
background: #133860;
height: 40px;
width: 100px;
}
.btn-blue:hover{
color: #111;
font-weight:bold;
background-color: #ddbd05;
}
.mask{
position: relative;
overflow: hidden;
cursor: default;
height: 100%;
width: 100%
}
.mask .mask-blender{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background-attachment: fixed;
}
.bg-blender-blue{
background-color: rgba(0, 29, 140, 0.6);
}
.bg-blender-red{
background-color:rgba(230, 0, 0, 0.6);
}
.bg-blender-yellow{
background-color: rgba(230, 189, 0, 0.6);
}
.bg-blender-dark{
background-color: rgba(16, 16, 16, 0.75);
}
.icon-search{
color: #fff;
font-size: 1rem;
}
.eye-red{
color: #BD3B4A;
font-size: 1.5rem;
}
.eye-red:hover{
color: #ddbd05;
}
.img{
height: 75vh;
}
.color-red{
color:#BD3B4A !important;
}
.color-yellow{
color: #ddbd05 !important;
}
.color-blue{
color: #114275 !important;
}
.color-blue-light{
color:#DEF1FB;
}
.color-grey{
color: #6b9eb6;
}
.carte-box-st{
-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
}
.fontss{
font-weight: 400;
font-size: 2.5rem;
}
.hover-yellow:hover{
border: 1px solid;
border-color: #ddbd05;
}
.hover-blue:hover{
border: 1px solid;
border-color: #114275;
}
.hover-red:hover{
border: 1px solid;
border-color: #BD3B4A;
}
.bg-carte{
background-color: #f9f6f6;
}
.title{
color: #114275;
letter-spacing: 5px;
}
.title-child{
color: #ddbd05;
}
.border-red{
border:2px solid #BD3B4A !important;
}
.border-yellow{
border: 2px solid #ddbd05 !important;
}
.images{
height: 10rem;
}
.contact-part{
margin:1em;
}
.contact-partul li{
list-style:none !important;
}
.icon-comment{
position: relative;
top: 0px;
right: 0px;
border-radius: 0px;
line-height: 40px;
height: 45px;
width: 45px;
padding: 0px;
border: none;
}
.contact-icon{
margin-right: 5px;
margin-bottom: 5px;
background: #133860;
cursor: pointer;
width: 45px !important;
height: 45px;
padding: 0px;
text-align: center;
line-height: 40px;
border-radius: 50%;
}
.contact-icon:hover{
background-color:#ddbd05;
}
.contact-icon a{
color: #fff;
}
.contact-icon a:hover{
color: #111;
}
.icon-comment i{
font-size:21px;
color:#fff;
}
.icon-comment i:hover{
color:#111;
}
.my-input{
background-color: #e2e2e2;
border: 1px solid #197adf;
border-radius: 0;
height: 40px
}
.about-part{
background-image: linear-gradient( rgba(159, 137, 128, 0.23), rgba(173, 169, 148, 0.73)),url(../images/téléchargement-2.jpg);
background-size: 100%;
height: 150px;
}
.services-part{
background-image: linear-gradient(rgba(159, 137, 128, 0), rgba(173, 169, 148, 0.19)),url(../images/tunnel-de-carte-électronique-de-carte-pcb-animé-technologie-jaune-loopable-69981601.jpg);
background-size: 100%;
height: 150px;
}
.product-part{
background-image: linear-gradient( rgba(159, 137, 128, 0.47), rgba(173, 169, 148, 0.62) ),url(../images/sliderCAG_GERAL.jpg);
background-size: 100%;
height: 150px;
}
.cont-part{
background-image: linear-gradient( rgba(159, 137, 128, 0.47), rgba(173, 169, 148, 0.62) ),url(../images/slider2.jpg);
background-size: 100%;
height: 150px;
}
.cursor{
cursor: pointer;
}
.samll-img{
height: 100px;
width: 100px;
}
.__slide{
height: 20rem;
}
.sndtk-multiCarousel {
float: left;
overflow: hidden;
padding: 15px;
width: 100%;
position:relative;
}
.sndtk-multiCarousel .sndtk-multiCarousel-inner {
transition: 1s ease all;
float: left;
touch-action: none;
}
.sndtk-multiCarousel .sndtk-multiCarousel-inner .sndtk-item {
float: left;
}
.sndtk-multiCarousel .sndtk-multiCarousel-inner .sndtk-item > div {
text-align: center;
height: 10rem !important;
background:#fff;
color:#424242;
}
.sndtk-multiCarousel .prev-nav, .sndtk-multiCarousel .next-nav {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(225, 218, 172, 0.6);
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(221, 189, 5, 0.1);
}
.sndtk-multiCarousel .prev-nav {
left:0;
}
.sndtk-multiCarousel .next-nav {
right:0;
}
.sndtk-multiCarousel .prev-nav.sndtk-disabled, .sndtk-multiCarousel .next-nav.sndtk-disabled {
display: none;
}
@media (max-width: 576px){
.title{
letter-spacing: 2px;
}
.display{
display:none;
}
}
@media (max-width: 992px){
#navbar-site{
margin-top: .9rem;
background-color: rgba(250,250,250,0.9);
padding: 15px;
overflow:auto;
}
#header-id li .active {
font-weight: 900;
background-color: transparent !important;
border-left: 3px solid #114275 !important;
color: #114275;
}
#navbar-site::-webkit-scrollbar {
width: 8px;
}
#navbar-site::-webkit-scrollbar-track {
background-color: #E7E7E7;
}
#navbar-site::-webkit-scrollbar-thumb {
background-color:#ddbd05;
border-radius: 10px;
}
#navbar-site::-webkit-scrollbar-thumb:hover {
background-color: #000;
}
.btn-nav{
width: 3rem;
height: 3rem;
position: relative;
margin: 0 15px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.btn-nav span {
display: block;
position: absolute;
height: 5px;
width: 50%;
background: #ddbd05;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.btn-nav span:nth-child(even) {
left: 50%;
border-radius: 0 9px 9px 0;
}
.btn-nav span:nth-child(odd) {
left: 0px;
border-radius: 5px 0 0 5px;
}
.btn-nav span:nth-child(1), .btn-nav span:nth-child(2) {
top: 0px;
}
.btn-nav span:nth-child(3), .btn-nav span:nth-child(4) {
top: 18px;
}
.btn-nav span:nth-child(5), .btn-nav span:nth-child(6) {
top: 36px;
}
.btn-nav.open span:nth-child(1),.btn-nav.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn-nav.open span:nth-child(2),.btn-nav.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn-nav.open span:nth-child(1) {
left: 5px;
top: 7px;
}
.btn-nav.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}
.btn-nav.open span:nth-child(3) {
left: -50%;
opacity: 0;
}
.btn-nav.open span:nth-child(4) {
left: 100%;
opacity: 0;
}
.btn-nav.open span:nth-child(5) {
left: 5px;
top: 29px;
}
.btn-nav.open span:nth-child(6) {
left: calc(50% - 5px);
top: 29px;
}
}
/* photo domotique*/
.containerdarytek {
display: flex;
width: 100%;
padding: 4% 2%;
box-sizing: border-box;
height: 100vh;
}
.box {
flex: 1;
overflow: hidden;
transition: .5s;
margin: 0 2%;
box-shadow: 0 20px 30px rgba(0,0,0,.1);
line-height: 0;
}
.box > img {
width: 200%;
height: calc(100% - 10vh);
object-fit: cover;
transition: .5s;
}
.box > span {
font-size: 3.8vh;
display: block;
text-align: center;
height: 10vh;
line-height: 2.6;
}
.box:hover { flex: 1 1 50%; }
.box:hover > img {
width: 100%;
height: 100%;
}
/* end photo domotique*/