/**************************************************************EN TETE DU SITE***********************************************************************/
/*Définit la hauteur de l'entête*/
#entete 
{
	height 	: 85px; 
	background-color: #051D40;
}

.ent_gen 
{
	max-width 	: 1800px;
	background-color: #051D40;
}

.ent_soc_mob, .ent_men_mob 
{ 
	display : none; 
}

.ent_soc 
{
	width 	   : calc(33% - 40px);
	max-width  : 694px;
	margin-left : 40px;
}

.ent_soc img 
{
	width 	: 55%;
}

.ent_men 
{
	width 			: calc(67% - 40px);
	max-width  		: 1105px;
}

.ent_men a 
{
	font-size 		: 16px;
	line-height 	: 25px;
	letter-spacing 	: 0px;
	text-transform	: uppercase;	
}

.men_sel a 
{
	font-size 	: 23px;
	line-height : 35px;
}
/**********************************************************POSITIONNEMENT DE LA PAGE***********************************************************************/
#page 
{
	min-height : calc(100vh - 170px);				/*(minimum la hauteur restante du navigateur en retirant entete et pied)*/
}

.page_int 
{
	min-height : calc(100vh - 170px);	
}

.fond_droite 
{
	padding 	: 40px 46px 40px 46px;
}

.fond_droite > div.ligne 
{
	width : 71px;
}

.titre_noir 
{
	font-size 		: 15px;
	line-height 	: 20px;	
	margin-bottom 	: 12.5px;
}

.ligne_noir 
{
	width 	: 80px;
	margin 	: auto;
}

.txt_gauche 
{
	padding-top   : 100px;
	font-size 	  : 15px;
	line-height   : 35px;
	padding-left  : 40px;
	padding-right : 40px;
	padding-bottom : 50px;
}

.titre_bas 
{
	font-size 		: 40px;
	line-height 	: 50px;
	padding-bottom  : 45px;
	padding-left 	: 40px;
}

/**************************************************************ACCUEIl***********************************************************************/
.acc_top 
{
	background-image 	: url("images/code.jpg");
	background-position : top right;
	background-repeat	: no-repeat;
	background-size		: 67% 816px;
	max-width   		: 1920px;
	margin				: auto;
}

.acc_txt 
{
	margin-left : 90px;
	width: 90%;
	margin: auto;
}

.acc_txt > div > div:nth-child(1) 
{
	font-size 		: 20px;
	line-height		: 34px;
	padding-top 	: 36px;

}

.savoir-faire-titre 
{
	font-size: 46px;
	line-height: 60px;
	letter-spacing: 5.67px;
	padding-top: 42px;
	text-align: center;
}

.acc_txt > div > div:nth-child(2) 
{
	font-size: 16px;
}


.acc_txt > div:nth-child(2) 
{
	font-size 	: 32px;
	line-height : 73px;
	color: #051D40;
}

.acc_liens 
{
	margin 		: 22px 27px 0px 45px;
}

.liens_btn 
{
	width	 : 210px;
	height	 : 49px;
}

.liens_btn img 
{
	height : 12px;
}

.liens_btn a 
{
	margin-left 	: 16px;
	font-size 		: 13px;
	line-height 	: 20px;
	letter-spacing 	: 0px;
}

.acc_infos 
{
	grid-row-end: 3;
	grid-column-start: 2;
	font-size		: 14px;
	line-height 	: 24px;
	padding-bottom 	: 13px;
	padding-top 	: 13px;
}

.acc_bottom 
{
	padding-top  	: 93px;
	padding-bottom  : 150px;
}

.acc_sol_titre 
{
	font-size 		: 32px;
	line-height 	: 40px;
}

.acc_sol_ligne 
{
	padding-top 	: 15px;
	margin-bottom 	: 64px;
}


.acc_sol_pave 
{
	height 		: 250px;
	width		: 30%;
	border-radius: 10px;
}

.acc_sol_pave img 
{
	height	: 115%;
}

.acc_sol_int .acc_sol_pave:nth-child(1), .acc_sol_int .acc_sol_pave:nth-child(2) 
{
	border-bottom : solid 1px #E2E2E2;
	border-right  : solid 1px #E2E2E2;
}

.acc_sol_int .acc_sol_pave:nth-child(3) 
{
	border-bottom : solid 1px #E2E2E2;
}

.acc_sol_int .acc_sol_pave:nth-child(4), .acc_sol_int .acc_sol_pave:nth-child(5) 
{
	border-right  : solid 1px #E2E2E2;
}

.acc_sol_pave div:nth-child(1) 
{
	margin-top : 35px;
	height: 20%;
}

.acc_sol_pave div:nth-child(2) 
{
	font-size 	: 20px;
	line-height : 30px;
	margin-top 	: 17px;
}

.acc_sol_pave div:nth-child(3) 
{
	font-size 	: 10px;
	line-height : 24px;
	width		: 85%;
	margin	 	: 5% auto 0px auto;
	padding: 0 5% 0 5%;
}


/**************************************************************HORLOGE A BASCULE***********************************************************************/


#years .segment-overlay,
#days .segment-overlay 
{
  width: 60px;
}

#years .time-segment,
#days .time-segment 
{
  width: 60px;
  font-size: 60px;
}
  
.countdown 
{
  display: flex;
  flex-direction: column;
	font-weight: bold;
	font-size: 15px;
  font-family: Poppins;
	color: #051D40;
  justify-content: space-between;
}

 
.yearday, .hourminsec 
{ 
  display: flex;
  flex-direction: row;
  gap : 13px; /* Espace entre les segments */
  justify-content: center;
}


.time-section 
{
  text-align: center;
  font-size: 13px; /* Taille de police pour les titres */
}
  
.time-group 
{
  display: flex;
  gap: 5px; /* Espace entre les segments */
}
  
.time-segment 
{
  display: block;
  font-size: 32px; /* Taille de police des chiffres*/
  font-weight: 900;
  width: 32px; /* Largeur des segments */
}
  
.segment-display 
{
  position: relative;
  height: 100%;
}
  
.segment-display__top,
.segment-display__bottom 
{
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 50%;
  position: relative;
}
  
.segment-display__top 
{
  line-height: 1.5;
  color: #eee;
  background-color: #051D40;
}
  
.segment-display__bottom 
{
  line-height: 0;
  color: #fff;
  background-color: #0a2b5e;
}
  
.segment-overlay 
{
  position: absolute;
  top: 0;
  perspective: 400px;
  height: 100%;
  width: 32px; /* Largeur de l'overlay */
}
  
.segment-overlay__top,
.segment-overlay__bottom 
{
  position: absolute;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 50%;
}
  
.segment-overlay__top 
{
  top: 0;
  line-height: 1.5;
  color: #fff;
  background-color: #051D40;
  transform-origin: bottom;
}
  
.segment-overlay__bottom 
{
  bottom: 0;
  line-height: 0;
  color: #eee;
  background-color: #0a2b5e;
  border-top: 2px solid black;
  transform-origin: top;
}
  
.segment-overlay.flip .segment-overlay__top 
{
  animation: flip-top 0.8s linear;
}
  
.segment-overlay.flip .segment-overlay__bottom 
{
  animation: flip-bottom 0.8s linear;
}
  
@keyframes flip-top 
{
  0% 
  {
    transform: rotateX(0deg);
  }
  50%,
  100% 
  {
    transform: rotateX(-90deg);
  }
}

@keyframes flip-bottom 
{
  0%,
  50% 
  {
    transform: rotateX(90deg);
  }
  100% 
  {
    transform: rotateX(0deg);
  }
}

/************************************************************PAGE CLIENT******************************************************************/
.clients 
{
	grid-template-columns	: repeat(4, 134px);
	grid-column-gap			: 80px;
  grid-row-gap			: 20px;
	justify-content			: center;
}

.clients img 
{
	height 		: 99px;
	width		: 134px;
	object-fit 	: contain;
}

/************************************************************PAGE EQUIPE******************************************************************/
.equipe 
{
	grid-template-columns	: repeat(3, 193px);
	grid-template-rows		: repeat(2, 303px);
	grid-column-gap			: 99px;
    grid-row-gap			: 142px;
	justify-content			: center;
	align-items				: center;
}

.equipe div.eq_princ:nth-child(2) 
{
	grid-row-start 		: 1;
	grid-row-end   		: 3;
	grid-column-start: 	2;
	grid-column-end 	: 3;
}

.equipe img 
{
	margin-top  : 24px;
	height 		: 177px;
	width		: 137px;
	object-fit 	: contain;
}

.eq_princ 
{
	font-size 	: 12px;
	line-height : 18px;
	height		: 257px;
}


.eq_princ div:nth-child(2) 
{
	margin-top : 10px;
}

/************************************************************PAGE CONTACT******************************************************************/
.ctc_info 
{
	font-size 		: 18px;
	line-height	 	: 33px;
	margin-left 	: 60px;
	margin-top  	: 86px;
	margin-bottom 	: 100px;
}

.ctc_info > div div:nth-child(1) 
{
	height 		: 29px;
	margin-top 	: 3.5px;
}

.ctc_info img 
{
	height : 29px;
}

.ctc_info > div:nth-child(n+2) 
{
	margin-top : 27px;
}

.ctc_info > div div:nth-child(2) 
{
	margin-left : 18px;
}

.ctc_map 
{
	width		: 349px;
}

.ctc_input, .team_input 
{
	width 			: 566px;
	font-size 		: 12px;
	line-height 	: 21px;
	padding		 	: 48px 105px 45px 105px;
	margin-top		: 88px;
}

.ctc_msg, .team_msg 
{
	font-size 		: 12px;
	line-height 	: 25px;
	margin-top  	: 30px;
	margin-bottom 	: 20px;
}	

.ctc_input > div label 
{
	display 	  : block;
	margin-bottom : 9px;
}

.ctc_input input[type=text], .ctc_input textarea 
{
	font-size 		: 12px;
	line-height 	: 34px;
	width 			: 356px;
	padding			: 0px 10px 0px 10px;
}

.team_input input[type=text], .team_input textarea 
{
	font-size 		: 12px;
	line-height 	: 31px;
	width 			: 356px;
	padding			: 0px 10px 0px 10px;
}

.ctc_input textarea 
{
	height : 88px;
}

.team_input textarea 
{
	height : 75px;
}

.ctc_input input[type=submit], .team_input input[type=submit] 
{
	margin-top 		: 30px;
	height 			: 41px;
	width 			: 182px;
	font-size		: 15px;
	line-height		: 23px;
	padding-left 	: 76px;
}

/*****************************************************Page TELEMAINTENANCE*********************************************************************/
.center 
{
	text-align : center;
}

.team_input 
{
	margin-top : 24px;
	width 	   : 649px;
	padding	   : 36px 146px 36px 146px;
	font-size  : 12px;
}

.team_input div.ligne 
{
	margin			: 16px auto 0px auto;
}

.team_input > div label 
{
	display 	  : block;
	margin-bottom : 8px;
}

.team_msg 
{
	margin-top 		: 9px;
	font-size 		: 12px;
	margin-bottom 	: 9px;
}

.team_img 
{
	width 		: 344px;
	margin-top 	: 30px;
}

.team_jlm 
{
	width 			: 496px;
	font-size 		: 12px;
	line-height 	: 21px;
	margin-top		: 30px;
	padding	  		: 25px 76px 25px 76px;
}

.team_img img 
{
	width : 147px;
	height: 111px;
}

.team_input input[type=submit] 
{
	margin-top 		: 18px;
	height 			: 35px;
	width 			: 193px;
	font-size		: 12px;
	line-height		: 18px;
}

/*********************************************************PIED DU SITE***********************************************************************/
#pied 
{
	background-color: #051D40;
}

.pie_gen 
{
	max-width 		: 1920px;
	height			: 85px;
	background-color: #051D40;
}

.pie_log 
{
	margin-left : 90px;
	margin-right: 90px;
	display 	: flex;
	justify-content : space-between;
}

.pie_log > div:nth-child(1) 
{
	width : 1189px;
}

.pie_log > div > div.ligne 
{
	margin-top : 18px;
}

.pie_log img 
{
	margin-top 	: 40px;
	height 		: 43px;
}

.pie_contact a 
{
	font-size 		: 17px;
	line-height 	: 25px;
	margin-top		: 35px;
	height 			: 43px;
	width			: 185px;
}

.pie_copy 
{
	font-size 		: 14px;
	line-height 	: 21px;
	margin-top 		: 35px;
	margin-left 	: 100px;
}

/************************************************ERREURS*********************************************************************/
.error_txt > div:nth-child(1) 
{
	font-size 	: 28px;
	margin-top 	: 32px;
}

.error_txt > div:nth-child(2) { margin-top : 52px; }

.error_txt > div:nth-child(3) { margin-top : 20px; }

.error_txt > div:nth-child(4) { margin-top : 30px; }

.error_txt > div:nth-child(4) a  { font-size : 16px; }

.error_txt { font-size : 18px; }


/************************************************OAUTH2*************************************************************/

.oauth2_cadre
{
  width 		: 600px;
  padding 	: 40px 60px 40px 60px;
  border 		: solid 1px #E2E2E2;
  border-radius : 10px;
}

.oauth2_txt>div:nth-child(1) { font-size: 30px; }

.oauth2_txt>div:nth-child(2) 
{
  margin-top : 20px;
  font-size 	: 20px;
  line-height : 27px;
}

.oauth2_txt>div:nth-child(3)
{
  margin-top : 20px;
  font-size 	: 16px;
}