body
{
	margin-top: 5px;
	font-family: Arial, Courier, Times;
	font-size: 12px;
	text-align: left;
	background: #ffffff url(../imgmenu/fond.png) repeat-x top;
}

img
{
	border: 0px;
}

a
{
	font-family: Arial, Courier, Times;
	font-size: 12px;
	font-weight: bold;
	color: #1E4278;
	text-decoration: none;
}

a:hover
{
	font-family: Arial, Courier, Times;
	font-size: 12px;
	font-weight: bold;
	color: #1E4278;
	text-decoration: underline;
}

.meteolink
{
	font-family: Arial, Courier, Times;
	font-size: 12px;
	font-weight: bold;
	color: #1E4278;
	text-decoration: none;
}

.meteolink:hover
{
	font-family: Arial, Courier, Times;
	font-size: 12px;
	font-weight: bold;
	color: #1E4278;
	text-decoration: underline;
}

#center
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
}

#genbox
{
	width: 800px;
	position: relative;
	float: left;
	background: url(../imgmenu/fondmiddle.png) repeat;
}

#headerbox
{
	top: 0px;
	width: 800px;
	height: 148px;
	position: relative;
	float: left;
}

#menubox
{
	width: 770px;
	height: 62px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 15px;	
	padding-right: 15px;
	line-height: 31px;
	top: 0px;
	float: left;
	background-image: url(../imgmenu/fondmenu.png);
	z-index: 5;
}

#middlebox
{
	width: 800px;
	position: relative;
	float: left;
	top: 0px;
	padding-bottom: 35px;
	background: url(../imgmenu/fondmiddle.png) repeat;
	z-index:0;
}

#sousmenubox
{
	width: 800px;
	position: relative;
	float: left;
	top: 0px;
	background: url(../imgmenu/fondsousmenu.png) no-repeat top;
}

#leftbox
{
	left: 30px;
	top: 20px;
	position: relative;
	float: left;
	width: 185px;	
}

#meteotopbox
{
	left: 0px;
	top: 0px;	
	padding-right: 10px;
	padding-top: 6px;
	text-align: right;
	color: #E35014;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	float: left;
	width: 175px;
	height: 37px;
	background: url(../imgmenu/meteotop.png) no-repeat;
}

#meteomiddlebox
{
	top: 0px;
	left: 0px;
	position: relative;
	float: left;
	text-align: center;
	width: 185px;
	background: url(../imgmenu/meteofond.png) repeat;
}

#meteobottombox
{
	top: 0px;
	left: 0px;
	position: relative;
	float: left;
	width: 175px;
	padding-right: 10px;
	padding-bottom: 2px;
	color: #E35014;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	text-align: center;
	height: 44px;
	background: url(../imgmenu/meteobottom.png) no-repeat;
}

#accueilrightbox
{
	top: 20px;
	left: 50px;
	right: 30px;
	position: relative;
	float: left;
	width: 585px;
}

#accueilitemtopbox
{
	position: relative;
	float: left;
	width: 519px;
	height: 37px;
	padding-top: 7px;
	padding-left: 16px;
	text-align: left;
	color: #E35014;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	font-weight: bold;
	background: url(../imgmenu/accueilitemtop.png) no-repeat;
	z-index: 4;
}

#accueilitemmiddlebox
{
	position: relative;
	float: left;
	padding-left: 16px;
	padding-right: 16px;
	width: 503px;
	font-family: Arial, Courier, Times;
	color: #1E4278;
	font-size: 12px;
	background: url(../imgmenu/accueilitemfond.png) repeat;
}

#accueilitembottombox
{
	position: relative;
	float: left;
	width: 535px;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	height: 14px;
	background: url(../imgmenu/accueilitembottom.png) no-repeat;
}

#rightbox
{
	top: 20px;
	left: 30px;
	right: 30px;
	position: relative;
	float: left;
	width: 740px;
}

#itemtopbox
{
	position: relative;
	float: left;
	width: 724px;
	height: 37px;
	padding-top: 7px;
	padding-left: 16px;
	text-align: left;
	color: #E35014;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	font-weight: bold;
	background: url(../imgmenu/itemtop.png) no-repeat;
	z-index: 4;
}

#itemmiddlebox
{
	position: relative;
	float: left;
	padding-left: 16px;
	padding-right: 16px;
	width: 708px;
	font-family: Arial, Courier, Times;
	color: #1E4278;
	font-size: 12px;
	background: url(../imgmenu/itemfond.png) repeat;
}

#itembottombox
{
	position: relative;
	float: left;
	width: 740px;
	font-family: Arial, Courier, Times;
	font-size: 14px;
	height: 14px;
	background: url(../imgmenu/itembottom.png) no-repeat;
}

#agendabox
{
	position: relative;
	top: 0px;
	left: 30px;
	right: 30px;
	float: left;
	width: 588px;
	height: 40px;
	font-family: Arial, Courier, Times;
	font-size: 12px;
	color: #1E4278;
	padding-bottom: 7px;
	padding-right: 20px;
	padding-left: 132px;
	padding-top: 13px;
	background: url(../imgmenu/agendafond.png) no-repeat;
	z-index:4;
}

#basbox
{
	width: 800px;
	height: 28px;
	position: relative;
	float: left;
	top: 0px;
	z-index:4;
}

#bottombox
{
	width: 800px;
	height: 88px;
	position: relative;
	float: left;
	top: 0px;
	background: url(../imgmenu/fondmiddle.png) repeat;
	z-index: 0;
}


/* agenda */

.agendaleft
{
	width: 16px;
	background: url(../imgmenu/agenda/fondleft.png) repeat-y;
}


.agendaright
{
	width: 16px;
	background: url(../imgmenu/agenda/fondright.png) repeat-y;
}

.agendadate
{
	width: 246px;
	padding-left: 4px;
	padding-right: 4px;
}

.agendatitre
{
	width: 246px;
	background-color: #F5D600;
	padding-left: 4px;
	padding-right: 4px;
}

.agendacontenu
{
	width: 246px;
	background-color: #D3E4F0;
	padding: 4px;
}

.agendaimage
{
	width: 246px;
	background-color: #D3E4F0;
	padding: 4px;
}

#cadrephotosopacite
{
	position: relative;
	float: left;
	width: 520px;
	height: 346px;
	top: 5px;
}

#cadrephotosbienvenueopacite
{
	position: relative;
	float: left;
	width: 495px;
	height: 280px;
	top: 0px;
	left: 4px;
	padding-bottom: 10px;
}

#cadrephotospromopacite
{
	position: relative;
	float: left;
	width: 215px;
	height: 350px;
	top: 0px;
	left: 0px;
}

.error
{
	color: #FF0000;
	font-family: Arial, Courier, Times;
	font-size: 10px;
}
