body {
	display: flex;
	flex-direction: column;
	width:1440px;
	min-height: 100vh;
	margin: auto;
	color: #fff;
	background: #000000;
}

header {
  margin: auto;
}

main {
  flex: 1;
}

footer {
  margin: auto;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #E79414;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background-color:#E79414;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

p, td, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}

label {
	margin: auto 0 auto 10px;
}

a:link, a:visited {
	color: #999;
	text-decoration: none;
}

a:hover, a:active {
	color: #999;
	text-decoration: underline;
}

.middle {
  width: 1440px;
  height: 800px;
  background-image: url("img/middle.jpg");
  background-size: 1440px;
  background-repeat: no-repeat;
  padding-top: 190px;
}

.login {
  width: 700px;
  height: 260px;
  padding: 40px;
  overflow: auto;
  margin: auto;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  background-color: rgb(0 0 0 / 0.7);
  border-radius: 30px;
}

.border {
  width: 1444px;
  border: 2px solid #E79414 !important;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*
#top
{
	width:1440px;
	margin:auto;
	padding:0;
}
#footer
{
	position: relative;
}
#bottom
{
	width:1440px;
	margin:auto;
	padding:0;
	
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	
	position: absolute;
	bottom: 0;
}
*/
/*
#page
{
	width:1440px;
	height:100%;
	margin:auto;
	padding:0;
}
#left
{
	width:240px;
	float:left;
	margin:0;
	padding:0;
}
*/
/*
#main
{
	width:700px;
	position:relative;
	left:10px;
	padding:0;
	margin:0 0 0 250px;
}
*/

#block_calendar
{
    display: flex;
    justify-content: center;
	margin: 10px 0 10px 0;
}

#cadre_menu, #cadre_recherche, #cadre_filtre, #cadre_agenda
{
	border: 2px solid #FFFFFF;
	margin: 0 1px 0 1px;
	padding: 0 5px 5px 5px;
	width:230px;
}

#cadre_footer
{
	clear:both;
	padding:20px 0 0 0;
	margin:0;
}

#switch
{
	text-align:right;
}

.cadre
{
	border: 2px solid #E79414;
	padding:0 5px 0 5px;
}

.event
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #999;
	padding:5px;
}

.liens_action
{
	float: right;
	margin-right:10px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	text-decoration: none;
}
/*
Calendrier
*/
.header_calendrier
{
	text-align: center;
	font-weight:bold;
}
.day_with_event
{
	text-align:center;
	background-color: #e2e5ff;
}
.day_without_event
{
	text-align: center;
}
.today_with_event
{
	text-align: center;
	background-color: #e2e5ff;
	font-weight:bold;
}
.today_without_event
{
	text-align: center;
	font-weight:bold;
}
.today_with_event a, .day_with_event a
{
	color:#000;
}
.navigation_calendrier
{
	text-align: center;
	font-weight:bold;
}
/*
Messages
*/
.confirmation
{
	border:1px solid #008000;
	background-color:#D5FFD5;
	padding:5px;
	color:#008000;
}
.erreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#f00000;
}
.warning
{
	border:1px solid #f00;
	padding:10px;
	color:#f00;
	background-image:url(img/warning.png);
	background-position:5px;
	background-repeat:no-repeat;
	padding-left:40px;
}
/*
Contrôles Ajax
*/
.valid_ko
{
	color:#f00;
	font-weight:bold;
	background-image:url(img/nok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.valid_ok
{
	color:#090;
	font-weight:bold;
	background-image:url(img/ok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.inactif
{
	background-image:url(img/inactif.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.actif
{
	background-image:url(img/actif.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.color
{
	width:20px;
}
/*
Boutons
*/
.bouton
{
	background-color:#30A819;
	padding:5px 20px 5px 20px;
	color:#fff;
	border:0;
	font-weight:bold;
	font-size:11px;
	border-radius: 3px 3px 3px 3px;
}
.bouton:hover
{
	background-color:#198200;
}
/*
Sundays Style
*/
#img_titre
{
	width:100%;
	margin:auto;	
}