/* CSS Document */
/* Mise en forme du site de la Mairie de Vals près Le Puy*/
/* www.iris-interactive.fr */

body {
	background:#BDDDF4 url(../images/body.gif) repeat-x left top;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
}

#page {
	width:770px;
	text-align:left;
	margin:10px auto;
	padding:0;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#entete {
	background:url(../images/download.gif) no-repeat center 90px;
	height:187px;
}
#entete h1{
	position:absolute;
	left:-999em;
}
#entete a img{
	border:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre de navigation horizontale */
/* -------------------------------------------------------------------------------------------- */

#nav {
	margin:5px 0;
	background:#FFFFFF url(../images/bg_nav.gif) repeat-x left bottom;
	border-style:solid;
	border-color:#347ABF;
	border-width:1px 0;
	text-align:left;
	height:28px;
}
#nav ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#nav li {
	background:url(../images/bg_nav_li.gif) no-repeat right bottom;
	display:block;
	float:left;
	margin:0;
	padding:0 3px 0 2px;
	text-align:right;
}

#nav a {
	margin:0;
	padding:5px;
	display:block;
	color:#347ABF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
#nav a:hover {
	background:#347ABF url(../images/bg_nav_a.gif) repeat-x left top;
	color:#FFFFFF;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la gestion des sous-menus */
/* ------------------------------------------------------------------------------------------- */

#nav li ul { 
	position:absolute;
	background-color:#347ABF;
	width:145px;
	left:-999em; 
	text-align:left;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left:auto;
}
#nav li:hover a, #nav li.sfhover a { 
	background:#347ABF url(../images/bg_nav_a.gif) repeat-x left top;
	color:#FFFFFF;
}
#nav li ul li {
	background-image:none;
	width:145px;
	padding:0;
	text-align:left;
}
#nav li ul li a {
	background-image:none !important;
	width:145px;
	color:#FFFFFF;
	text-align:left;
}
html>body #nav li ul li, #nav li ul li a {
	width:135px;
}
#nav li ul li a:hover {
	text-decoration:underline;
	background-color:#4887C5;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	margin:0;
	background:#FFFFFF url(../images/bg_global.gif) repeat-y left top;
	text-align:justify;
}
#global p{
	margin:0;
	padding:5px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la colonne de gauche */ 
/* certains styles sont hérités de #global */
/* -------------------------------------------------------------------------------------------- */

#left_col {
	margin:0;
	width:183px;
	float:left;
	background:url(../images/bg_left_col.gif) repeat-x left top;
}
html>body #left_col {
	width:185px;
}
#left_col h3, #left_col h4 {
	color:#347ABF;
	font-weight:bold;
	font-size:15px;
	background:url(../images/bg_h3_left.gif) no-repeat right bottom;
	margin:5px 5px 5px 10px;
	padding:10px 0;
}
#left_col h3.mot {
	background:url(../images/bg_h3_mot.gif) no-repeat left top;
	margin:5px 0 0 0;
	padding:10px;
	height:63px;
	border:none;
}
#left_col h3.actu {
	background:url(../images/bg_h3_actu_left.gif) no-repeat left top;
	margin:5px 0 0 0;
	padding:10px;
	height:63px;
	border:none;
}
html>body #left_col h3.mot,  #left_col h3.actu {
	height:43px;
}
#left_col h3 span {
	position:absolute;
	left:-999em;
}
#left_col p {
	margin:0;
	padding:5px 10px;
}
#left_col ul {
	margin:0;
	padding:5px 10px;
}
#left_col li {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #FFFFFF;
}
#left_col a {
	color:#034EA2;
	text-decoration:none;
}
#left_col a:hover {
	text-decoration:underline;
}
#left_col li a{
	padding:5px;
	width:165px;
	font-weight:bold;
	display:block;
}
html>body #left_col li a{
	width:155px;
}
#left_col li a:hover {
	text-decoration:none;
	background-color:#F6F6F6;
}
#left_col a.pdf {
	background:url(../images/pdf.gif) no-repeat left top;
	padding-left:19px;
}
#left_col a:hover.pdf {
	background:url(../images/pdf_hover.gif) no-repeat left top;
}
#left_col a.add {
	background:url(../images/add.gif) no-repeat left top;
	padding-left:19px;
}
#left_col a:hover.add {
	background:url(../images/add_hover.gif) no-repeat left top;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la zone de contenu */ 
/* -------------------------------------------------------------------------------------------- */

#content {
	width:585px;
	display:block;
	margin:0;
	padding:0;
	float:right;
	color:#333333;
}
#content h3, #content h4 {
	background:url(../images/bg_h3_content.gif) no-repeat right bottom;
	margin:5px 2px 5px 5px;
	padding:10px 10px 10px 0;
	color:#347ABF;
	font-size:15px;
	font-weight:bold;
	clear:both;
}
#content .une_col h3, #content .une_col h4 {
	background:url(../images/bg_h3_content_col1.gif) no-repeat right bottom;
	margin:0 0 5px 0;
	padding:10px 10px 10px 5px;
}
#content acronym {
	border-bottom:1px dotted #034EA2;
	cursor:help;
}
#content a {
	color:#034EA2;
	text-decoration:none;
}
#content strong.block {
	color:#034EA2;
	width:115px;
}
#content a:hover {
	text-decoration:underline;
}
#content a.out {
	background:url(../images/out.gif) no-repeat left top;
	padding-left:18px;
}
#content a:hover.out {
	background:url(../images/out_hover.gif) no-repeat left top;
}
#content a.pdf {
	background:url(../images/pdf.gif) no-repeat left top;
	padding-left:19px;
}
#content a:hover.pdf {
	background:url(../images/pdf_hover.gif) no-repeat left top;
}
#content a.print {
	background:url(../images/print.gif) no-repeat left top;
	padding-left:18px;
}
#content a:hover.print {
	background:url(../images/print_hover.gif) no-repeat left top;
}


#content a.submit {
	background:#FFFFFF url(../images/bg_a_submit.gif) repeat-x left top;
	border:2px groove;
	padding:3px 4px 1px;
	color:#000000;
	text-decoration:none;
}
#content a:hover.submit {
	background:#FFFFFF url(../images/bg_a_submit_active.gif) repeat-x left bottom;
	text-decoration:none;
	border:2px inset;
}


#content p.top a {
	background:url(../images/top.gif) no-repeat left top;
	padding-left:18px;
}
#content p.top a:hover {
	background:url(../images/top_hover.gif) no-repeat left top;
}
#content a.ccl {
	background:url(../images/ccl.gif) no-repeat left top;
	text-decoration:none;
	display:block;
	width:275px;
	height:46px;
	clear:both;
}
#content a:hover.ccl {
	background:url(../images/ccl.gif) no-repeat left bottom;
}
#content a.ccl span {
	position:absolute;
	left:-999em;
}

#content a img {
	border:none;
}

#content .access {
	margin:10px 5px 10px 0;
	width:286px;
	height:216px;
	float:left;
	background:url(../images/bg_acces.gif) no-repeat left top;
}
#content .access ul, #content .access li {
	margin:0;
	padding:0;
	list-style:none;
}
#content .access li {
	background-image:none;
	width:143px;
	height:72px;
	float:left;
}
#content .access li a {
	width:100%;
	height:100%;
	display:block;
}
#content .access li a.acces_entree1:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat 0 0;
}
#content .access li a.acces_entree2:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat -143px 0;
}
#content .access li a.acces_entree3:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat 0 -72px;
}
#content .access li a.acces_entree4:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat -143px -72px;
}
#content .access li a.acces_entree5:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat 0 -144px;
}
#content .access li a.acces_entree6:hover {
	background:url(../images/bg_acces_hover.gif) no-repeat -143px -144px;
}
#content .access li a span {
	position:absolute;
	left:-999em;
}

#content .une_col, .col1_2, .col2_2 {
	margin:5px 5px 10px 0;
	width:286px;
	float:left;
}
#content .une_col h3.semaine, #content .une_col h3.actu, #content .une_col h3.event {
	margin:0;
	padding:10px;
	color:#347ABF;
	font-size:13px;
	font-weight:bold;
	border:none;
}
#content .une_col h3.semaine {
	background:url(../images/bg_h3_semaine.gif) no-repeat left top;
	height:63px;
}
#content .une_col h3.actu {
	background:url(../images/bg_h3_actu.gif) no-repeat left top;
	height:63px;
}
#content .une_col h3.event {
	background:url(../images/bg_h3_event.gif) no-repeat left top;
	height:63px;
}
html>body #content .une_col h3.semaine, #content .une_col h3.actu, #content .une_col h3.event {
	height:43px;
}
#content .une_col h3 span {
	position:absolute;
	left:-999em;
}
#content p, #content ul, #content table {
	margin:0;
	padding:5px 10px 5px 5px;
	list-style:none;
}
#content blockquote {
	background:url(../images/bg_blockquote.gif) no-repeat left top;
	color:#666666;
	font:italic 13px Georgia, "Times New Roman", Times, serif;
	width:570px;
	margin:0;
	padding:5px 10px 5px 30px;
}
html>body #content blockquote {
	width:auto;
}
#content table, tr, td {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:11px;
	vertical-align:top;
}
#content table.table1, #content table.table2 {
	text-align:center;
	margin-bottom:5px;
}
#content table.table3 {
	text-align:left;
	margin-bottom:5px;
}
#content table.list_ann {
	margin-bottom:5px;
	width:580px;
}
#content table.table1 th, table.table2 th, table.table3 th {
	background-color:#E2ECF6;
}
#content table.table1 tr.row1 td, #content table.table2 tr.row1 td, #content table.table3 tr.row1 td {
	background-color:#F6F6F7;
}
#content table.table1 tr.row2 td, #content table.table2 tr.row2 td, #content table.table3 tr.row2 td {
	background-color:#F2F2F1;
}
#content table.table2 tr.row1 td, #content table.table2 tr.row2 td {
	padding:10px;
}
#content table.table3 th, table.table3 td {
	border-bottom:1px solid #FFFFFF;
	padding:5px;
}
#content table.table4 {
	width:580px;
}
#content table.table4 th {
	background:#F2F2F1 url(../images/bg_table4_th.gif) repeat-x left top;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	padding:5px;
	font-weight:normal;
}
#content table.table4 h4 {
	margin:5px -10px 10px -5px;
	padding:0 0 5px 5px;
	background-image:none;
	border-bottom:1px solid #999999;
	font-size:13px;
	color:#FF9900;
}
html>body #content table.table4 h4 {
	margin:5px 0 10px;
	padding:0 0 5px 0;
}
#content table.list_ann td {
	background-color:#F2F2F1;
	height:35px;
	padding:5px;
}
#content table.table5 th, table.table5 td {
	border-bottom:1px solid #FFFFFF;
	padding:5px;
}
#content table.table5 {
	width:570px;
}
html>body #content table.table5 {
	width:580px;
}
#content table.table5 font {
	font-family:'Trebuchet MS', Verdana, sans-serif !important;
	font-size:11px !important;
	vertical-align:top !important;
}
#content .une_col p, .une_col ul {
	margin:0;
	padding:5px;
	list-style:none;
}
#content p.iris {
	background:url(../images/logo_iris.gif) no-repeat 0 0;
	padding:1px 5px 1px 50px;
}
#content p.tt_actu {
	padding:0 5px;
}
#content p.minus {
	color:#999999;
	font:italic 16px Georgia, "Times New Roman", Times, serif;
}
#content p.top {
	text-align:right;
	padding:10px 10px 10px 5px;
	clear:both;
}
#content p.chemin {
	font-size:10px;
	padding:5px 5px 0;
	margin:0;
}
#content p.perso {
	background:url(../images/bg_p_persos.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	font-weight:bold;
	color:#999999;
	width:185px;
	float:left;
}
#content p.localisation {
	background:url(../images/bg_p_localisation.gif) no-repeat 0 0;
	padding:7px 10px 13px 50px;
	margin:0 5px 0 190px;
	font-weight:bold;
	color:#999999;
}
#content .col1_2 p.localisation, #content .col1_2 p.perso {
	width:auto;
	margin:0;
	padding:0 5px 5px 50px;
	font-weight:normal;
	color:#333333;
}
#content .une_col li, #content li {
	margin:0;
	padding:0 0 5px 15px;
	list-style:none;
	background:url(../images/orange_square.gif) no-repeat 0 6px;
}
#content ul.style_actu li {
	margin:0 0 5px 0;
	padding:0 0 5px 30px;
	height:25px;
	list-style:none;
	background:url(../images/bg_li_actu.gif) no-repeat 0 2px;
}
html>body #content ul.style_actu li {
	min-height:25px;
	height:auto;
}
#content ul.style_actu li i {
	color:#999999;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
}
#content ul.style_faq li, #content dt {
	margin:0;
	padding:0 0 5px 15px;
	list-style:none;
	background:url(../images/question.gif) no-repeat 0 2px;
}
#content dd {
	margin:0 0 5px 4px;
	padding:0 10px 0 9px;
	list-style:none;
	border-left:#0098FF solid 2px;
}
#content dl.lnk dt {
	margin:0;
	padding:0 0 5px 15px;
	list-style:none;
	background:url(../images/orange_square.gif) no-repeat 3px 6px;
}
#content dl.lnk dd {
	border-left:#F0F0F0 solid 2px;
	color:#666666;
}
#content form, #content .une_col form {
	margin:0;
	padding:5px;
}
#content .une_col fieldset {
	border:1px solid #CFCFCF;
	margin-bottom:5px;
	padding:5px;
}
#content #formMemberAccount fieldset {
	border:1px solid #7F9DB9;
	margin-bottom:5px;
	padding:5px;
}
#content form, input, textarea, select, option, 
#content .une_col form, .une_col input, .une_col textarea, .une_col select, .une_col option {
	font-size:11px;
}
#content .une_col .overflow {
	height:158px;
	overflow:auto;
	margin:0;
	padding:5px;
	border-bottom:1px solid #CFCFCF;
	background-color:#F8F8F8;
}
html>body #content .une_col .overflow {
	height:147px;
}
#content .une_col .overflow h4 {
	background-image:none;
	border:none;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#C9243F;
}
#content .une_col .overflow ul {
	margin:0;
	padding:0;
}
#content .une_col .overflow li {
	margin:0;
	padding:0 0 0 12px;
	list-style:none;
	background:url(../images/red_square.gif) no-repeat 0 6px;
}
html>body #content .une_col .overflow h4, #content .une_col .overflow ul, #content .une_col .overflow li {
	width:246px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la barre de fonctions */ 
/* -------------------------------------------------------------------------------------------- */

#fonctions {
	background:url(../images/bg_fonctions.gif) repeat left top;
	margin:5px 5px 0 0;
	padding:2px 0;
	text-align:right;
}
#fonctions ul {
	margin:0;
	padding:0;
	display:inline;
}
#fonctions li {
	background-image:none;
	display:inline;
	margin:0;
	padding:0 5px 0 0;
}
#fonctions a.print {
	background:url(../images/print.gif) no-repeat left top;
	padding-left:18px;
}
#content a:hover.print {
	background:url(../images/print_hover.gif) no-repeat left top;
	text-decoration:underline;
}
#fonctions a.send {
	background:url(../images/send.gif) no-repeat left top;
	padding-left:18px;
}
#content a:hover.send {
	background:url(../images/send_hover.gif) no-repeat left top;
	text-decoration:underline;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */ 
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:url(../images/bg_foot.gif) no-repeat left top;
	text-align:center;
}
#foot p {
	margin:0;
	font-size:9px;
	padding:10px 0 0;
	color:#0098FF;
}
#foot p.referer {
	position:absolute;
	left:-999em;
	font-size:1px;
}
#foot a {
	text-decoration:none;
	color:#0098FF;
}
#foot a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */ 
/* -------------------------------------------------------------------------------------------- */

.style_spacer {
	width:100%;
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
}
.style_img_left {
	float:left;
	margin:0;
	padding:0 5px 5px 0;
}
.style_img_right {
	float:right;
	margin:0;
	padding:0 0 5px 5px;
}
.style_img_actu {
	float:left;
	margin:0 5px 5px 0;
	padding:0;
	display:block;
	height:147px;
	width:143px;
}