* 
{
  box-sizing: border-box;
}

@font-face 
{
  font-family: "DIN";
  src: url('fonts/DINMedium.ttf');
  font-weight: normal;
}

@font-face 
{
  font-family: "DIN";
  src: url('fonts/DIN-Bold.ttf');
  font-weight: bold;
}

@font-face 
{
  font-family: "Poppins";
  src: url('fonts/Poppins-Bold.ttf');
  font-weight: bold;
}

@font-face
{
  font-family: "Poppins";
  src: url('fonts/Poppins-Regular.ttf');
  font-weight: normal;
}

@font-face 
{
  font-family: "Poppins";
  src: url('fonts/Poppins-Medium.ttf');
  font-weight: 500;
}

@font-face 
{
  font-family: "Poppins";
  src: url('fonts/Poppins-Light.ttf');
  font-weight: 300;
}

@font-face 
{
  font-family: "Bodoni";
  src: url('fonts/Bodoni-Bold.ttf');
  font-weight: bold;
}

@font-face 
{
  font-family: "Playfair Display";
  src: url('fonts/PlayfairDisplay-Bold.ttf');
  font-weight: bold;
}

@font-face 
{
  font-family: "Ds-digital";
  src: url('fonts/Ds-Digital-Bold.ttf');
  font-weight: 400;
}

@font-face 
{
  font-family: "Plantagenet Cherokee";
  src: url('fonts/Plantagenet-Cherokee.ttf');
}

/**************************************************************CSS PAR DEFAUT SELON BALISE******************************************************************/
html, body 
{
  font-family: Poppins;
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

table, td, p 
{
  margin: 0px;
  padding: 0px;
  border: none;
}

img {
  border: none;
}

button, ul 
{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

input 
{
  margin: 0;
}

fieldset 
{
  margin: 0;
  padding: 0;
}

/**************************************************************EN TETE DU SITE***********************************************************************/
#entete 
{
  background-color: #171717;
}

.ent_gen 
{
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
}

.ent_men 
{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ent_men a 
{
  font-weight: 500;
  color: white;
  text-decoration: none;
}

.men_sel 
{
  background-image: linear-gradient(white, white);
  background-size: 60% 1px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

#ent_men_mob_list 
{
  display: none;
}

/**********************************************************POSITIONNEMENT DE LA PAGE***********************************************************************/
#page 
{
  background-color: #F2F4FA;
}

.page_int 
{
  display: grid;
  grid-template-columns: 33% 67%;
  grid-template-rows: 1fr auto;
}

.fond_gauche 
{
  background-color: #D5DDE8;
  grid-row-start: 1;
  grid-row-end: 3;
}

.fond_droite 
{
  background: url('images/code_2.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  grid-row: 1 / 3;
  grid-column: 2 / 3;
}

.titre 
{
  display: none;
}

.titre_noir 
{
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.ligne_noir 
{
  border-bottom: solid 1px #000000;
}

.ligne 
{
  border-bottom: solid 1px #FFFFFF;
}

.txt_gauche 
{
  font-weight: 500;
  color: #303B4E;
  grid-column: 1/2;
}

.titre_bas 
{
  font-weight: bold;
  color: #000000;
  align-self: end;
  grid-column: 1 / 2;
}

/**************************************************************ACCUEIl***********************************************************************/
.acc_top 
{
  background-color: #d5dde8;
}

.acc_txt>div>div:nth-child(1) 
{
  text-transform: uppercase;
  font-weight: bold;
  color: #051D40;
  border-bottom: solid 2px #051D40;
  white-space: nowrap;
}

.savoir-faire-titre 
{
  text-transform: uppercase;
  font-weight: bold;
  color: #051D40;
  border-bottom: solid 2px #051D40;
  white-space: nowrap;
}

.acc_txt>div>div:nth-child(2) 
{
  text-align: center;
  color: #051D40;
}

.acc_txt div:nth-child(2) 
{
  font-family: Poppins;
  font-weight: bold;
  text-align: center;
}

.acc_txt .yearday 
{
  border: none;
  font-family: Poppins;
  font-weight: bold;
  text-align: center;
}

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

.liens_btn
{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 16px;
}

.liens_btn a 
{
  font-weight: 500;
  color: #292929;
  text-transform: uppercase;
  text-decoration: none;
}

.acc_infos 
{
  display: flex;
  justify-content: space-around;
  text-transform: uppercase;
  background-color: white;
}

.acc_bottom 
{
  background-color: #F2F4FA;
}

.acc_sol_titre 
{
  font-family: Poppins;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.acc_sol_ligne 
{
  width: 120px;
  border-bottom: solid 1px #000000;
  margin: auto;
}

.acc_sol_int 
{
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  box-shadow: 0px 10px 40px #00000029;
  margin: auto;
  justify-content: space-between;
  width: 100%;
}

.acc_sol_pave 
{
  background-color: white;
}

.acc_sol_pave div 
{
  text-align: center;
}

.acc_sol_pave div:nth-child(2) 
{
  font-family: Poppins;
  font-weight: bold;
  color: #5F78A7;
}

.acc_sol_pave div:nth-child(3) 
{
  font-weight: 500;
  color: #707070;
}

.countdown 
{
  text-align: center;
}

/**********************************************************Page CLIENTS*********************************************************************/
.clients 
{
  display: grid;
}

/**********************************************************Page EQUIPE*********************************************************************/
.equipe 
{
  display: grid;
}

.equipe div.eq_princ 
{
  background-color: #FFFFFF;
  border-radius: 12px;
}

.eq_princ 
{
  text-align: center;
  font-family: Poppins;
  font-weight: normal;
}

/********************************************************Page CONTACT/TEAMVIEWER*********************************************************************/
.ctc_info 
{
  font-weight: bold;
  color: #303B4E;
  font-family: PlayfairDisplay-Bold
}

.ctc_info>div 
{
  display: flex;
}

.ctc_input, .team_input 
{
  margin: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 12px;
  font-family: Poppins;
  font-weight: normal;
  color: #303B4E;
}

.ctc_msg, .team_msg 
{
  font-weight: normal;
  font-family: Poppins;
  color: #C94344;
  text-align: center;
  min-height: 27px;
}

.ctc_input input[type=text],
.ctc_input textarea,
.team_input input[type=text],
.team_input textarea 
{
  font-weight: bold;
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 10px;
  font-family: Poppins;
  border: none;
}

.ctc_input input[type=text]:focus,
.ctc_input textarea:focus,
team_input input[type=text]:focus,
.team_input textarea:focus 
{
  color: #303B4E;
  background-color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #707070;
  border-radius: 10px;
  font-family: Poppins;
}

.ctc_input input[type=submit] 
{
  background-color: #FFFFFF;
  border: solid 1px #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 16px;
  background-image: url("images/valider.svg");
  background-repeat: no-repeat;
  background-position: 51px 14px;
  background-size: 15px;
  color: #2A9994;
  font-family: Poppins;
  font-weight: bold;
  text-align: left;
}

.team_input input[type=submit] 
{
  background-color: #FFFFFF;
  border: solid 1px #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 16px;
  background-image: url("images/valider.svg");
  background-repeat: no-repeat;
  background-position: 51px 13px;
  background-size: 12px;
  color: #2A9994;
  font-family: Poppins;
  font-weight: bold;
  text-align: left;
}

.ctc_input div:last-child,
.team_input div:last-child 
{
  text-align: right;
}

/*****************************************************Page TELEMAINTENANCE*********************************************************************/
.team_jlm 
{
  margin: auto;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 12px;
  font-family: Poppins;
  font-weight: normal;
  color: #303B4E;
}

.team_img 
{
  display: flex;
  justify-content: space-around;
  margin: auto;
}

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

.pie_gen 
{
  margin: auto;
}

.pie_contact a 
{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #FFFFFF;
  border-radius: 16px;
}

.pie_copy 
{
  text-align: left;
  color: #FFFFFF;
}

.pie_img_mob 
{
  display: none;
}

/************************************************ERREURS*********************************************************************/
.error 
{
  display: flex;
  justify-content: center;
  gap: 0px 150px;
  width: 86%;
  margin: auto;
  align-items: center;
  min-height: calc(100vh - 205px);
  max-height: max-height: 2124px;
}

.error_img 
{
  width: 20%;
}

.error_img img 
{
  width: 100%;
}

.error_txt 
{
  width: 50%;
}

.error_txt>div:nth-child(1),
.error_txt>div:nth-child(2) 
{
  font-weight: bold;
}

.error_txt>div:nth-child(4) a 
{
  color: #171717;
  font-weight: bold;
  text-decoration: none;
}

.error_txt>div:nth-child(4) div 
{
  width: max-content;
  border-bottom: solid 2px #171717;
  padding: 2px 0px;
}

/************************************************EDITEUR*********************************************************************/
.edi_toolbar 
{
  display: flex;
}

.editeur>.edi_body>iframe 
{
  width: 100%;
  min-height: 350px;
}

.gestion_enregistrement label 
{
  display: block;
}

.gest_enr_submit 
{
  text-align: center;
  margin: 10px 0px 10px 0px;
}

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

.oauth2_fond
{
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('images/code_2.jpg');
  background-size: 100% 100%;
  height: 100vh;
}

.oauth2_cadre
{
  background-color: #FFFFFF;
  border-radius: 12px;

}

.oauth2_txt
{
  color: #051D40;
}

.oauth2_txt>div:nth-child(1) 
{
  font-weight: bold;
}