@import "textpic.css";

/*------------- les sélecteurs de base ------------*/

table {border-collapse:collapse; font-size:1em}
caption {
	font-size:1.15em;
	font-weight:bold;
	color:#C00124;
	margin:10px 0 10px 15px;
	text-align:left;
}
ul, li {list-style-type:none}
a {text-decoration:none; color:#0D9129}
a:hover {color:#C70124}
h2 {
	font-size:1.5em;
	background:url('../img/bg_h3.gif') no-repeat top left;
	padding:8px 0 10px 15px;
	color:#0D8A29;
	margin:15px 0 15px 5px;
	}
input, select, textarea {
	border:1px solid #0D8A29;
	 font-size:.9em;
}


/*--------------- les sélecteurs nommés ----------------*/
/*div#header a {
	width:175px;
	height: 77px ;
	display: block ;
	background: url(../img/logo_niveadour.gif) no-repeat ;
	position: relative ;
	left: 27px;
	top:-53px;
}*/
div#header a {
	display: block ;
	background: url(../img/logo_niveadour.gif) no-repeat ;
	position: absolute ;
	left: 30px;
	top:105px;
	width:175px;
	height: 77px ;
}
div#header a span{
	display: none ;
}


/*module de recherche*/
#recherche {
width:207px;
height:100px;
float:right;
background: url(../img/bg_rechercher.png) no-repeat top right ;
position: relative;
top:-39px;
margin-right:5px;
margin-bottom:-39px;
}

#recherche form {
	margin:50px 5px 5px 80px;
	color:#C00124;
}
#recherche label { display:none}
#recherche #field_sword { width:90px;}
#recherche .rechav {display:block; font-size:.9em; text-align:center}

/*contenu*/
#contenu {color:#555555; font-family:Verdana, arial, helvetica, sans-serif ; font-size:.95em}

#contenu h3 {
	font-size:1.15em;
	color:#C00124;
	margin:10px 0 10px 15px;
	}
#contenu h4 {font-size:1.05em;
margin-left:15px;}
#contenu ul {margin:5px 5px 5px 15px;}
#contenu li {
	padding:2px 5px 2px 15px;
	background:url('../img/puce_rond_rouge.gif') no-repeat 0px 8px ;
	margin:5px 0;
	line-height:1.5em;
	text-align:justify;
	}

#contenu p
{
	line-height: 1.6em ;
	margin:5px 5px 5px 15px;
	text-align:justify;
}

/*formulaires*/
#contenu label {
	text-align:right;
	clear:left;
	float:left;
	display:block;
	width:170px;
}
#contenu label, #contenu input, #contenu select, #contenu textarea {margin:5px;}
#contenu textarea {
	font-size:1.2em
	}
.clear-left {
	clear:left;
	}
#contenu dl.elus,#contenu dl.elu-first {
	line-height:1.2em;
	text-align:center;
	float:left;
	margin:5px 5px;
	width:114px;
	background:#fff url('../img/bg_elus_top.jpg') no-repeat;
	padding-top:1px;
	padding-bottom:3px;
	height: 95px;
		}
#contenu dl.elus dt,#contenu dl.elu-first dt {
	border-bottom:1px dotted #bbb;
	margin-bottom:1px;
	height:30px;
	color:#000;
	padding:3px;
}
#contenu dl.elus dd,#contenu dl.elu-first dd {padding:0px 2px;height: 45px;}
#contenu div.elus_bureau dl.elus {width:114px;};
#contenu .lastelu dl.elus {margin:10px;}
#contenu dl.elu-first {float:none;margin-left:230px;}
#contenu div.4items{margin-left:50px;clear:both}

#contenu .fond_rouge, #droite .fond_rouge {padding:5px;
	background:#C70124;
	color:#fff
	}
#contenu ul.fond_rouge li, #droite ul.fond_rouge li {
	background:url('../img/puce_carree_blanche.gif') no-repeat 0px 8px ;
	padding-left:8px
	}
#contenu .fond_orange, #droite .fond_orange {
	padding:5px;
	background:#F58220;
	color:#fff}
#contenu ul.fond_orange li, #droite ul.fond_orange li {
	background:url('../img/puce_carree_blanche.gif') no-repeat 0px 8px ;
	padding-left:8px}

#contenu .fond_beige, #droite .fond_beige, .infosup dl {
	padding:5px;
	background:#F6E9D2;
	color:#000}
#contenu ul.fond_beige li, #droite ul.fond_beige li, .infosup dt {
	background:url('../img/puce_carree_verte.gif') no-repeat 0px 8px ;
	padding-left:15px}


#contenu ul.telecharge li, #droite ul.telecharge li {
	background:none;
	padding-left:15px}


#contenu p.align-right, #droite p.align-right {
	text-align:right}

/**tableau de données**/
#contenu table.data {}
#contenu table.data td, #contenu table.data th {
	padding:1px;
	border:1px solid #ccc
	}
#contenu table.data thead th {
	background-color:#0D8A29;
	color:#fff;
	border:1px solid #fff;
	text-align:center}
#contenu table.data thead td {
	text-align:right;
	font-weight:bold;
	background-color:#F6E9D2}
#contenu table.data tbody td {text-align:right;padding-right:1em}
#contenu table.data thead th.jourselect{background-color:#FFFF00;color:#000000}
#contenu table.calendrier {width:85%;margin: auto; text-align:center}
#contenu table.calendrier caption {font-size:1.15em;color:#C00124;font-weight:bold;text-align:center;}
#contenu table.calendrier tbody td {text-align:center;width:15%;}
#contenu table.calendrier td.ville {text-align:right;width:25%;}
#contenu blockquote {margin-left:10px;}
#contenu #print {float:right;}

/*------------------- classes générales ---------------------*/
.button {border:0 none}

.info_plus {
	padding:5px;
	background:#F6E9D2;
}
.clear {font-size:1px; height:1px; clear:both; visibility:hidden}
.caption {color:#C70124}
.align-center { text-align: center; /* IE-hack */ }
hr.separation {height:1px dotted #666;color:#666;border-top:1px dotted #CCC;clear:both;width:90%;margin:10px;margin-left:5%;}
.linkout {background:url(../img/linkout.gif) no-repeat left;padding-left:20px}
.download {background:url(../img/download.gif) no-repeat left;padding-left:20px}

#contenu div.tx-indexedsearch-sec ol,#contenu div.tx-indexedsearch-sec li {display:block;margin-left:20px}

div#contenu div.tx-indexedsearch-searchbox {margin-top:-10px;padding-top:0;}
div#contenu div.tx-indexedsearch-res h3 {font-weight: normal;margin:0em;padding:0px;border:0px none;}
div#contenu div.tx-indexedsearch-res h3 span.tx-indexedsearch-percent {font-size:.9em;margin-top:-20px}

/***actualites ***/


#contenu .actualite h3 {
	color:#C00124;
	margin-left:0;
	margin-bottom:.2em;
	padding-left:10px;
	background:url('../img/puce_rond_vert.gif') no-repeat 0 4px;
}
 .actualite span.date {
 color:#999;
 font-size:.8em;
 font-weight:normal;
 display:block;
 float:right;
 margin-left:1em;


 }
#contenu .actualite h3 a {
	color:#C00124;
}
.liste {
margin-bottom:1.2em;
border-bottom:1px dotted #ccc;
padding-bottom:.5em;
}
.illustration {
float:right;
margin-left:1.2em;
text-align:center;
}
.illustration img {
	margin-top:1em;
	}
#contenu .illustration p {
	margin:0;
	padding:0;
	text-align:center;
	}
.infosup {
	clear:both;
	}

.infosup dl {width:45%;
float:left;
margin-left:15px;
height:150px;
}
.actualite > .infosup dl {
	height:auto;
	min-height:100px;
	}

.infosup dt {
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	}
.infosup .liste_fichiers dd {
	line-height:1.6em;
	padding-top:.2em;
	padding-left:15px;
	}
.actualite {
margin-left:20px;
}
#contenu .actualite .suite {text-align:right}