/**********************************************************************************
	 *
	 *  Pr�visions : Conteneur
	 *
	 **********************************************************************************/

		#fsi-previsions-Xo6s-6ZHVy-kBrG
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			line-height:1.25;
			color:#000;
			/*background:red;*/
		}

	/**********************************************************************************
	 *
	 *  Pr�visions : Tableau
	 *
	 **********************************************************************************/

		#fsi-previsions-Xo6s-6ZHVy-kBrG td
		{
			border:0;
		}

		#tab-prev-maree-Xo6s-6ZHVy-kBrG
		{
			border-collapse:collapse;
		}


		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .commentaires,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .commentaires
		{
			text-align:left;
			padding:5px;
			margin:0;
			font-size:1.2em;
			height:120px;
			background:url(./images/interface/previsions/tableau_prevision_commentaire.png) no-repeat bottom right;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .titre_commentaires,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre_commentaires
		{
			background:url(./images/interface/previsions/prevision_surf_titre_commentaire.png) no-repeat bottom left;
			border-right:1px solid #444;
			color:#000;
		}
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre_commentaires
		{
			background:url(./images/interface/previsions/prevision_plage_titre_commentaire.png) no-repeat bottom left;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .titre_surf,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre_plage,
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .titre_maree
		{
			/*height:40px;*/
			padding:5px 0;
			font-weight:bold;
			color:#000;
			border-bottom:1px solid #444;
			border-right:1px solid #444;
			background:url(./images/interface/previsions/prevision_surf_titre.png) no-repeat top left;
		}
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre_plage
		{
			background:url(./images/interface/previsions/prevision_plage_titre.png) no-repeat top left;
		}


		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .jour,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .jour,
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .jour
		{
			font-size:1.2em;
			font-weight:bold;
			color:#444;
			background:url(./images/interface/previsions/prevision_jour.png) no-repeat top left;
			border-bottom:1px solid #444;
			border-right:1px solid #444;
			height:30px;
			margin:0;
			padding:0;
		}
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .jour
		{
			background:#fff;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .cellule-vide,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .cellule-vide
		{
			height:9px;
		}
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .cellule-vide
		{
			border-top:0;
			border-left:0;
			background:none;
		}
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .cellule-logo
		{
			border-top:0;
			border-right:0;
			border-bottom:0;
			background:none;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG img,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG img
		{
			padding:0;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG,
		#tab-prev-maree-Xo6s-6ZHVy-kBrG
		{
			/*width:100%;*/
			padding:0;
			margin:10px 0;
			width:890px;
			font-size:0.8em;
		}

		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG td,
		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG td,
		#tab-prev-maree-Xo6s-6ZHVy-kBrG td
		{
			letter-spacing:-0.05em;
			font-size:1.0em;
			text-align:center;
			padding:3px 0 0 0;
			margin:0;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .titre,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre,
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .titre
		{
			width:100px;
			border-left:1px solid #444;
			border-bottom:1px solid #444;
			border-right:1px solid #444;
			padding:3px 0;
			font-size:0.85em;
			color:#000;
		}
		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG .titre
		{
			background-color:#e0ac1c;
		}
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG .titre
		{
			background-color:#92d2eb;
		}
		#tab-prev-maree-Xo6s-6ZHVy-kBrG .titre
		{
			width:200px;
			border:0;
			font-weight:bold;
			font-size:1.2em;
			text-align:right;
			background:none;
		}
		#tab-prev-maree-Xo6s-6ZHVy-kBrG td
		{
			background:#fff;
			border:1px solid #444;
		}

		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-1,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-3,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-5,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-7,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-2,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-4,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-6
		{
			border-right:1px solid #444;
			border-bottom:1px solid #444;
			background-color:#fff;
			/* Colonnes de donnees STRICTEMENT egales, cellules vides ou pleines
			   (demande client 2026-07-20) : meme largeur preferee sur chaque
			   cellule, calee pour que la somme fasse exactement la largeur de
			   table : (890 - 102 libelles) / 21 colonnes - 1px bordure = 36.52.
			   Sans surplus a redistribuer, le navigateur ne peut pas favoriser
			   les colonnes a contenu large ; un jour vide (xx-xx) rend donc la
			   meme largeur qu'un jour rempli. Le texte long (ex. 50cm-70cm)
			   passe sur 2 lignes au lieu d'elargir sa colonne. Apres expansion
			   d'un jour (+), la sur-contrainte se resout au prorata (quasi
			   egal). Vaut aussi pour l'apercu BO et les tableaux embarques
			   chez les affilies (CSS partage). */
			width:36.52px;
			/* anywhere (pas break-word) : les cesures comptent dans la largeur
			   minimale de colonne -> aucun contenu ne peut forcer sa colonne,
			   meme en vue depliee (24 colonnes de 32.8px). Le rendu coupe
			   toujours au tiret en priorite (50cm- / 70cm). */
			overflow-wrap:anywhere;
		}
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-2,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-4,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .cellule-6
		{
			background-color:#ddd;
		}

		/*
		.tab-prev-surf-7j-Xo6s-6ZHVy-kBrG_top td,
		.tab-prev-plage-7j-Xo6s-6ZHVy-kBrG_top td
		{
			height:20px;
			font-size:1.1em;
		}
		*/

		/* Liens  ------------------------------------------------------------------ */
		#fsi-previsions-Xo6s-6ZHVy-kBrG a											 { color:#09F; text-decoration:underline; }
		#fsi-previsions-Xo6s-6ZHVy-kBrG a:hover, a:focus							 { color:#555; text-decoration:underline; }
		#fsi-previsions-Xo6s-6ZHVy-kBrG a img										 { border:none; }

	/**********************************************************************************
	 *
	 *  Environnement legacy : les tableaux ont ete calibres pour un rendu SANS
	 *  reset CSS moderne. On refixe les defauts d'epoque que les CSS hotes
	 *  ecrasent (Bootstrap reboot : border-collapse:collapse sur table,
	 *  vertical-align:middle sur img ; resets globaux : box-sizing:border-box),
	 *  pour un rendu strictement identique partout : pages FSI, apercu BO,
	 *  sites affilies. Scope au conteneur -> aucun effet sur la page hote.
	 *
	 **********************************************************************************/

		#fsi-previsions-Xo6s-6ZHVy-kBrG,
		#fsi-previsions-Xo6s-6ZHVy-kBrG table,
		#fsi-previsions-Xo6s-6ZHVy-kBrG tr,
		#fsi-previsions-Xo6s-6ZHVy-kBrG td,
		#fsi-previsions-Xo6s-6ZHVy-kBrG img,
		#fsi-previsions-Xo6s-6ZHVy-kBrG span,
		#fsi-previsions-Xo6s-6ZHVy-kBrG a
		{
			box-sizing:content-box;
		}

		#tab-prev-surf-7j-Xo6s-6ZHVy-kBrG,
		#tab-prev-plage-7j-Xo6s-6ZHVy-kBrG
		{
			border-collapse:separate;
			border-spacing:0;
		}

		#fsi-previsions-Xo6s-6ZHVy-kBrG img
		{
			/* display et margin : les sites hotes appliquent souvent un reset
			   responsive (img{display:block}) et des marges sur les images de
			   contenu (.page-content img{margin:14px 0}). Sans ces deux lignes,
			   chaque picto passe a la ligne et gonfle la hauteur des rangees. */
			display:inline;
			margin:0;
			padding:0;
			vertical-align:baseline;
			max-width:none;
		}

		/* Extension creneaux : bouton +/- et cellules etendues cachees par defaut */
		#fsi-previsions-Xo6s-6ZHVy-kBrG .slot-extended
		{
			display:none;
		}
		/* Le bouton est sorti du flux (absolute) pour ne pas elargir le contenu
		   de la cellule jour : sinon les dates longues (« Mercredi 08-07 »)
		   passent sur 2 lignes, ce que le legacy (sans bouton) ne faisait pas. */
		#fsi-previsions-Xo6s-6ZHVy-kBrG .jour
		{
			position:relative;
		}
		#fsi-previsions-Xo6s-6ZHVy-kBrG .day-toggle
		{
			position:absolute;
			top:1px;
			right:2px;
			padding:0 4px;
			margin:0;
			font-weight:bold;
			font-size:1.3em;
			line-height:1;
			color:#000;
			text-decoration:none;
			cursor:pointer;
			user-select:none;
		}
		#fsi-previsions-Xo6s-6ZHVy-kBrG .day-toggle:hover,
		#fsi-previsions-Xo6s-6ZHVy-kBrG .day-toggle:focus
		{
			color:#555;
			text-decoration:none;
		}