/*
Theme Name:      hello-Zchild
Description:     Theme enfant pour hello-elementor
Author:          Beno - ZEDRIMTIM
Author URI:      http://www.zedrimtim.com
Template:        hello-elementor
Version:         1.0.0
*/



/*------------------ Style COMMUN ------------------*/

html{
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

/*------------------ Custom Theme ------------------*/
footer a{
  color: #ffffff!important;
}
footer a:hover{
  color: #1E87F0!important;
}
.uk-slidenav{
  color: #ffffff!important;
}


#header{
    backdrop-filter: blur(5px); /* Flou appliqué à ce qui est derrière */
  -webkit-backdrop-filter: blur(5px); /* Pour la compatibilité avec certains navigateurs */
}




/*------------------ PAGE ACCUEIL ------------------*/
#accueil_slider{
  z-index: 1000!important;
}


#accueil_navslider{
z-index: 2000;
position: absolute;
top: 120px;
left: calc(50% - 200px);
}
#accueil_slider .uk-slideshow-items, #accueil_slider .background{
  width: 100%;
  height: calc(100vh - 120px);
}
#accueil_slider .titre{
  max-width: 1000px;
  margin-top: -20px;
}

#accueil_navslider .bloc_bt{
  color: #ffffff;
}
#accueil_navslider .bloc_bt .bt{
margin: 0px 10px;
padding: 0px 25px;
border-radius: 20px;
}

#accueil_navslider .bloc_bt .bt h2{
display: inline-block; 
font-size: 14px;
font-weight: 600;
margin: 5px 0px;
}
#accueil_navslider a{
  color: #ffffff;
}

#accueil_slider .txtimg{
  margin-top: -40px;
}

#accueil_slider .texte h3{
font-size: 28px;
font-weight: 200;
}
#accueil_slider .texte p{
font-size: 17px;
}


#accueil_slider .colonnes{
  height: 100%;
}

#accueil_slider .texte{
  color: #ffffff;
  margin-top: 150px;
  font-family: "Poppins", sans-serif;
}
#accueil_slider .visuel{
  margin-top: -200px;
}
#accueil_slider .visuel img{
  max-width: 95%;
}

#accueil_slider .uk-button-default{
background-color: #ffffff;
border: none;
color: #1D71B8;
font-size: 18px;
font-weight: 400;
padding: 10px 40px;
 text-transform:lowercase;
 opacity:0.7;
}
#accueil_slider .uk-button-default:hover{
  opacity: 1;
}
#linkedinposts button{
  background-color: #cccccc;
border-radius: 5px;
padding: 5px 10px;
font-size: 16px;
}


/*------------------ PAGE LISTE PROJETS ------------------*/
#liste_header{
  padding-top: 0px;
}
.vig_projet{
  border-right: 8px solid #ffffff;
  border-left: 8px solid #ffffff;
  height: 340px;
}

.blur_image {
  filter: blur(1px);
}

.vig_projet h4{
margin-bottom: 0px;
font-family: "Poppins", sans-serif;

}
.vig_projet p{
font-family: "Poppins", sans-serif;
color:#ffffff!important;
margin-top: 10px;
}
.vig_projet h5{
font-family: "Poppins", sans-serif;
color:#d2d2d2;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#projets_filtre .uk-subnav-pill>*{
  padding-left: 0px;
}
#projets_filtre .uk-subnav-pill>*>a{
  border-radius: 20px;
  padding: 5px 20px;
  text-decoration: none;
}
#projets_filtre .uk-subnav-pill>.uk-active>a{
  background-color: #0071BB!important;
  border-radius: 20px;
  padding: 5px 20px;
}
#projets_filtre .uk-subnav-pill>*>a:hover{
    border-radius: 20px;
  padding: 5px 20px;
}

/*------------------ PAGE SINGLE PROJET ------------------*/

#projet_infos_titre{
  border-left:8px solid #1D71B8;
  padding-left: 10px;
  margin-bottom: 60px;
}
.projet_infos_type {
  font-weight: 800!important;
  color: #1D71B8!important;
  display: inline-block;
}
.projet_infos_tableau{
  padding: 10px;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}

.bandeau{
  width: 100%;
  height: 40vw;
}
#projet_infos{
  font-family: "Poppins", sans-serif!important; 
}

#projet_infos_ctr{
  padding: 20px 0px;
}
#projet_infos_ctr .greybloc{
  padding:20px;
  background-color: #f4f4f4;
  color: #0071BB;
  margin-bottom: -70px;
}
#projet_infos_ctr a{
  background-color: #0071BB;
}
/*------------------ Footer ------------------*/


/*------------------ Custom Module TARTEAUCITRON ------------------*/

#tarteaucitronAlertBig{
	background-color: #000000!important;
	opacity:0.9!important;
}
#tarteaucitronCloseAlert{
	background-color: #000000!important;
  border : 1px solid #333333!important;
  color : #d0d0d0!important;
	font-family: poppins, Arial, sans-serif!important;
}
.tarteaucitronAllow {
  background-color:#EEC66C!important;
	padding:15px 25px !important;
	color : #000000!important;
	font-family: poppins, Arial, sans-serif!important;
}
.tarteaucitronDeny{
background-color: #333333!important;
color : #d0d0d0!important;
font-family: poppins, Arial, sans-serif!important;
}


/*------------------ RESPONSIVE ------------------*/
@media (min-width: 1680px) {
#accueil_slider .txtimg{
  margin-top: 240px;
}
#accueil_slider .visuel img{
  max-width: 100%;
}
}
@media (min-width: 1260px) and ( max-width: 1679px) {
#accueil_slider .txtimg{
  margin-top: 100px;
}
}
/*passage responsive*/
@media (max-width: 980px) {
#accueil_slider .titre{
  max-width: 700px;
  margin-top: -30px;
  margin-bottom: -20px;
}
#accueil_slider .texte h3{
text-align: center;
}
#accueil_slider .texte p{
text-align: center;
}
#accueil_slider .visuel{
max-width: 80%;
margin-top: -50px;
margin-left: 80px;
}

}
/* Elementor */
@media (max-width: 767px) {
#accueil_slider .texte{
  margin-left: 20px;
  margin-right: 20px;
}
#accueil_navslider{
top: 90px;
left: calc(50% - 220px);
}
#accueil_navslider .bloc_bt .bt{
  margin: 0px 0px;
}
#accueil_slider .texte h3{
font-size: 22px;
font-weight: 200;
}
#accueil_slider .texte p{
font-size: 14px;
}
#accueil_slider .visuel{
max-width: 100%;
margin-left: 60px;
margin-top: -20px;
}
#projet_infos_ctr .greybloc{
  margin-bottom: -50px;
}
}

@media (max-width: 480px) {
#accueil_navslider .bloc_bt .bt{
  padding: 0px 20px;
}
#accueil_navslider .bloc_bt .bt h2{
 font-size: 12px;
}
#accueil_navslider{
top: 90px;
left: calc(50% - 185px);
}
#accueil_slider .titre{
  max-width: 250px;
  margin-top: -50px;
  margin-bottom: -20px;
}
#accueil_slider .visuel{
  margin-top: -20px;
  margin-left: 20px;
}
#accueil_slider .uk-button-default{
font-size: 16px;
font-weight: 400;
padding: 0px 20px;
}
}

@media (max-width: 320px) {

}



/*------------------ DEBEUG------------------*/
.rouge {
  background-color: red;
}
.jaune {
  background-color: yellow;
}
.vert {
  background-color: green;
}
.bleu {
  background-color: blue;
}