body { 
	margin: 0px; 
	padding: 0px; 
}
#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;
}

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

img.ma_photo {
	width: 100%;
}

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

#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: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #875e5e;
}

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; }