/* #fdebd0 devient #fdebd0 puis #FFB28C puis PeachPuff #FFDAB9 ou lightsalmon: #FFA07A. coral:bof: Autre bien: FFC8A2, puis FFCC99 le bon*/
body {background-color: #fdebd0;font-style: normal;font-weight: lighter;text-decoration: none;font-size: 80%;font-family: Georgia, Arial, sans-serif;color: black}/*bgc: fdebd0 ouis FFA07A*/

h1 {background-color: #f6ddcc;font-style: normal;font-weight: bold; color:#FF5733; font-size: 100%;padding: 8px;border: 3px solid white; border-radius: 30% 10%}
h2 {background-color: #f6ddcc;font-style: normal;font-weight: bold;text-align:center; color: red;font-size: 100%; padding: 8px; border: 3px solid white; border-radius: 30% 10%}
h3 {background-color: #f6ddcc;font-style: normal;text-align:center;color: green;font-size: 100%; padding: 8px; border: 3px solid white;border-radius: 30% 10%}
h4 {background-color: grey;font-style: italic;font-weight: italic;color: black;font-size: 100%}

.right {text-align: right}
.center {text-align: center}
.left {text-align: left}

.red{color: red}
.green{color: green}

.spanRouge{
	color: red; 
}
.spanOrange{
	color: #FF5110;/*#B22222;*/ /*#FF5733; */
/*	font-weight: bold;*/
	font-style: italic;
}
.spanVert{
	color: green; 
/*	font-weight: bold;*/
}

img.aligntTexteImage {
  vertical-align: text-middle;
  
img {
width: 100%;
}
}

ul li{
/*	list-style-type: none;*/
	list-style-image:linear-gradient(red,transparent);

/**	list-style-image:url("favicon.png");**/
/**	list-style-image:url("/images/faviconTrPt.gif");**/
}

ul li li{
	list-style-image:linear-gradient(green,transparent);
}

ul li li li{
	list-style-image:linear-gradient(white,transparent);
/*	list-style-image:linear-gradient(green,red);*/
}

a {text-decoration: none;color: navy;font-size: 100%;font-weight: bold}

a.menuEltGauche {background-color: white;font-style: normal;text-decoration: none;color: black;font-size: 90%; padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px; border: 2px solid red; border-radius: 25% 10%}

a.menuEltDroit {background-color: white;font-style: normal;text-decoration: none;color: black;font-size: 90%; padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px; border: 2px solid green; border-radius: 25% 10%;border-spacing: 10px 10px}

a.menu {font-style: normal;text-decoration: none;color: white;font-size: 90%; padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-weight: none}

a.red {font-style: normal;text-decoration: none;color: red;font-size: 90%; padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;font-weight: none}

table{
   border: 0px;
   border-collapse: collapse;
   margin: auto;
}

table.table-background-menu {
   border: 1px solid grey;
   border-collapse: collapse;
   margin: auto;
}

td.td-background {
	background-color: #fdebd0;
	border: 0px;
}

td.td-menu {
	padding-left:5px;   
	padding-right:5px;
    text-align: center;
}


/* from:   https://developer.mozilla.org/fr/docs/Web/HTML/Element/figcaption */
figure {
	border: 1px solid navy;
    display: flex;
    flex-flow: column;
    padding: 1px;
    max-width: 260px;     /*largeur cadre max*/
    margin: 10px;
}


figcaption {
    background-color: #222;
    color: #fff;
    font: italic  sans-serif;
    padding: 3px;
    text-align: center;
}


.centrage{
	  flex: 1; 
  text-align: center;
 /* display: flex;
  align-items: center;
  justify-content: center;
  */
}