/* CSS File for ITI Installations SA */
/* Author:eev | aae */
/* Version:01 / 05.2023 */ 

@import 'hamburger.css';
@import 'cookies.css';
@import 'responsive.css';

/* Protection des images */
img {pointer-events: none;}

/* Fonts */
p {
font-family:"open-sans", sans-serif;
font-weight:400;
font-style:normal;
font-size:16px;
line-height:22px;
}
.italic {font-style:italic}
.light {font-weight:300}
.semibold {font-weight:600}
.bold {font-weight:700}
.extrabold {font-weight:800}

a {
color:#4570A5;
font-weight:600;
text-decoration:none;
}
a:hover {color:#1B3B91}

h1 {
font-family:"open-sans", sans-serif;
font-size:2.5em;
color:#1B3B91;
font-weight:600;
margin-bottom:20px;
}
h2 {
font-family:"open-sans", sans-serif;
font-size:2em;
color:black;
font-weight:600;
margin-bottom:20px;
}
h3 {
font-family:"open-sans", sans-serif;
font-size:1.5em;
color:#1B3B91;
font-weight:700;
margin-bottom:15px;
}

/* Couleurs */
.bleu1 {color:#1B3B91}
.bleu2 {color:#4570A5}
.white {color:white}

/* Top */
.top-banner {
margin:0;
width:100%;
background-color:#4570A5;
height:75px;
}
.brand-logo {
background-color:white;
width:260px;
height:240px;
padding:20px;
z-index:999;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
.navbar {padding-top:20px}
.nav-item {margin-right:30px}
.nav-item:last-child {margin-right:0}
.active {border-bottom:solid 2px white}
.nav-link {
font-family:"open-sans", sans-serif;
font-weight:700;
font-style:normal;
font-size:16px;
color:white;
}

/* Intros */
.intro {
height:auto;
background-size:cover;
background-attachment:fixed;
padding-top:200px;
padding-bottom:25px;
margin-bottom:100px
}
.intro2 {
height:40vh;
background-size:cover;
background-attachment:fixed;
padding-top:200px;
margin-bottom:100px
}

/* Intros Backgrounds */
.bg-accueil {background-image:url(../images/bg-accueil.jpg)}

/* Teasers */
.flexbox-teaser {
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:30px;
}
.teaser {
width: 260px;
background-color:rgba(69, 112, 165, 0.85);
border-radius:0.375rem;
}
.teaser:hover {background-color:rgba(27, 29, 145, 0.85)}

/* Call to action */
.call {
text-align:center;
margin:50px 0;
}
.btn-call {
background-color:#4570A5;
padding:10px 15px;
font-size:22px;
color:white;
font-weight:600;
}
.btn-call:hover {
background-color:#1B3B91;
color:white;
}

/* Spacing */
.bottom25 {margin-bottom:25px}
.bottom50 {margin-bottom:50px}

/* Partenaires */
.flexbox-partenaires {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
gap:30px;
}

/* Pictos */
.picto {
height:40px;
margin-right:15px;
}

/* Videos */
.videos {
width:100%;
height:200px;
}

/* Organigramme */
.organigramme {
border: solid 2px #1B3B91;
padding:25px;
}

/* Footer */
.footer {
background-color:#4570A5;
padding:50px;
margin-top:100px;
}
.footer a{color:white}
.footer a:hover {color:#1B3B91}
.flexbox-footer {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
}

/* e-tec */
.container-e-tec {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 65%; /* 4:3 Aspect Ratio */
}
  
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}