/* */
#MainContent > h1 { font-family: BigNoodle; font-size: 2.6rem;}
#MainContent > h2 { font-family: BigNoodle; font-size: 1.8rem; border-bottom: 1px black solid; margin-top: 20px;}


div.LudinantesButton, div.LudinantesValidate, div.LudinantesCancel, div.LudinantesOK, div.LudinantesRefuse {
	color: black;
	text-shadow: 1px 1px White;
	/*display: inline-block;
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	vertical-align: middle;
	
	width: 150px;
	height: 32px;
	line-height: 32px;
	padding: 2px;*/

	background-color: white;
	background-image: linear-gradient(to bottom right, #2F2F2F, white, #2F2F2F);
}


div.LudinantesValidate { background-image: linear-gradient(to bottom right, #00AA00, white, #00AA00); height: 24px; line-height: 24px; padding: 0px; margin: 0px;}
div.LudinantesRefuse { background-image: linear-gradient(to bottom right, #AA0000, white, #AA0000); height: 24px; line-height: 24px; padding: 0px; margin: 0px;}
 
 
 
 div.LudinantesButton:hover, div.LudinantesValidate:hover, div.LudinantesCancel:hover, div.LudinantesOK:hover, div.LudinantesRefuse:hover {
	color: red;
	border-color: red;
}

div.LudinantesButton:active, div.LudinantesValidate:active, div.LudinantesCancel:active, div.LudinantesOK:active, div.LudinantesRefuse:active
 {
	background-image: linear-gradient(to bottom right, #2F2F2F, black, #2F2F2F);
	text-shadow: -1px -1px black;
	color: silver;
	border-color: black;
	color: red;
	border-color: red;
	border-style: dotted;
}







	#Programmation
	{
		display: block;
	} 




	#Programmation div.SectionGauche, #Programmation div.SectionDroite
	{
		width: 100%;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		margin-bottom: 30px;
		clear: both;
	}

	#Programmation div.Hublot
	{
		display: inline-block;
		margin: 0px;
		padding: 0px;
		width: 600px;
		height: 401px;
		background-color: white;
		/*background-image: url('/images/hublot.png');*/
		background-repeat: no-repeat;
		border: 2px black solid;
		border-radius: 16px;
		box-shadow: 2px 2px 2px grey;
		text-align: center;
	}

	#Programmation div.Description
	{
		margin: 0px;
		padding: 0px;
		border: none;
		width: 500px;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
		margin-bottom: 10px;
		padding-left: 50px;
	}
	
	#Programmation div.SectionGauche div.Hublot { float: left; }
	#Programmation div.SectionDroite div.Hublot { float: right; }
	#Programmation div.SectionGauche div.Description { float: right; }
	#Programmation div.SectionDroite div.Description { float: left; }
	
	#Programmation  div.Description li {font-size: 0.9rem; line-height: 18px;}

	#Programmation div.Hublot img {
		position: relative;
		width: 599px;
		height: 400px;
		border-radius: 14px;
		border: 1px black solid;
	}
	
	
	#Programmation div.SectionGauche div.Description div.Titre,
	#Programmation div.SectionDroite div.Description div.Titre  {
		display: table-cell;
		vertical-align: middle;
		font-family: BigNoodle;
		font-size: 1.8rem;
		padding-left: 10px;
	} 
	
	div.DescSection {font-style: italic;}
	div.DescProg { margin-top: 20px;}
	
	
@media (max-width: 600px) {
	#MainContent div.Hublot { display: none; }
	#Programmation div.SectionDroite, #Programmation div.SectionGauche {margin-bottom: 0px; }
	#Programmation  div.Description { float: left; padding: 10px;  }
	#Programmation  div.Description { float: left; padding: 10px;  }
	#Programmation div.DescProg {font-size: 0.8rem;}
	#icones_evts { text-align: center; }
}