/* Configuration générale de la page */
	body
	{
		font-family: verdana;
		margin-left: 5px;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color : #ffffff; 
	}
	
	
	
	.maPage
	{
		width:790px;
		background-color : #ffffff; 
	}
/* Fin de la configuration générale de la page */




/* Définition des différents blocs */
	.bloc_menu
	{
		height:58px;
	
	}
	
	.bloc_gauche
	{
		width:148px;
	
	}

	.colonne_separation
	{
		background-color:#ffffff; 
		width:2px;
		valign:top;
	}
	
	.bloc_infos
	{
		background-color:#ffffff;
		width:627px;
		vertical-align: top; 
	}
	
	
	.bloc_infos1
	{
		background-color:#ffffff;
		height:30px;
	}
	
	
	/* Ligne contenant le mot Vidéos et le moteur de recherche */
	.bloc_infos2
	{
		font-family:Arial;
		background-color:#D9D9D9;
	}
	
	
	
	.bloc_infos3
	{
		background-color:#ffffff;
		text-align:right;
	}
	
	.bloc_infos4
	{
		background-color:#ffffff;
		text-align:right;
	}
	
	
	/* Ligne à droite de Titre2 */
	.bloc_infos5
	{
		background-color:#F0F0F0;
		font-size:10px;
		font-weight:bold;
		width:627px;
	}
	
	
	/* Texte en-dessous de Titre2 */
	.bloc_infos6
	{
		font-size:11px;
		color:#000000;
		font-weight:normal;
		background-color :#ffffff; 
		text-align:left;
		vertical-align:top;
	}
/* Fin Définition des différents blocs */



.titre
{
	font-family:Arial Black;
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	background-color : #FFC900; 
	text-align:center;
	width:300px;
}

.titre2
{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	background-color : #FFC900; 
	text-align:center;
	width:210px;
}


.titre_cellules
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color : #F0F0F0; 	
	text-align:center;	
	vertical-align:top;
	width:70px;
	cursor:pointer;
}

.titre_cellules_transport
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color : #F0F0F0; 	
	text-align:center;	
	vertical-align:top;
	width:78px;
	cursor:pointer;	
}

/* Colonne contenant les logos d'assoc... */
.liens_cellules
{
	font-size:12px;
	font-weight:bold;
	color:#000000;

}


.videos_cellules
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#000000;	
	background-color : #ffffff; 
	margin-left:10px;	
}


.horloge
{

	font-size: 12px;
	color: #000000; 
	background-color: #ffffff; 
	font-weight:bold;
	border: 0px;
	text-align: left;
	width=200px;
}

A:link, A:visited, A:active, A:hover {TEXT-DECORATION:none;color:#000000;}
.copyright
{
	background-color:#D9D9D9;   
	width:790px;
	color:#000000;
	font-size: 11px;
	text-align:center;
	font-weight:bold;
}
@media screen and (max-width: 820px) and (orientation: portrait) {
	html,
	body {
		margin: 0;
		overflow-x: hidden;
		max-width: 100vw;
	}

	center {
		display: block;
		width: 100%;
		text-align: left;
	}

	.maPage,
	.maPage > tbody,
	.maPage > tbody > tr,
	.maPage > tbody > tr > td,
	.bloc_menu,
	.bloc_menu > tbody,
	.bloc_menu > tbody > tr,
	.bloc_menu > tbody > tr > td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}

	.bloc_menu {
		height: auto !important;
		border-spacing: 0;
	}

	#header {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		width: 100% !important;
		min-height: 48px;
		height: auto !important;
		padding: 2px 6px !important;
		line-height: 1.1 !important;
		text-align: center !important;
		box-sizing: border-box;
	}

	#header a {
		display: block !important;
		grid-column: 2;
		width: auto;
		justify-self: center;
	}

	.bloc_gauche,
	.colonne_separation {
		display: none !important;
	}

	.bloc_infos {
		width: 100% !important;
		padding: 0 6px;
		box-sizing: border-box;
	}

	.bloc_infos table,
	.bloc_infos tbody,
	.bloc_infos tr,
	.bloc_infos td {
		max-width: 100%;
		box-sizing: border-box;
	}

	.bloc_infos table {
		width: 100% !important;
	}

	.bloc_infos td {
		width: auto !important;
	}

	.bloc_infos > table > tbody > tr > td,
	.bloc_infos4 > table > tbody > tr > td,
	.bloc_infos6 > tbody > tr > td {
		display: block;
		width: 100% !important;
	}

	.videos_cellules {
		margin-left: 0;
	}

	.bloc_infos img,
	.bloc_infos iframe,
	.bloc_infos object,
	.bloc_infos embed {
		max-width: 100%;
	}

	.bloc_infos iframe,
	.bloc_infos object,
	.bloc_infos embed {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
	}

	.bloc_infos6,
	.bloc_infos6 tbody,
	.bloc_infos6 tr,
	.bloc_infos6 td {
		display: block;
		width: 100% !important;
	}

	input[type="text"] {
		max-width: 100%;
		box-sizing: border-box;
	}

	html,
	body,
	.maPage {
		width: 100% !important;
		max-width: 100vw;
		left: 0 !important;
		overflow-x: hidden;
	}

	.videos_cellules {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
		text-align: left;
	}

	.videos_cellules table {
		width: 100% !important;
	}

	input[name="p"] {
		width: 45vw;
	}

	.bloc_infos3 table {
		width: 100% !important;
		table-layout: fixed;
		border-spacing: 3px;
	}

	.bloc_infos3 img {
		width: 100% !important;
		height: auto !important;
	}
	.bloc_infos5 {
		table-layout: fixed;
		width: 100% !important;
	}

	.bloc_infos5 tr {
		display: table-row !important;
	}

	.bloc_infos5 td {
		display: none !important;
	}

	.bloc_infos5 td.titre2 {
		display: table-cell !important;
		width: 50% !important;
		box-sizing: border-box;
		text-align: center;
	}

	.bloc_infos6 {
		display: table !important;
		table-layout: fixed;
		width: 100% !important;
	}

	.bloc_infos6 tbody {
		display: table-row-group !important;
	}

	.bloc_infos6 tr {
		display: table-row !important;
	}

	.bloc_infos6 td {
		display: none !important;
	}

	.bloc_infos6 td.bloc_infos6 {
		display: table-cell !important;
		width: 50% !important;
		vertical-align: top;
	}

	.bloc_infos6 td.bloc_infos6 p {
		margin-top: 0;
	}

	.bloc_infos6 img {
		width: 100% !important;
		height: auto !important;
	}
	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) {
		display: flex !important;
		flex-direction: column-reverse;
		align-items: center;
		gap: 0;
		width: 100% !important;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules {
		display: block !important;
		width: 100% !important;
		text-align: center;
	}

	form[name="recherche"] {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
		width: 100%;
	}

	form[name="recherche"] input[name="p"] {
		width: 42vw;
		max-width: 210px;
	}

	form[name="formhorloge"] {
		text-align: center;
	}

	.horloge {
		width: auto;
		text-align: center;
	}
	.bloc_infos > table {
		border-spacing: 0 !important;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) table {
		border-spacing: 0 !important;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) td {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	form[name="recherche"],
	form[name="formhorloge"] {
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	.horloge {
		line-height: 1;
		height: auto;
	}
	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) {
		margin-top: 0;
		margin-bottom: 0;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:first-child {
		margin-top: 0;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:last-child {
		margin-bottom: 0;
	}

	form[name="recherche"] input,
	form[name="formhorloge"] input {
		margin-top: 0;
		margin-bottom: 0;
	}
	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) {
		margin-top: 0;
		margin-bottom: 0;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:first-child {
		align-self: stretch;
		margin-top: 1px;
		margin-bottom: 1px;
		text-align: left !important;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:first-child table,
	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:first-child td,
	form[name="formhorloge"] {
		text-align: left !important;
	}

	.bloc_infos tr:has(form[name="formhorloge"]):has(form[name="recherche"]) > td.videos_cellules:last-child {
		margin-bottom: 0;
	}

	.horloge {
		text-align: left !important;
	}
	.ligne_recherche_date {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100% !important;
		margin: 0;
	}

	.ligne_recherche_date > td {
		display: block !important;
		width: 100% !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		box-sizing: border-box;
	}

	.cellule_recherche {
		order: 1;
		text-align: center !important;
		margin: -2px 0 0 0 !important;
	}

	.cellule_horloge {
		order: 2;
		text-align: left !important;
		margin: 1px 0 1px 0 !important;
	}

	.cellule_recherche table,
	.cellule_horloge table {
		border-spacing: 0 !important;
		width: 100% !important;
	}

	.cellule_recherche td,
	.cellule_horloge td {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.cellule_recherche form,
	.cellule_horloge form {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}

	.cellule_horloge,
	.cellule_horloge td,
	.cellule_horloge form,
	.cellule_horloge .horloge {
		text-align: left !important;
	}

	.cellule_horloge .horloge {
		margin: 0 !important;
		line-height: 1 !important;
		height: auto !important;
	}
	.bloc_infos tr.ligne_recherche_date,
	.bloc_infos tr.ligne_recherche_date:has(form[name="formhorloge"]):has(form[name="recherche"]) {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		width: 100% !important;
	}

	.bloc_infos tr.ligne_recherche_date > td.cellule_recherche {
		order: 1 !important;
		display: block !important;
		width: 100% !important;
		margin: -2px 0 0 0 !important;
		text-align: center !important;
	}

	.bloc_infos tr.ligne_recherche_date > td.cellule_horloge {
		order: 2 !important;
		display: block !important;
		width: 100% !important;
		margin: 1px 0 1px 0 !important;
		text-align: left !important;
	}
	.bloc_infos tr.ligne_recherche_date > td.cellule_horloge {
		margin-top: 1px !important;
		margin-bottom: 1px !important;
	}

	.cellule_horloge .bloc_infos1 {
		height: auto !important;
		line-height: 1 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.cellule_horloge table,
	.cellule_horloge tbody,
	.cellule_horloge tr,
	.cellule_horloge td {
		border-spacing: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		line-height: 1 !important;
	}
	.bloc_infos tr.ligne_recherche_date > td.cellule_recherche {
		margin-top: -3px !important;
	}

	.bloc_infos tr.ligne_recherche_date > td.cellule_horloge {
		margin-top: 1px !important;
		margin-bottom: 1px !important;
	}
	.bloc_infos tr.ligne_recherche_date > td.cellule_horloge {
		margin-top: 2px !important;
		margin-bottom: 1px !important;
	}
	#header {
		grid-template-columns: 1fr auto 1fr !important;
		min-height: 40px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
	}

	#header.titre,
	#header .titre,
	#header a {
		font-size: 24px !important;
		line-height: 1 !important;
	}
}