/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.veurey.fr		                    |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Styles page index	                            |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL   - mai 2009   |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*DŽfinition de la zone date du jour en haut de page*/
#datedujour2 {
	position: absolute;
	float: right;
	top: 15px;
	right: 70px;
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #999999;
	z-index: 2000;
	text-align: right;
}

/*DŽfinition de la zone meteo ˆ droite de page*/
#meteo {
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	/*top: 300px;
	right:-150px;*/
}

#milieu {
	margin-top: 0px;
	padding-top: 27px;
	/*margin-top:62px;*/
	background: url(../images/fondMilieu.jpg) repeat-y;
}

/* DŽfinition de la zone 'actus mairie'
-----------------------------------------------------------------------------
	La zone 'actus mairie' est placŽe en haut ˆ gauche de page
---------------------------------------------------------------------------*/
#infomairie {
	position: relative;
	float: left;
	display: inline;
	margin-top: 1px;
	width: 210px;
	min-height: 219px;
	background: url(../images/Tinfomairie3.jpg) no-repeat left -27px;
	background-color: white;
}

#infomairie ul {
	position: relative;
	float: left;
	display: inline;
	/*
	margin-top: 30px;*/
	margin-top:10px;
	width: 200px;
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	list-style: none;
	color: #333333;
}

#infomairie ul li.info {
	margin-left: 10px;
	margin-bottom: 4px;
	color: #c95e0c;
	padding: 5px;
	color: #54260a;
	/**/
	background-color: #992E38;
	background-color: #A6341D;
	background-color: #B95129;
	background-color: #D55C14;
	background-color: #db783e;
	display: block;
	width: 190px;
}

#infomairie ul li.separate {
	color: black;
}

#infomairie ul li a {
	color: #fac183;
}

#infomairie ul li a:hover {
	color: #54260a;
}

/* DŽfinition de la zone 'agenda'
-----------------------------------------------------------------------------
	La zone 'agenda' est placŽe ˆ gauche de page
---------------------------------------------------------------------------*/
#agenda {
	position: relative;
	float: left;
	width: 210px;
	/*margin-top:-29px;*/
	padding-bottom: 10px;
}

p.chapeau img {
	position: relative;
	float: left;
	margin-top: 15px;
}

p.agendaSeul {
	margin-top: 15px;
}

#agenda p.mois {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	height: 20px;
	width: 176px;
	margin-left: 30px;
	padding-left: 4px;
	background-color: #992e38;
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
	line-height: 20px;
	color: #fff;
	margin-top: 20px;
}

#agenda p.premier {
	position: relative;
	float: left;
	margin-top: 0;
}

#agenda p.date {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 179px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #992e38;
	margin-top: 10px;
	margin-left: 30px;
}

#agenda h1 {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 170px;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #c95e0c;
	margin-top: 2px;
	margin-left: 30px;
}

#agenda p.info {
	position: relative;
	float: left;
	display: inline;
	width: 170px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 30px;
	margin-bottom: 2px;
	color: #c95e0c;
}

#agenda p.legende {
	position: relative;
	float: left;
	display: inline;
	width: 170px;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 30px;
	margin-bottom: 2px;
	margin-top: 20px;
	color: #c95e0c;
	font-style: italic;
}

/* DŽfinition de la zone 'breve'
-----------------------------------------------------------------------------
	La zone 'breve' est placŽe au centre de page
---------------------------------------------------------------------------*/
#breve {
	position: relative;
	float: left;
	width: 395px;
	margin-top: 0;
}

#breve #datedujour {
	position: relative;
	float: right;
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #999999;
	margin-left: 8px;
}

#breve #photoUne {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 388px;
	height: 258px;
	margin: 12px 4px 5px 4px;
}

#breve a.lienReport {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	width: 353px;
	margin: -5px 4px;
	height: 24px;
	color: #666666;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	background: url(../images/flecheOr2D.jpg) left no-repeat;
	background-color: #EFEFEF;
	padding-left: 35px;
	letter-spacing: 5px;
}

#breve div.rubrique-actu {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	width: 353px;
	margin: -5px 4px;
	height: 24px;
	color: #666666;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	background: url(../images/flecheOr2B.png) left no-repeat;
	background-color: #EFEFEF;
	padding-left: 35px;
	letter-spacing: 5px;
}

#breve a.lienBulletin {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	width: 236px;
	margin-left: 128px;
	margin-top: 5px;
	height: 20px;
	color: #666666;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url(../images/flecheOr3D.jpg) 5px no-repeat;
	background-color: #D8D8D8;
	padding-left: 28px;
}

#breve  a.picto-accueil {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	/*width: 42px;*/
	padding-top:2px;
	margin: 15px 0px 0 60px;
	height: 66px;
}
#breve a.picto-accueil2 {
	margin: 15px 0px 0 30px;
}
#breve a.picto-accueil:hover {
	padding-top: 0px;
	height: 68px;
}


#breve a.lienReport:hover,#breve a.lienBulletin:hover {
	color: white;
}

#breve img.chapeauBref {
	position: relative;
	float: left;
	margin-left: 128px;
	margin-top: 15px;
	margin-bottom: 2px;
}

#breve .breveInfo {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 264px;
	min-height: 90px;
	margin: 4px 4px 4px 128px;
	background-color: #EFEFEF;
}

#breve .breveInfo img {
	position: absolute;
	left: -124px;
	top: 0px;
	height: 90px;
	width: 120px;
}

#breve .breveInfo h1 {
	position: relative;
	float: left;
	display: block;
	width: 252px;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 4px 8px 4px 4px;
	background-color: #B4AEAC;
	color: white;
}

#breve .breveInfo a,#breve .breveInfo p {
	position: relative;
	float: left;
	width: 252px;
	text-align: justify;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	padding: 4px 8px 4px 4px;
	display: block;
	color: black;
}

#breve .breveInfo ul {
	position: relative;
	float: left;
	width: 228px;
	margin-left: 20px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: black;
	padding: 4px 8px 4px 8px;
}

#breve .breveInfo a p,#breve .breveInfo p a,#breve .breveInfo a.doc,#breve .breveInfo a ul
	{
	font-size: 1em;
	padding: 0;
	color: black;
}

/*#breve .breveinfo p a, #breve breveinfo ul a, #breve .breveInfo a.doc {
	color:#003366;

	}*/
#breve .breveInfo a:hover,#breve .breveInfo p a:hover,#breve .breveInfo a p:hover,#breve .breveInfo a.doc:hover,#breve .breveInfo a ul:hover
	{
	color: #B4AEAC;
}

/* DŽfinition de la zone 'encours'
-----------------------------------------------------------------------------
	La zone 'encours' est placŽe ˆ droite de page
---------------------------------------------------------------------------*/
#encours {
	position: relative;
	float: left;
	width: 210px;
	margin-top: -7px;
}

p.chapeau {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 210px;
	height: 40px;
	background-color: #fff;
}

p.margeHaut {
	padding-top: 30px;
}

p.chapeau img {
	position: relative;
	float: left;
	margin-top: 15px;
}

#encours img.picto {
	position: relative;
	float: left;
}

#encours p.poste,#encours p.discussion {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 177px;
	height: 20px;
	margin-left: 6px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #fff;
	margin-top: 10px;
	background-color: #EA9E59;
	padding-left: 4px;
	letter-spacing: 2px;
}

#encours p.discussion {
	background-color: #5B89C1;
}

#encours a.faireAnnonce:hover,#encours a.ouvrirDiscu:hover {
	color: #000;
}

#encours a.faireAnnonce {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	height: 20px;
	width: 160px;
	padding-left: 20px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #fff;
	margin-top: 10px;
	background: url(../images/flecheOrD.jpg) left no-repeat;
	background-color: #EA9E59;
	margin-left: 30px;
}

#encours a.ouvrirDiscu {
	position: relative;
	float: left;
	display: block;
	display: inline; /*IE6*/
	height: 20px;
	width: 160px;
	padding-left: 20px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #fff;
	margin-top: 10px;
	background: url(../images/flecheBleuD.jpg) left no-repeat;
	background-color: #5B89C1;
	margin-bottom: 20px;
	margin-left: 30px;
}

#encours p.premier {
	margin-top: 0;
}

#encours p img,#encours a img {
	position: relative;
	float: left;
	margin-right: 5px;
}

#encours a.entrenous,#encours a.tribune {
	position: relative;
	float: left;
	width: 150px;
	color: #000;
	margin-top: 5px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/smileyP.jpg) no-repeat;
	padding-left: 18px;
	text-align: left;
	margin-left: 30px;
}

#encours a.tribune {
	margin-bottom: 10px;
}

#encours a.entrenous span,#encours a.tribune span {
	line-height: 1.2em;
}

#encours a.entrenous:hover,#encours a.tribune:hover {
	color: #999999;
}

#encours a.tribune {
	background: url(../images/crayonP.jpg) no-repeat;
}

#encours h1 {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 176px;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 30px;
}

#encours p.bleu {
	position: relative;
	float: left;
	display: inline; /*IE6*/
	width: 176px;
	color: #003399;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 30px;
}