/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */

	* {
		text-decoration:none;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:arial, helvetica, sans-serif;
		margin-top:0
	}
	ul, ol, dl { position: relative; } 
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	u {text-decoration:underline}
	ul {
		margin:0;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Récurrent */
	.pub img {margin:0 0 10px 0}
	#main #contenu a:active.bouton_publication, 
	#main #contenu a:visited.bouton_publication, 
	#main #contenu a:link.bouton_publication, 
#main #contenu a:focus.bouton_publication {
		float:left;
		display:block;
		width:102px;
		text-align:center;
		background:#91a4b3;
		color:#fff;
		font-weight:bold;
		font-size:11px;
		text-decoration:none;
		padding:4px;
		margin:0 0 4px 0
	}
/* --------------------------------------------------------------------------------------------- Global */
	#page {
		position:relative;
		width:800px;
		margin:0 auto
	}
	#global {
		width:800px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Logo */
	#logo {
		float:left;
		margin:24px 10px 0 25px
	}
/* --------------------------------------------------------------------------------------------- Vous êtes */
	#vous_etes {
		float:left;
		width:123px;
		height:39px;
		border-left:1px solid #b7b7b7;
		padding:25px 0 0 10px
	}
	#vous_etes select {
		width:115px;
		font-size:1em;
		margin:5px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Zone de recherche */
	#zone_recherche {
		float:left;
		width:132px;
		height:39px;
		border-left:1px solid #b7b7b7;
		padding:25px 0 0 10px
	}
	#zone_recherche input.recherche {
		float:left;
		width:90px;
		height:15px;
		border:solid 1px #a6a6a6;
		font-size:1em;
		padding:2px 0 0 3px;
		margin:4px 10px 0 0
	}
	#zone_recherche .bt_ok {
		float:left;
		margin:5px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Espace abonnés */
	#espace_abonnes {
		float:left;
		height:55px;
		border-left:1px solid #b7b7b7;
		padding:9px 0 0 10px
	}
	#espace_abonnes a {
		float:left;
		display:block;
		height:14px;
		color:#000;
		font-size:.9em;
		background:#e5e5e5 url(images/puce_bleu.gif) no-repeat 3px;
		padding:1px 0 0 12px
	}
	#espace_abonnes a.presse {
		width:61px;
		margin:5px 2px 2px 0
	}
	#espace_abonnes a.webassemblee {
		width:95px;
		margin:5px 0 2px 0
	}
	#espace_abonnes a.conjoncture {
		clear:both;
		width:61px;
		margin:0 2px 0 0
	}
	#espace_abonnes a.intercommunalite {width:95px}
/* --------------------------------------------------------------------------------------------- Top */
	#haut,#top {
		float:left;
		width:100%;
		height:26px;
		background:url(images/bg_top.jpg);
		margin:10px 0 0 0
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:770px;
		background:url(images/bg_repete.jpg) repeat-y;
		padding:0 0 0 30px
	}
	#main #left img, #main #right img {vertical-align:top}
/* --------------------------------------------------------------------------------------------- Menu principal */
	#menu1 {
		position:absolute;
		top:246px;
		left:30px;
		/*margin:0 0 0 -371px;*/
		width:742px;
		z-index:1000
	}
	#menu1 li {
		position:relative;
		float:left
	}
	#menu1 li img, #main #menu1 li span {
	position:absolute;
	bottom:11px;
	left:7px
	}
	.test {
		position:absolute;
		bottom:10px;
		left:5px
	}
	#menu1 li a {
		display:block;
		width:106px;
		height:58px;
		background:url(images/menu.gif)
	}
#menu1 li a.accueil:hover, #menu1  li  a.accueil_hover {background-image: url(images/cciso.gif);}
#menu1 li a.cciso:hover, #menu1 li a.cciso_hover {background:url(images/cciso.gif);}
#menu1 li a.services:hover, #menu1 li a.services_hover {background:url(images/cciso.gif);}
#menu1 li a.aideentre:hover, #menu1 li a.aideentre_hover {background-image: url(images/cciso.gif);}
#menu1 li a.part:hover, #menu1 li a.part_hover {background-image: url(images/cciso.gif);}
#menu1 li a.icg:hover, #menu1 li a.icg_hover {background-image: url(images/cciso.gif);}
#menu1 li a.zoom:hover, #menu1 li a.zoom_hover {background-image: url(images/cciso.gif);}

/* -------------------------------------------------------------------- Sous-menu */
	#menu1 li ul {
		position:absolute;
		top:58px;
		left:0;
		display:none;
		width:230px;
		border-top:1px solid #9aa4ad;
		border-left:1px solid #9aa4ad;
		border-right:1px solid #9aa4ad;
		background:#0b4656;
		font-size:.9em;
		margin:0;
		z-index:1702
	}
	#menu1 li ul li {
		position:static;
		width:205px;
		background:url(images/puce_gris.gif) no-repeat 0 5px;
		border-bottom:1px solid #9aa4ad;
		padding:3px 5px 3px 20px;
		z-index:1702
	}
	#menu1 li ul li a {
		display:inline;
		background:none;
		color:#fff
	}
	#menu1 li ul li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:185px;
		padding:61px 0 10px 0
	}
	#main #left p {
		margin:0;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Classes génériques */
	#main #contenu .classe1, 
	#main #contenu .classe2,
	#main #contenu .classe3, 
	#main #contenu .classe4 {
		background:url(images/plume.gif) no-repeat;
		padding:0 0 0 15px
	}
	#main #contenu .classe1 {font-weight:bold}
	#main #contenu .classe2 {
		font-weight:normal;
		text-decoration:underline
	}
	#main #contenu .classe3 {
		font-weight:bold;
		text-decoration:underline
	}
	#main #contenu .classe4 {
		font-weight:bold;
		font-size:12px
	}
	#main #contenu .classe5 {
		font-weight:bold;
		font-size:16px
	}
	#main #contenu .classe6, #main #contenu .classe7, #main #contenu .classe8 {
		background:url(images/carre_bleu.gif) no-repeat 0 6px;
		padding:0 0 0 7px
	}
	#main #contenu .classe6 {font-weight:bold}
	#main #contenu .classe7 {
		font-weight:normal;
		text-decoration:underline
	}
	#main #contenu .classe8 {
		font-weight:bold;
		text-decoration:underline
	}
	#main #contenu .classe9, #main #contenu .classe10, #main #contenu .classe11 {
		background:url(images/fleche_bleu.gif) no-repeat 0 4px;
		padding:0 0 0 13px
	}
	#main #contenu .classe9 {font-weight:bold}
	#main #contenu .classe10 {
		font-weight:normal;
		text-decoration:underline
	}
	#main #contenu .classe11 {
		font-weight:bold;
		text-decoration:underline
	}
	#main #contenu .classe12 {
		font-weight:normal;
		background:url(images/tiret_bleu.gif) no-repeat 0 8px;
		padding:0 0 0 9px
	}
/* --------------------------------------------------------------------------------------------- Liste à puces */
	#main #contenu ul {
		padding:0 0 0 30px;
	}
	#main #contenu ul li {
		background:url(images/carre_bleu.gif) no-repeat 0 6px;
		padding:0 0 0 7px
	}
	#main #contenu ol {
		padding:0 0 0 30px;
	}
	#main #contenu ol li {
		list-style-type:decimal
	}
/* --------------------------------------------------------------------------------------------- Footer */
#main #footer {
		float:left;
		width:735px;
		background:url(images/dotted.gif) repeat-x;
		padding:10px 0 0 0
	}
#main #footer IMG {
	FLOAT: left; 
	padding-left: 21px
}
#main #footer UL {
	MARGIN: 7px 0px 0px; 
	FLOAT: right
}
#main #footer ul li {
		float:left;
		height:25px;
		border-right:1px solid #b7b7b7;
		padding:21px 4px 0 4px
	}
#main #footer UL LI.no_border {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none
}
#main #footer UL LI.no_border IMG {
	MARGIN: 3px 0px 0px
}
#main #footer UL LI A {
	COLOR: #204967
}
#main #footer UL LI A:hover {
	TEXT-DECORATION: underline
}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		float:left;
		width:100%;
		background:url(images/bg_bottom.jpg) no-repeat;
		text-align:center;
		color:#204967;
		padding:25px 0 0 0
	}