#Header, #menu, #contenu, #footer {
	padding:1px 0;
}

#Header, #TexteIllustre {
	background-color:#FF9900;
	text-align:center;
	border:1px dashed #f00;
	height:200;

	position:absolute;
	/* border:1px dashed #f00; */
}

#Main {
	clear:both;
	max-with:960px;
	margin:auto;
}
nav.MainMenu{
	padding:1em;
	margin-top:1em;
}
nav.MainMenu ul li {
	display:inline-block;
	margin:auto;
	font-size:14px;
	padding-left:1em;
	padding-right:1em;
}
#RightInfo  {
	clear:both;
	float:right;
	width:240px;
	background-color:#A87B51;
	color:#A3BD38;
	border-radius: 15px;

}

#contenu {
	margin-right:245px;
}

#footer {
	background-color:#A3BD38;
	text-align:center;
	clear:both;
	border-radius: 15px;

}
.ImageGauche{
	position:relative;
	float:left;
	/* border:1px dashed #0f0; */
	width:300px;
	min-height:200px;
	
}

.TexteDroit{
	margin-left:420px;
	min-height:200px;
	/* border:1px dashed #00f; */
	color:#A3BD38;
	background-color:#A87B51;
	border-radius: 15px;
}
.ImageDroite{
	position:relative;
	float:right;
	/* border:1px dashed #0f0; */
	width:300px;
	min-height:200px;
	
}
.ImageDroite img{
	width:100%;
	max-width:300px;
	max-height:200px;
}

.TexteGauche{
	margin-right:420px;
	min-height:200px;
	/* border:1px dashed #00f; */
	/* color:#A3BD38; */
	/* background-color:#A87B51; */
	border-radius: 15px;
}




.Logo{
	position:relative;
	float:left;
	/* border:1px dashed #0f0; */
	width:300px;
	height:200;
	
}
.Nouveautes{
	margin-left:420px;
	height:200px;
	/* border:1px dashed #00f; */
	color:#A3BD38;
	background-color:#A87B51;
	border-radius: 15px;
}
div.Nouveautes p.Titre{
	font-size:36px;
	padding-left:50px;
}
div.Nouveautes nav{
	font-size:14px;
}
article{
	border:1px dashed #A3BD38;
	padding:1em;
	font-size:14px;

}
article header{
	background-color:#A3BD38;
	border:1px dashed #A3BD38;
	border-radius: 15px 15px 0px 0px;
	/* padding:1em; */

}
article header.Passe{
	background-color:#AAAAAA;
	border:1px dashed #AAAAAA;
	/* border-radius: 15px 15px 0px 0px; */
	/* padding:1em; */

}
article header.Complet{
	background-color:#A87B51;
	border:1px dashed #A87B51;
	/* border-radius: 15px 15px 0px 0px; */
	/* padding:1em; */

}
article header.Annule{
	background-color:#E74C3C;
	border:1px dashed #E74C3C;
	/* border-radius: 15px 15px 0px 0px; */
	/* padding:1em; */

}
article p{
	padding-left:25px;
	padding-right:25px;
}
article p.Grand{
		font-size:24px;
		color:blue;

}
article header p.Titre{
	font-size:26px;
	font-weight:bold;
	padding-left:50px;

}
table{
	padding-left:25px;
	
}
tr.TitreTableau {
	height: 24px;
	font-size:18px;
	font-weight:bold;
}
tr.SousTitreTableau {
	height: 24px;
	font-size:16px;
	font-weight:bold;
}
tr.LigneTableau
{
	height: 24px;
	font-size:14px;
	font-weight:normal;
	padding-left:50px;
}

nav.MainMenu ul {
	background: #A3BD38;
	padding:20px;
	border-radius: 15px;

}
nav.MainMenu ul li a{
	color: #000;
}
nav.MainMenu ul li:hover,nav.MainMenu ul li.Selected{
	background: #A87B51;
}
p.TitreDroite {
	height: 30px;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
}
p,p.TextCourrant, p.TextCourrant_Image {
	/* height: 20px; */
	font-size:16px;
	font-weight:bold;
}
p.TextCourrant_Image {
	/* height: 28px; */
}
p.Warning{
	font-size:22px;
	font-weight:bold;
	color: #F00;
}
#RightInfo nav li a {
		color:#A3BD38;

}

fieldset {
			border-color:#A3BD38;

}


.overlay {
    position:relative;
    /* top: 0; */
    /* left: 0; */
    min-height:200px;
    /* width: 100%; */
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

.modal {
    min-width: 500px;
    min-height: 200px;
	padding: 10px;
    line-height: 200px;
    position: absolute;
    top: 25%; 
    left: 25%;
	font-size:36px;
	font-weight:bold;
    margin-top: -85px;
    margin-left: -150px;
    background-color: #f1c40f;
    border-radius: 5px;
    text-align: center;
    z-index: 11; /* 1px higher than the overlay layer */
}
.content {
	    position:relative;
    /* top: 0; */
    /* left: 0; */
    /* height: 100%; */
    /* width: 100%; */
    /* background-color: rgba(0,0,0,0.5); */
    z-index: 10;

}


.EventList {
	width:100%;
	display: block;
	min-width:1000px;
}

.EventBox{
	margin:5px;
	display: block;
	height:90px;
	border:1px dashed #A3BD38;
	border-radius: 15px;
	overflow: hide;

}

.EventDate {
	display: inline-block;
	width:90px;
	height:90px;
	/* float:left; */
	text-align:center;
	/* background-color: #A3BD38; */
	border-radius: 15px 0px 0px 15px;



}
.legende{
	display: inline-block;
	width:200px;
	height:30px;
	text-align:center;
	border-radius: 15px;
	font-size:24px;
	font-weight:bold;
}

.BalFini,.MerFini{
		background-color: #AAAAAA;
}

.BalComplet,.MerComplet{
		background-color: #A87B51;
}

.BalAnnule,.MerAnnule{
		background-color: #E74C3C;
}

.BalEnfants,.MerEnfants{
		background-color: #47BCF0;
}

.BalFamilles,.MerFamilles{
		background-color: #EFBE14;
}
.artNormal{
	background-color:#A3BD38;
	border:1px dashed #A3BD38;
}
.artPasse{
	background-color:#AAAAAA;
	border:1px dashed #AAAAAA;
}
.artComplet{
	background-color:#A87B51;
	border:1px dashed #A87B51;
}

.artAnnule{
	background-color:#E74C3C;
	border:1px dashed #E74C3C;
}


.EventDay{
	display: block;
	text-align:center;
	font-size:24px;
	font-weight:bold;

}

.EventMonth{
	display: block;
	text-align:center;
	font-size:16px;
	

}

.EventYear{
	display: block;
	text-align:center;
	font-size:16px;

}

.EventTime{
	display: block;
	text-align:center;
	font-size:16px;
}

.EventDescr{
	display: inline-block;
	height:90px;

}

.EventType{
	display: block;
	font-size:16px;

}

.EventTitre{
	display: block;
	font-size:30px;

}

.EventLink{
	display: block;
	font-size:12px;

}

.EventLogo{
	display: inline-block;
	width:90px;
	height:90px;
	float:right;
	text-align:center;
/* vertical-align:center; */
	/* background-color: #A3BD38; */
	border-radius: 0px 15px 15px 0px;

}

.EventImgType {
	padding-top:10px;
	width:60px;
	height:60px;
}