body { 
	margin: 0px; 
	padding: 0px; 
}

/* ---- Settings FORM-VARIOUS-INPUT ---- */

input, textarea, select { 
	color: #16192f; 
	font-size: 17px; 
}

input::placeholder {
	color: #aab9d5;
	font-style: italic;
	font-size: 17px;
}

textarea::placeholder {
	color: #aab9d5;
	font-style: italic;
	font-size: 17px;
}

input, textarea:focus { 
	outline:none; 
}

/* ---- END - Settings FORM-VARIOUS-INPUT ---- */

#Global_Page { position: relative; width: auto; height: auto; min-width: 360px; overflow: auto; overflow-y: hidden;}

#mon_entete {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto; 
	overflow-y: hidden;
}

#cadre_principal_entete {
	position: relative;
	width: 1280px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #3737d7;
	overflow: auto; 
	overflow-y: hidden;
}

#mon_logo {
	position: relative;
	width: 150px;
	border: 0;
}

#image_head {
	position: absolute;
	height: 160px;
	width: 413px;
	top: 0px;
	right: 0px;
	background: url(/images/image_head.webp) center top; 
	background-size: 413px 160px;
	background-repeat: no-repeat;
}

div.div_logo { float: left; }
span.span_logo { font-size: 30px; margin-top: 30px; font-weight: bold; float: left; color: #c9c9d9; }

#cadre_entete_1 {
	position: relative;
	width: 100%;
	height: 160px;
}
#cadre_entete_2 {
	position: relative;
	width: 100%;
	height: 40px;
}

#menu_haut {
	position: relative;
	margin-left: 200px;
	height: 40px;
	width: auto;
}

div.menu_haut_item_div {
	height: 40px;
	width: auto;
	margin-right: 30px;
	float: left;
}

span.menu_haut_item_span {
	line-height: 40px;
	vertical-align: middle;
	font-size: 22px;
	color: #c9c9d9;
}

#centre {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto; 
	overflow-y: hidden;
}

#cadre_principal_centre  {
	position: relative;
	width: 1280px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #c9c9d9;
	overflow: auto; 
	overflow-y: hidden;
}

#Panel_Left {
	position: relative;
	width: 360px;
	height: auto;
	float: left;
}

div.contenant_img {
	position: relative;
	width: 340px;
	height: auto;
	float: left;
	margin: 10px;
}

div.contenant_img2 {
	position: relative;
	width: 340px;
	height: auto;
	float: left;
	margin: 10px;
	display: flex;
	justify-content: center;
}

div.contenant_img3 {
	position: relative;
	width: 900px;
	height: auto;
	float: left;
	margin: 10px;
	display: flex;
	justify-content: center;
}

img.ma_photo {
	width: 100%;
}

img.mon_shoot_horiz { 
	width: 30%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.mon_shoot_verti { 
	width: 23%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.pub_photo_vertical {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

img.pub_photo_horizontal {
	width: 676px;
	margin-left: auto;
	margin-right: auto;
}

div.contenant_txt {
	position: relative;
	float: left;
	width: 900px;
	height: auto;
	margin: 10px 10px 50px 10px;
	
}

div.contenant_txt2 {
	position: relative;
	float: left;
	width: 900px;
	height: auto;
	margin: 10px 10px 100px 10px;	
}

p.beau_paragraphe {
	text-align: justify;
	text-indent: 40px;
}

#mon_pied_de_page {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto; 
	overflow-y: hidden;
}

#cadre_principal_pied_de_page {
	position: relative;
	width: 1280px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-color: #875e5e;
	text-align: center;
}

span.centered_text {
	vertical-align: middle;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
}

div.UnderlineCentered {
	display: inline-block;
	overflow: hidden;
}

a.UnderlineCentered {
  position: relative;
  text-decoration: none;
  padding-bottom: 4px;
}

a.UnderlineCentered::before {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 50%;
  background-color: #c9c9d9;
  transform: translateX(-50%);
  transform-origin: center;
  transition: width 0.8s ease;
}

a.UnderlineCentered:hover::before {
  width: 100%; /* S'étend à 100% de sa largeur à partir du centre */
}

table.table_general {
	border: 0;
	padding-left: 30px;
	border-collapse: separate; /* Obligatoire pour que border-spacing fonctionne */
    border-spacing: 15px;
}

td { padding: 8px; }

td.td_premier_col {
	vertical-align: top;
}

span.texte_gras { font-weight: bold; }

/* Form Contact */

span.Contact_Title { 
	color: #16192f;
	font-size: 27px;
}

div.Contact_Main_Border { position: relative; width: 560px; height: auto; padding: 10px; border-radius: 18px; overflow: auto; overflow-x: hidden; overflow-y: hidden; background-color: #dde3ee; margin-left: auto; margin-right: auto; display: flex; align-items: center;}
div.Contact_Main { position: relative; width: 560px; border-radius: 10px; overflow: auto; overflow-x: hidden; overflow-y: hidden; background-color: #9091A2; padding-bottom: 15px; margin-left: auto; margin-right: auto; }

div.Frame_Icon_Frame_General_Msg { position: relative; height: 20px; width: 25px; display: inline-block; }
div.Frame_Icon_General_Msg { position: absolute; top: 6px; height: 20px; width: 25px; }
span.Error_Contact_General_Text { line-height: 30px; vertical-align: middle; font-size: 18px; }

#Contact_Main_Frame { position: relative; width: 100%; height: auto; margin-top: 50px; display: inline-block; }
#Contact_Title { position: relative; width: 540px; overflow: auto; overflow-y: hidden; text-align: center; margin-left: 10px; margin-top: 10px;}

#Form_Contact_FirstName_Input { width: calc(70% - 20px); box-sizing: border-box; height: 40px; margin-left: 10px; text-align: left; color: #16192f; border-radius: 3px; text-indent: 15px; vertical-align: middle; border: 1px #16192f solid; }
#Form_Contact_LastName_Input { width: calc(70% - 20px); box-sizing: border-box; height: 40px; margin-left: 10px; margin-top: 20px; text-align: left; color: #16192f; border-radius: 3px; text-indent: 15px; vertical-align: middle; border: 1px #16192f solid; }

#Form_Contact_Email_Input { 
	width: calc(70% - 20px); 
	box-sizing: border-box; /* Prevent browser to resize input */
	height: 40px; 
	margin-left: 10px; 
	margin-top: 20px; 
	color: #16192f; 
	border-radius: 3px; 
	text-indent: 15px; 
	vertical-align: middle; 
	border: 1px #16192f solid; 
}

#Form_Contact_Message_Input { 
	width: calc(100% - 20px); 
	box-sizing: border-box; /* Prevent browser to resize input */ 
	margin-left: 10px; 
	margin-top: 20px; 
	color: #16192f; 
	border-radius: 3px; 
	text-indent: 15px; 
	vertical-align: middle; 
	border: 1px #16192f solid; 
}

#Form_Contact_FileToUpload {
	position: relative;
	margin-top: 20px;
}
#Form_Contact_FileToUpload_Label {
	width: calc(100% - 20px); 
	box-sizing: border-box; /* Prevent browser to resize input */ 
	margin-left: 10px; 
	
}


span.FontContactText { color: #16192f; font-size: 17px; line-height: 30px; vertical-align: middle; }

div.Form_Error { position: relative; color: #fb8282; font-size: 17px; overflow: auto; overflow-y: hidden; display: none; }
#Error_Contact_General { width: calc(100% - 30px); padding-left: 15px; margin-top: 15px; text-align: center; }

/* ---- Middle - ICON-SYSTEM-S02 ---- */

div.Icon_System_Success_MSG_02 { position: relative; height: 20px; width: 20px; background: url(/images/Icon_General_Success2.webp) no-repeat; background-size: cover; }
div.Icon_System_Error_MSG_02 { position: relative; height: 20px; width: 20px; background: url(/images/Icon_General_Error2.webp) no-repeat; background-size: cover; }

/* ---- END - Middle - ICON-SYSTEM-S02 ---- */

/* ---- Middle BUTTON-MED-S02 ---- Button Standard Medium Size */
div.Button_Med_Main_Frame_01 { position: relative; width: 100%; margin-top: 15px; }
div.Button_Med_Main_Frame_02 { position: relative; width: 100%; margin-top: 22px; }
div.Button_Med_Main_Frame_03 { position: relative; width: 253px; height: 68px; margin-right: 10px; float: right; }
div.Button_Med_Main_01 { position: relative; width: 253px; height: 68px; margin-left: auto; margin-right: auto; }

div.Button_Med_BG_Yellow { position: absolute; left: 0px; top: 0px; width: 253px; height: 68px; background: url(/images/Button_Med_Yellow_3D_S02.webp) no-repeat; background-size: 253px 68px;}

div.Button_Med_BG_Grey_Sel { position: absolute; left: 0px; top: 0px; width: 253px; height: 68px; background: url(/images/Button_Med_Grey_3D_S02.webp) no-repeat; background-size: 253px 68px; visibility: hidden;}

div.Button_Med_Icon_Contact { position: absolute; right: 15px; top: 2px; width: 55px; height: 55px; background: url(/images/Icon_Newsletters1.webp) no-repeat; background-size: cover;}

div.Button_Med_Txt_Div { position: absolute; Top: 15px; width: 253px; height: 30px; text-align: center; }
span.Button_Med_Txt_Span { color: #ffffff; font-size: 22px; line-height: 30px; vertical-align: middle; }

div.Button_Med_Cover { position: absolute; left: 0px; Top: 0px; width: 253px; height: 68px; cursor: pointer; background-color: white; opacity:0.0; filter:alpha(opacity=0); }
/* ---- END - Middle BUTTON-MED-S02 ---- */