/* ƒL+ */
/* #eb6b0a; /*orange*/
/* #f08b3d; /*orange clair*/

/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ STRUCTURE ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* pour que le footer colle au bas de page */
}

body {
	width: 100%; /* pose problème centrage */
	/*margin: 15px 0 0 0;
	padding: 0 200px 0 320px;*/
	font-family: 'Roboto', Verdana, sans-serif;
	  font-weight: 400;
	font-size: 1rem;
	text-align: justify;
	line-height: 1.3em;
	color: #404040;
	background-color: white;
}

/*#logo-intro {
	text-align: center;
	/*max-width: 100%;
}*/

header {
	text-align: center;
}

#navhaut {
	visibility: visible;
	position: fixed;
		top: 75%;
		right: 20px;
	text-align: right; /* !important; ? */
}

footer{
	/*position: absolute;
		right: 0;
		bottom:0; pas bon sinon cache la suite du texte
		left: 0;*/
	text-align: left;
}

.bandeau-bas {
	/* margin & padding  ►adapt*/
	min-height: 110px;
	font-size: 16px;
	color: white;
	background-color: #eb6b0a;
}

/*#contacts {
	text-align: center; /* ? 
	/*color: #4e5d56; /* ? 
}

#contacts a {
	font-weight: normal; /* ? 
	text-decoration: none; /* ? 
	/*color: #4e5d56; /* ? 
	background-color: transparent; /* ? 
}*/

/*#contacts a:hover,
#contacts a:focus,
#contacts a:active {
	font-weight: normal;
	 text-decoration: underline overline; /* ? 
	color: black; /* ? 
	background-color: #ffffcc; /* ? 
}*/


/* =( 1 )========== ORDI / TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) {
	
	body {
		display: table; /* → footer bien positionné en bas (non géré par IE) */
	}

	/*header {
		/*padding: 0 200px 0 320px;
	}*/
	
	header, main {
		/*margin: 15px 0 0 0;*/
		padding: 0 10% 0 320px; /* *****************/
	}
	
	/*#logo-intro {
		/*padding: 0 275px 0 275px;
	}*/

	footer {
		display: table-row; /* affichage style ligne de tableau (non géré par IE) */
	}
	
	#logopiedpage {
		margin: 50px 0 10px 330px; /* décalé de 320 + 10 */
	}
	
	.bandeau-bas {
		/*margin: 0 0 0 -320px; /*0 -200px 0 -320px;*/
		margin-bottom: -25px; /* pour coller au bas de page… bof */
		padding: 10px 150px 0 330px; /* left 320 + 330 */
	}

	/*#contacts {
		position: relative; /* ?
		z-index: 3; /* ? 
		margin-top: -50px; /* ? 
		margin-left: 200px; /* ? 
	}*/
	
	#valid {
		/*position: relative; /* ? 
		z-index: 2; /* ? 
		margin-left: 16px; /*nouveau*/ /* ? 
		text-align: left; /* ? */
		margin: -20px 0 0 -320px;
	}
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	/*► trucs "habituels" communs ◄*/
	/* nécessaire notamment pour un menu OK */
	* {
      box-sizing: border-box;
    }

	/* passer body (et tous les éléments de largeur fixe) en largeur automatique ► trucs "habituels" communs ◄*/
	body {
		margin: 0;
		padding: 0;
		width: auto;
	}
	body {
		position: relative;
	}
	
	main {
		margin: 0;
		padding-right: 3%;
		padding-left: 3%;
	}
	
	footer {
		padding: 0;
	}
	
	#logopiedpage {
		margin: 50px 0 10px 10px;
	}
	
	.bandeau-bas {
		margin: 0;
		padding: 10px 0 10px 10px;
	}

	#valid {
		/*margin-left: 15px; /* ? 
		text-align: left; /* ? */
		margin: 5px 0 0 0;
	}
}

/* =( 3 )====== Hack CSS : alternative pour IE(9-11) → bon positionnement footer ======= */ /* ? */

@media screen and (min-width:0\0.1px) {
	body {
		display : block; /* remplace table; */
		width: auto; /* remplace 100% */
		margin-top: 0;
		margin-right: 0;
	}
      
	/*main {
		display: block; /* nouveau 
	}*/
      
	footer {
		display : block; /* remplace table-row*/
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ SPÉCIAL ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

/* apparence du bouton CookieYes */
.cky-btn-revisit-wrapper {
	width: 34px !important;
	height: 34px !important;
	opacity: 0.8;
}
.cky-btn-revisit-wrapper:hover {
	opacity: 0.9;
	transition: all .2s ease-in;
}

.cky-btn-revisit img { /* dimension */
	width: 30px !important;
	height: 30px !important;
	border-radius: 50%;
	background: linear-gradient(#b7e0e3, #82c6c9);
}

.cky-btn-revisit img:hover { /* dimension */
	background: transparent;
}

.cky-btn-revisit { /* positionnement */
	margin: 3px 0 0 0 !important;
}


/* =( 1 )========== ORDI / TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) {
	
	/* masquer les éléments superflus */
	.cach_ordi {
		display: none !important;
	}
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	/* masquer les éléments superflus */
	.cach_mobile {
		display: none !important;
	}
}








/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ MENU ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

nav {
	text-align: left;
}

.rub {
  background-color: #f08b3d;
  color: white;
  font-size: 1.7em;
  width: 245px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-bottom-style: none;
  border-bottom-color: white;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: white;
}

.rub:hover, .rub:focus, .rub:active {
  background-color: #eb6b0a;
}

.rub-m {
  background-color: #f08b3d;
  color: white;
  /*font-size: 1.7em;
  width: 245px;*/
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid;
}

.rub-m:hover, .rub:focus, .rub:active {
  background-color: #eb6b0a;
}

.ss-rub {
  background-color: #eb6b0a;
  color: white;
  font-size: 1.4em;
  width: 225px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  line-height: normal;
  font-weight: bold;
}

/*.menu_rub:hover, .menu_ss-rub:hover {
  background-color: #f08b3d;
}*/

nav a {
	font-weight: 300;
	text-decoration: none;
	color: white;
}

nav a:active, nav a:hover, nav a:focus, nav a:visited {
  color: white;
}

nav hr {
  background-color: white;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  width: 80px;
  margin-top: -10px;
  margin-right: 0px;
  margin-bottom: 7px;
  margin-left: 0px;
  height: 1px;
}

/* =( 1 )========== ORDI / TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) {
	
	nav {
		visibility: visible;
		position: fixed;
		float: left;
		/*margin: 15px 0 0 320px;*/
	}
	
	#menu {
		margin-top: -19px;
		width: 275px;
		/*height: 100%;*/
		min-width: 275px;
		max-width: 275px;
		font-size: 11px;
		text-align: left;
		line-height: 19px;
		/*background-repeat: repeat-y;*/
	}
	
/*	#logo-nav {
	}
	#logo-nav-m {
		display: none;
	}*/
	
	#volet {
		display: none;
	}
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
		
	#menu {
		display: none;
	}

	/* menu coulissant */
	#volet {
		position: fixed;
			left: -250px;  /* opposé du width ▼ */ /* ? */
			top: 0;
		z-index: 1;
		width: 250px; /* ? */
		transition: all .4s ease-in;
		font-size: 1.05em; /* ? */
		line-height: 1.6em; /* ? */
		/*color: #b7f4fd; /* => couleurs des puces du menu */
		background: #f08b3d; /*orange clair*/
	}
	#volet a.ouvrir,
	#volet a.fermer {
		position: absolute;
		  right: -30px; /* opposé du width ▼ */ /* ? */
		  top: 10px;
		padding: 10px 8px 10px 8px;
		width: 30px; /* ? */
		border-radius: 0 8px 8px 0; /* ? */
		opacity: 1;
		font-style: normal; /* ? */
		font-size: 12px; /* ? */
		text-decoration: none; /* ? */
		text-align: center; /* ? */
		line-height: 1.1em; /* ? */
		color: white;
		background: #eb6b0a; /*orange*/
	}
	#volet a.fermer {
		display: none;
	}
	#volet:target {
		top: 0;
		left: 0;
	}
	/* code fermeture*/
	#volet_clos:target #volet {
		top: -145px;    /*  ▼▼  */ /* ? */
	}
	#volet:target a.ouvrir {
		display: none;
	}
	#volet:target a.fermer {
		display: block;
	}

	/*#logo-nav-m {
	}*/
	

}

/* =( 2a )========== MOBILE-en-portrait / TABLETTE-en-portrait : menu coulissant normal =========== */
@media screen and (max-width: 1023px) and (orientation : portrait) {
	
	#volet {
		/*padding: 10px 0 10px 10px; /* revu */
	}
	
	/*.menu_normal {
		font-size: 10px; /* ? 
		line-height: 1.2em; /* ? 
	}*/
	
	/*.menu_normal a {
		display: inline-block;
		padding: 2px 0 2px 0;
	}*/
	
	.menu_compact {
		display: none;
	}
}

/* =( 2b )========== MOBILE-en-paysage : menu coulissant compact =========== */
  @media screen and (max-width: 1023px) and (orientation : landscape) {
	
	#volet {
		/*padding: 2px; /* ? */
	}
	
	.menu_normal {
		display: none;
	}
	
	.menu_compact {
		/*font-size: 10px; /* ? */
		line-height: 1em; /* ? */
	}
	
	.menu_compact a {
		display: inline-block;
		/*margin: 0 0 0 10px; /* ? */
		/*padding: 2px 0 2px 0; /* ? */
		/*width: 90px; /* ? */
		/*border-style: solid; /* ? */
		/*border-width: 2px; /* ? */
		/*border-radius: 8px; /* ? */
		/*text-decoration: none !important; /* ? */
		/*text-align: center; /* ? */
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ SECTIONS ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

.container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.element {
	min-width: 20%;
	max-width: 500px;
	text-align: center;
}

/*.table_mep { /* obsolète 
  background-color: transparent;
  border-width: 0px;
  border-style: none;
}*/


/* =( 1 )========== ORDI / TABLETTE-en-paysage ===========
@media screen and (min-width: 1024px) {
}*/

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) ===========
@media screen and (max-width: 1023px) {
		/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	/*.element1,
	.element2 {
		float: none;
		width: auto;
	}
}*/







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ TITRES ET PARAGRAPHES ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

h1 {
	margin-bottom: 1.5em;
	  font-weight: 100; /*normal ? */
	font-size: 2.2em;
	text-align: left;
	line-height: normal;
	color: #404040;
}

h2 {
	margin: 2em 0 1.5em 0;
	  font-weight: 300; /*lighter; ? */
	font-size: 1.7em;
	text-align: left;
	color: #eb6b0a;
}

header h2 {
	text-align: center !important;
}

h2 sup {
	font-size: 0.8em;
	line-height: .8em;
}

h3 {
	margin-top: 1.5em;
	  font-weight: 700;
	font-style: italic;
	font-size: 1.15em;
	text-align: left;
}

p {
	margin-bottom: 1.1em;
}




/* =( 1 )========== ORDI / TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) {
	
	/*h1 {
	}

	h2 {
	}*/
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	/*h1 {
	}
	
	h2 {
	}*/
	
	/* gestion des mots longs ► trucs "habituels" communs ◄*/
	p {
		word-wrap: break-word; /* passage à la ligne forcé */
		hyphens: auto;         /* césure propre */
		/*-webkit-hyphens: auto; /* pas W3C */
		/*-moz-hyphens: auto;    /* pas W3C */
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ LIENS ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

a {
	color: #007db0;
	background-color: transparent;
}

a:hover, a:focus, a:active {
	color: #eb6b0a;
}

a:focus {
	outline-width: thin;
	outline-style: dotted;
}

a:hover, a:active {
	outline-width: 0px;
	outline-style: none;
}

a:visited {
	color: #eb6b0a;
}

footer a {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

footer a:active, footer a:hover,
footer a:focus, footer a:visited {
	color: white;
}

.a_img, .a_img:hover {
	border: none;
	background-color: transparent;
}



/* =( 1 )========== ORDI / TABLETTE-en-paysage ===========
@media screen and (min-width: 1024px) {
}*/

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) ===========
@media screen and (max-width: 1023px) {
}*/







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ CARACTÈRES ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

b, strong {
	  font-weight: 700;
}

.couleur {
	font-weight: bold; /*700 ?*/
	color: #eb6b0a;
}

.surlig {
	background-color: #ffcc66;
}

.discret {
	color: #999999;
}

.remarque {
	margin-left: 50px;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #244027;
}

.maj { /*.date*/
	font-size: 0.8em;
	color: #336666;
}

.sigle {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #990000;
	cursor: help;
}

.legende {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #666600;
	cursor: help;
}

.code {
	font-family: "courier new", courier, serif;
	  font-weight: bold;
	/*font-size: 1.2em; ►adapt*/
}

.code_balise {
	font-family: "courier new", courier, serif;
	  font-weight: bold;
	font-size: 1.2em;
	color: #993399;
}

.code_contenu {
	font-family: "courier new", courier, serif;
	  font-weight: bold;
	font-size: 1.2em;
	color: #3333ff;
}


/* =( 1 )========== ORDI / TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) {
}

.code {
	font-size: 1.2em;
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques ► trucs "habituels" communs ◄*/
	/* gestion des mots longs ► trucs "habituels" communs ◄*/
	code {
		display: inline-block;
		max-width: 100%;
		font-size: 0.9em;
		text-align: left;
		word-wrap: break-word; /* passage à la ligne forcé */
		hyphens: auto;         /* césure propre */
		/*-webkit-hyphens: auto; /* pas W3C */
		/*-moz-hyphens: auto;    /* pas W3C */
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ BORDURES ET CADRES ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

.grossi {
	padding: 10px 25px 10px 25px;
	border-style: solid;
	border-width: 3px;
	border-color: #b7dfdf;
	font-size: 1.2em;
	line-height: 1.3em;
}

.contour {
	padding: 10px 25px 10px 25px;
	border-style: solid;
	border-width: 2px;
	border-color: #b7dfdf;
}

.ombre {
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 0 1px 1px 0;
	border-right-color: #666666;
	border-bottom-color: #666666;
	box-shadow: 1px 1px 4px 0px #756448;
}

.cadre_texte {
	border-style: solid;
	border-width: 5px 18px 5px 18px;
	border-color: white;
	border-radius: 10px;
	box-shadow: 1px 1px 3px 1px #756448;
}

/* .cadre_photo { /*adapt
}*/


/* =( 1 )========== ORDI / TABLETTE-en-paysage ===========*/
@media screen and (min-width: 1024px) {

	.cadre_photo {
		margin: 5px;
		border-style: solid;
		border-width: 7px;
		border-color: white;
		border-radius: 5px;
		box-shadow: 1px 1px 4px 1px #756448;
	}

}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) ===========*/
@media screen and (max-width: 1023px) {
	
	.cadre_photo {
		border-style: hidden;
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ MULTIMEDIA ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */


/* alignement des images */
.align_g {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.align_d {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.align_c {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

/*.img_milieu {
	vertical-align: middle;
	margin-right: 15px;
}

.img_gauche {
    float: left;
    margin-right: 15px;
}

.plein_ecran {
	position: absolute;
		top: 0;
		left: 0;
	width : 100%;
	height : 100%;
}

.nav_video {
	margin-top: -1px;
	font-size: 0.6em;
	text-align: right;
}*/

/* =( 1 )========== ORDI / TABLETTE-en-paysage ===========
@media screen and (min-width: 1024px) {
}*/

/* =( 1a )========== ORDI / GRANDE TABLETTE-en-paysage =========== */
@media screen and (min-width: 1160px) {
	
	iframe,
	video {
		width: 853px;
		height: 480px;
	}
}

/* =( 1b )========== PETITE TABLETTE-en-paysage =========== */
@media screen and (min-width: 1024px) and (max-width: 1159px) {
	
	iframe,
	video {
		width: 731px;
		height: 411px;
	}
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques ► trucs "habituels" communs ◄*/
	img,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* conserver le ratio des images et des vidéos ► trucs "habituels" communs ◄*/
	img {
		height: auto;
	}
	video {
		height: auto;
	}
	
	/* cas des vidéos dans des iframe (Youtube, facebook…) ► trucs "habituels" communs ◄*/
	/*.video-container {
		position: relative;
		padding-top: 0;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe,
	.video-container object,   /* pour IE 
	.video-container embed {   /* pour IE 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}*/
	
	.w3c-logo {
		width: 12%;
		height: 12%;
		max-width: 88px;
		max-height: 31px;
	}
}







/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ LISTES ET TABLEAUX ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */

/*ul li {
	margin-bottom: 2px; /* ? 
	list-style-position: outside; /* ? 
}*/


ul {
	line-height: 20px;
	list-style-position: outside;
}

.listemenu {
	/*margin-left: 50px;
	padding: 20px 15px 20px 55px;*/
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-radius: 10px;
	box-shadow: 1px 1px 4px 0px #756448;
	text-align: left;
	line-height: 1.3em;
	background-color: #fff8e6;
}

table {
	margin: auto;
	/*border-collapse: separate; /*sous-entendu*/
	border-spacing: 2px;
	border-color: white;
}

thead {
	background-color: #eb6b0a;
	color: white;
}

tbody {
	background-color: #d1ebec;
}

td {
	border-width: 1px;
	border-style: solid;
	border-color: white;
	text-align: center;
}

.td_sombre {
	background-color: #b7dfdf;
}

/* inutilisé : */
table, th, td {
	/*border: 1px solid; /* ? */
}

th {
	/*background-color: #8c9da1;*/
}
td {
	/*background-color: #8eb1c9;*/
}

/* =( 1 )========== ORDI / TABLETTE-en-paysage ===========
@media screen and (min-width: 1024px) {
}*/

.listemenu {
	margin-left: 50px;
	padding: 20px 15px 20px 55px;
}

th, td {
	padding: 3px;
}

/* =( 2 )========== MOBILE / TABLETTE-en-portrait (commun) =========== */
@media screen and (max-width: 1023px) {
	
	ul {
		padding-left: 15px; /* par défaut = 40*/ /* ► inconvénient pour liste dans un cadre */ /* ? */
	}
	
	.listemenu {
		margin-left: 10px;
		padding: 20px 15px 20px 25px;
	}

	/*.decal-ul {
		padding-left: 30px !important; /* spécial liste dans un cadre */ /* ?
	}*/
	
	/*table {
		border-style: solid !important; /*en remplacement du cadre_photo invisible en mode mobile*/ /* ?
	}*/
	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques ► trucs "habituels" communs ◄*/
	table,
	td {
		max-width: 100%;
	}
	
	th, td {
		padding: 1px;
		vertical-align : top;
	}
	
	/* gestion des mots longs ► trucs "habituels" communs ◄*/
	table,
	td,
	th {
		overflow-wrap: break-word; /* passage à la ligne forcé */
		hyphens: auto;         /* césure propre */
		/*-webkit-hyphens: auto; /* pas W3C */
		/*-moz-hyphens: auto;    /* pas W3C */
	}
}




/* ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ FIN ◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘◘ */