* {
	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-family : Playfair Display;
	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-family : Playfair Display;
	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;
}