/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

* {margin: 0; padding: 0; border: none; }

body {
	background: #069CD9 url(fond.jpg) top center repeat-x;
	font: 76%/1.2em Arial, sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
color : #016DB7!important;
}

#main {
	background: transparent url(contenu-repeat.jpg) top center repeat-y;
	margin: 0 auto;
	width: 842px; 
}

a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; vertical-align: text-bottom; }
ul, li { list-style-type: none; }
p {margin: 1em 0; }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header {
	background: transparent url(bandeau.png) top center no-repeat;
	width: 100%; height: 185px;
}

/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { 
	/*background: transparent url(fond_ombre.jpg) top center no-repeat; */
	background: transparent url(contenu-repeat.png) 50% -43px repeat-y;
	width: 100%; height: 23px; 
}

	#nav ul { float: right;margin-right:50px; }
	
		#nav li { display: inline; }
	
			#nav li a {
				float: left;
				display: block;
				height: 23px;
			}
			
			a#nav-accueil {
				background: transparent url(btn-acceuil.jpg) top center no-repeat; 
				width: 96px;
			}
			
			#nav li a:hover, #nav a.actif { background-position: 0 -23px; }
			
/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
	clear: both;
	background: transparent url(contenu-repeat.png) 50% -43px repeat-y;
	width: 100%; min-height: 380px; 
padding-top:15px;
} 

	h2 { 
		line-height: 1.8em;
		font-size: 1.1em; 
		color: #5A6600; 
	}
	
	#hierarchie { text-align: left; margin-left: 232px;}
	#hierarchie, #hierarchie a { color: #00708b; }

	#logo-carte, #accueil, #journal, #listing, fieldset {
		float: left; margin: 10px 0;		
	}	
	
	#logo-carte {
		width: 190px; height: 100%;
		margin-left: 41px;	
		margin-top:-40px;
	}
		
	#accueil {
		width: 180px;			
		text-align: left;
	}
	
		#accueil a { color: #00708b; }
	
		#accueil-chapo { font-size:18px; padding-top:12px;padding-bottom:18px; }
		#accueil-chapo a { color:#016DB7; }
		#accueil-texte { color: #016DB7;text-align:right; }
	
	#journal {
		width: 192px;
		text-align: center;
		color: #016DB7;
	}
	
		#journal a { color: #00708b; }
		#journal img { margin-top: 0.2em; }
	
	#edition { 
		float: right; 
		margin-right: 32px; 
		/*padding-right: 21px;*/
		width: 189px;
		text-align: left;
		color: #3690c0;
position:relative;z-index:2;

	}
#edition-milieu{
width:189px;
height:88px;
background-image:url(edition2.jpg);background-repeat:no-repeat;		margin-bottom:15px;
}
#edition-milieu span{
position:relative;
top:40px;
left:50px;
}
		
		#edition p { margin-left:24px; }
	
		#edition a { color: #3690c0; }
		
			#edition h2 a { 
				display: block;
				width: 162px; height: 100%;
			}
	
		#journal p {
			margin: 0.2em 5px 0.2em;
		}
		
	#listing { 
		margin-left: 33px;
		width: 580px;
		text-align: left;
		position:relative;
		z-index:1;
	}
	
		#listing a { color: #3690c0; }
		
		#listing table { width: 100%; }
		
			.adresse { 
				width: 50%;
				margin: 0; padding: 0.5em 0.5em;
				font-size: 0.9em; color: #fff;
			}

			.adresse a {
				color:#FFF !important;
				text-decoration:underline;
			}
		
		.int-logo { 
			text-align: center; 
			line-height: 1.3em;	
		}
		
			.int-logo img {
				margin: 1em 0;	
			}
		
			.titre { 
				display: block; 
				font-size: 1.1em;
				font-style: italic;
				margin-bottom: 0.25em;
			}
	
		.archives {
			float: left;
			width: 205px;
			margin-bottom: 1em;
			text-align: center;
			margin-left:-12px;
		}
		
			.archives img, .archives p { margin: 3px auto; }
		
/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer {
	clear: both;
	background: transparent url(pied.png) bottom center no-repeat;
	width: 100%; height: 72px;
	postition:relative;left:1px;
}

/* ----------------------------------------------------------------- */
/* >>> FORMULAIRES */

fieldset { 

	width: 90%;
	font-size: 0.9em; color: #5A6600;
}

	fieldset p, fieldset ul { margin-left: 56%; }

	label { 
		float: left;
        cursor: pointer;
        font-weight: bold;
        text-align: right;
		margin: 0.2em; 
		width:200px;
		/*width: 54%;        */
}
	
	input, select, textarea { 
		border: inset 2px #ddd; 
		margin: 0 0 0.5em 1em;
		padding: 0.1em 0; 
	}
	
	option { padding-right: 1em; }
	
	input.boutons { 
		border: outset 2px #ddd; 
		margin-top: 1em;
	}
	
	.erreur { color: red; }
	
	.previsu p { 
		overflow: auto; 
		padding: 1em 0;
	} 
	
/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES*/

.invisible { display: none; }
.spacer { clear: both; }
.left { float: left; }
.right { float: right; }

/* ----------------------------------------------------------------- */
#abonnage{
margin-left:24px;
}
#abonnage:hover{
 	background-position: 0 -37px; 
}
#mentions{
	color:white;
left:34px;
position:relative;
top:38px;
}