#corps,#menu {
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}

#corps {
	/*width: 625px;*/
	margin-right: 15px;
        background-color: #f5fff0;
}

#corps img {
	text-align: center;
	margin-top: 10px;
	box-shadow: 0px 2px 2px black;
}

#corps h1 {
	background: #7cbc77;
	background-image: linear-gradient(60deg, #7cbc77, #98FB98);
	font-size: 1.1em;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-weight: bold;
	color: white;
	text-shadow: 0.1em 0.1em 0.2em black;
	border-radius: 5px;
	box-shadow: 0px 2px 2px black;
}

#corps h2 {
	font-size: 1.0em;
	font-weight: bold;
	width: 40%;
	color: white;
	text-shadow: 0.1em 0.1em 0.1em black;
	border-style: solid;
	border-color: #B22222;
	background-color: #B22222;
	box-shadow: 0px 2px 2px black;
	margin-top: 20px;
	margin-bottom: 10px;
}

#corps h3 {
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 10px;
}

#corps,#menu {
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}

#corps {
	/*width: 625px;*/
	margin-right: 15px;
}

#corps img {
	text-align: center;
	margin-top: 10px;
	box-shadow: 0px 2px 2px black;
}


#corps p {
	font-size: 1.0em;
}

#corps .pp {
	text-align: center;
	font-size: 1.0em;
	font-weight: bold;
	color: darkred;
	text-shadow: 0.1em 0.1em 0.2em black;
}

#corps .pp strong {
	text-align: center;
	font-size: 1.7em;
	font-weight: bold;
	color: #D2691E;
	text-shadow: 0.1em 0.1em 0.2em black;
}

#corps .ps {
	width: 85%;
	text-align: center;
	font-size: 2.1em;
	font-weight: bold;
	color: white;
	background: #a1e2a1;
	text-shadow: 0.1em 0.1em 0.2em black;
	border: 1px solid darkgreen;
	border-radius: 5px;
	box-shadow: 0px 1px 1px black;
}


#resultat a {
	font-size: 0.9em;
	font-weight: bold;
	color: #080169 !important; 
	text-decoration: none;
}

#corps table td a,
#corps a:visited,
#corps a:active {
	font-size: 0.9em;
	font-weight: bold;
	color: #080169 !important;
	text-decoration: none;
}

#corps a:hover {
	color: #080169 !important;
}

#corps a:hover {
	font-size: 0.9em;
	font-weight: bold;
	color: #006400;
	text-decoration: none;
}

#corps table {
	border-collapse: collapse;
	width: 100%;
	max-width: 900px;
	box-shadow: 0px 1px 1px black;
	border: 1px solid #B22222;
	border-radius: 5px;
}

#corps td {
	max-width: 500px;
	border: 1px solid dashed;
}

#corps h1,#nav a {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

#corps input[type=submit],input[type=reset] {
	width: 120px;
	height: 35px;
	margin: 10px auto 0px auto;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #006400;
}

#corps input[id=lien] {
	cursor: pointer;
	display: inline-block;
	border: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: blue; /* #efff00; red;  black; */
	text-decoration: none;
	font-family: Trebuchet MS, Arial, sans-serif;
	width: 60px;
	height: 25px;   
	margin: 0px;
	padding: 0px;
}
#corps th {
    background: #F5F5DC;
}
#corps select[id=course],select[id=athlete],select[id=course_suppr],select[id=adherent],select[id=entraineur],select[id=competition],select[id=parcours]
	{
	margin-top: 10px;
	background: #F5F5DC;
	width: 450px;
	height: 25px;
	padding: 2px;
	font-size: 1.1em;
	border: 1px solid #006400;
	height: 34px;
	color: black;
}

#corps select[id=prise] {
	width: 80px;
	background: #F5F5DC;
	height: 25px;
	padding: 2px;
	font-size: 1.1em;
	border: 1px solid #006400;
	height: 25px;
	color: black;
}

/*#corps select[id=seance],select[id=type] {*/
#corps select {
	width: 180px;
	background: #F5F5DC;
	height: 25px;
	padding: 2px;
	font-size: 1.0em;
	border: 1px solid #006400;
	height: 25px;
	color: black;
}

#corps input[type=text],input[type=date],input[type=password] {
	background: #F5F5DC;
	border: 1px solid #006400;
	height: 25px;
}

/* fin corps */
 

/* Surclassement du th�me par */
/* .content-wrapper{
    background-color: #609767;
}*/

.ASPTTButton {
display: inline-block;
background-color: #38d866;
border-radius: 10px;
border: 4px double #cccccc;
color: red;
text-align: center;
font-size: 15px;
padding: 10px;
width: 50px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}    
    
.ASPTTBoxValid {
text-align: center;/*Keep the div plain text in the center horizontally*/
color: green;
font-size: 15px;
border: solid 2px navy;
width: 140px;
height: 60%;
border-radius: 10px;
}

.ASPTTTitle {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: red;
    text-decoration: none;
    height: 52px;
    line-height: 52px;
    outline: none;
}


/* Jquery dialog  */
.ui-dialog .ui-dialog-content {
    border: 0;
    padding: .5em 1em;
    background: greenyellow;
    /*overflow: auto;*/
    /*zoom: 1;*/
  background-color: greenyellow;
  border-color: green;
  color: white;
  border: 2px solid;
  height: 200px;    
  
  /*pour le centrage*/
    text-align:center;
    padding-left: 0.4em;
    padding-right: 0.4em;
    color: white;
}
        
.ui-dialog-titlebar {
      background:red;
      color: white;
}

.espaceTitreHaut {
    margin-bottom: 20px  !important; /* Ajuste la hauteur selon besoin */
	text-align: center  !important;
}

/*
.page-template-model_A_DernierResultat .content-area{
    background-color: #648500 !important;; 

}
*/

.page-template-model_A_DernierResultat,
.page-template-model_A_DernierResultat body,
.page-template-model_A_DernierResultat .site,
.page-template-model_A_DernierResultat .site-content,
.page-template-model_A_DernierResultat .content-area,
.page-template-model_A_DernierResultat .entry-content {
    background-color: #b7f4b7!important;    /*  #648500  */
    background-image: none !important;
}

/*
.page-template-model-a-dernierresultat .content-area { background-color: #648500 !important; }
.page-template-model-a-dernierresultat { background-color: #648500 !important; }
*/
/* rendre transparent les conteneurs internes qui pourraient cacher ton fond */
/*
body.page-template-model_A_DernierResultat .site-content,
body.page-template-model_A_DernierResultat .entry-content,
body.page-template-model_A_DernierResultat .container {
    background: transparent !important;
}
*/
#main {
	background-color: #99f1cd ;
}

/*Pour le slider de frontpage */
.my-slider {
  max-width: 800px;
  margin: 0 auto;
}
.my-slider .slide {
  text-align: center;
  padding: 20px;
}
.my-slider img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}
/*
.site-header .header-image {
    max-width: 1200px !important;
    height: auto;
}
*/
body, .accueil-container {
background: #83da83;    
}    

/*===================== Images du footer SPONSORS =================================*/
/*
.footer-images-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	gap: 12px;
	max-width: 100%;
	padding: 0 16px;
  }
  
   on cible directement l’image générée par WordPress 
  .footer-image img {
	width: 100%;
	aspect-ratio: 1 / 1;        carré, changeable en 16/9 -> 16 / 9 
	object-fit: contain;        ou cover si tu veux recadrer/couper 
	display: block;
  }
*/
  /* nouveaux */
.footer-images-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 20px;
  align-items: center;
  justify-items: center;
}

.footer-image {
  width: 120px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


/*====================================== LOGO ==================================*/
/* pour que le logo ne soit pas tronqué
.site-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
}
*/


/* Pourle logo */
/*.site-logo img.custom-logo {*/
.header-image {	
    max-width: 420px;
    width: 100%;
    height: auto;
}

/* Tablettes */
@media (max-width: 1024px) {
    .site-logo img.custom-logo {
        max-width: 260px;
    }
}

/* Téléphones */
@media (max-width: 768px) {
    .site-logo img.custom-logo {
        max-width: 200px;
    }
}