@import url(carousel.css);

#content{
	background-image:url(../../images/css/accueil.jpg);
	background-repeat:no-repeat;
}

div#content div#content-middle div#data{
	font-size:0.8em;
	margin: 0px 5px;
	height : 428px;
	overflow : hidden;
}

#content #content-middle {
  margin-bottom : 0px;
}

div#content div#content-middle div#data p{
	margin:0;	
}

#content #content-middle #data #accueil{
	width:560px;
}

/* **************************************************************************************************** */

#content #content-middle #data #accueil #flash{
	width:440px;
	height:430px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:9;
}	
	
/* **************************************************************************************************** */

#content #content-middle #data #accueil .rechercheSimplifiee{
	float:right;	
	margin-right:10px;
}

#content #content-middle #data #accueil .rechercheSimplifiee .champ{
	margin:0 0 10px 15px;
}
#content #content-middle #data #accueil .rechercheSimplifiee .champ label{
	display:block;
	margin:0 0 3px 0;
	font-size:0.9em;
}
#content #content-middle #data #accueil .rechercheSimplifiee .champ input[type=text],
#content #content-middle #data #accueil .rechercheSimplifiee .champ select{
	width:130px;
}

#content #content-middle #data #accueil .rechercheSimplifiee .champ .submit{
position: relative;
top: 6px;	
}

#content #content-middle #data #accueil .rechercheSimplifiee #fauxChamp{
	cursor:default;	
	background-color:white;
	border:1px solid #7F9DB9;
}
#content #content-middle #data #accueil .rechercheSimplifiee .liste{
	border:1px solid black;
	position:absolute;
	left:360px;	
	z-index:300;
	background-color:white;
	height:200px;
	width:300px;
	overflow:auto;
}
#content #content-middle #data #accueil .rechercheSimplifiee .liste a{
	display:block;
	font-size:0.9em;
	color:black;
	font-weight:normal;
}
#content #content-middle #data #accueil .rechercheSimplifiee .liste a:hover,
	#content #content-middle #data #accueil .rechercheSimplifiee .liste a.selected{
	background-color:#97BE0D;
	color:white;
}

/* **************************************************************************************************** */

#content #content-middle #data #accueil .rechercheDate{
	clear:right;
	float:right;	
	margin-right:15px;
}
#content #content-middle #data #accueil .rechercheDate .champ{
	margin:0 0 10px 0px;
}
#content #content-middle #data #accueil .rechercheDate .champ label{
	display:block;
	margin:0 0 3px 38px;
	font-size:0.9em;
}
#content #content-middle #data #accueil .rechercheDate .carte{
	background-image:url(../../images/css/calendrier_rond-trans.png);
	background-repeat:no-repeat;
	height:225px;
	width:225px;	
}

/* **************************************************************************************************** */

#content #content-middle #data #accueil .rechercheDate .carte .infos{
	color:#335B19;
	font-size:0.8em;
	font-weight:bold;
	position:absolute;
	top:180px;
	left:39px;
	width:65%;
	margin:auto;
	text-align:center;	
}

#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar{
	position:relative;	
}

#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .prev{
	position:absolute;
	top:58px;
	left:5px;
	z-index:200;
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .next{
	position:absolute;
	top:58px;
	right:5px;
	z-index:200;
}

#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .month_year{
	color:#1F3A0D;
	position:absolute;
	top:17px;
	left:45px;
	width:140px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #1F3A0D;	
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .month_year span{
	position:relative;
	padding:0 5px 0 5px;
	background-color:#A0BB1D;
	top:5px;	
}



#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar{
	margin:42px auto 0 auto;	
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar .days td{
	color:#1C0E06;
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td.day{
	padding:1px 1px 0 1px;
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td div{
	position:relative;
}
	
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td a{
	display:block;
	width:15px;
	height:15px;
	color:#1C0E06;
	text-align:center;
	font-size:0.85em;	
	border:1px solid #325A21;
	position:relative;	
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td a.selected{
	background-color:#335B19;
	color:white;
	font-size:0.85em;	
}

#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td span{
	display:none;
	position:absolute;
	top:10px;
	left:20px;
	border:1px solid black;
	background-color:white;
	padding:5px;
	color:black;
	z-index:1000;
	width:200px;
	text-align:left;	
}
#content #content-middle #data #accueil .rechercheDate .carte .blocCalendar .calendar td:hover span{

}

/* **************************************************************************************************** */

#content #content-middle #data #accueil .actualite{		
	margin:0 0 0 10px;
	width:300px;
}
#content #content-middle #data #accueil .actualite .titre{
	color:#97BE0D;
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 3px 0;
}
#content #content-middle #data #accueil .actualite .date{
	color:#4B921F;
	font-weight:bold;
	font-size:0.9em;
	margin:0 0 3px 0;
}
#content #content-middle #data #accueil .actualite .image{
	float:left;
	margin:0 5px 0 0;
}
#content #content-middle #data #accueil .actualite .texte{
	font-size:0.9em;
	text-align:justify;
}
#content #content-middle #data #accueil .actualite .suite{
	color:#97BE0D;
	text-align:right;
}