/* CSS Document */

	body{
		font-family:verdana;
		font-size:11px;
		color:#393939;
		margin:0;
		padding:0;
		background-color:#fff;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	
/* ---------- STRUCTURE ---------- */
	#repere{
		position:absolute;
		z-index:10;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#global{
		width:100%;
	}
	
	/* entete */
	#entete1{
		width:100%;
		height:24px;
		position:relative;
		background-image:url(images/fond-entete-1.gif);
		background-repeat:no-repeat;
	}
	
	#entete1Liens{
		position:absolute;
		top:4px;
		_top:3px;
		left:107px;
		z-index:20;
		width:250px;
		color:#fff;
	}
	
	#entete1Liens a{
		color:#fff;
		text-decoration:none;
	}
	
	#entete1Liens a:hover{
		text-decoration:underline;
	}
	
	#entete1Recherche{
		position:absolute;
		top:0;
		right:10px;
		z-index:20;
		width:315px;
	}
	
	.labelRecherche{
		float:left;
		width:127px;
		color:#fff;
		padding:4px 0 0 0;
		_padding:3px 0 0 0;
	}
	
	.champRecherche{
		float:left;
		width:161px;
		/*margin:0 6px 0 0;
		_margin:0 3px 0 0;*/
		padding:2px 0 0 0;
		_padding:1px 0 0 0;
	}
	
	.champRecherche input{
		width:147px;
		font-size:11px;
		font-family:arial;
		color:#345c7d;
		padding:1px 3px 1px 3px;
		border:0;
	}
	
	.okRecherche{
		float:left;
		width:22px;
		padding:2px 0 0 0;
	}
	
	#entete2{
		width:991px;
		height:37px;
		position:relative;
		background-image:url(images/fond-entete-2.gif);
		background-repeat:no-repeat;
	}
	
	#contenuEntete2{
		position:absolute;
		width:100%;
		top:-14px;
		left:0;
		z-index:25;
	}

	#logo{
		float:left;
		width:77px;
		height:80px;
		padding:0 0 0 12px;
	}
	
	#impression{
		position:absolute;
		z-index:26;
		right:40px;
		top:20px;
		z-index:30;
	}
	
	#impression a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#impression a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#entete2 h1{
		float:left;
		width:245px;
		padding:18px 0 0 17px;
		margin:0 230px 0 0;
	}
	
	#adresseHoraires{
		float:left;
		width:164px;
	}
	
	#adresseHoraires a{
		display:block;
		width:129px;
		height:29px;
		margin:14px 0 0 0;
		padding:2px 0 0 40px;
		color:#9a9a9a;
		text-decoration:none;
	}
	
	#adresseHoraires a:hover{
		text-decoration:underline;
	}
	
	#telAccueil{
		float:left;
		padding:20px 0 0 15px;
		color:#4d718f;
	}
	/* entete */
	
	
	#conteneurContenu{
		width:100%;
		background-image:url(images/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#barreGauche{
		float:left;
		width:207px;
		padding:42px 0 0 0;
	}
	
	
	/* menu */
	#menu{
		margin:0;
		padding:0;
		list-style:none;
		width:206px;
		font-size:90%;
		font-weight:bold;
	}
	
	.niveau1{
		width:206px;
		border-bottom:1px solid #fff;
		margin:0;
		padding:0;
	}
	
	.niveau1 a{
		display:block;
		width:169px;
		background-color:#b5d4e5;
		background-image:url(images/fleche-menu.gif);
		background-repeat:no-repeat;
		background-position:5px 0;
		padding:8px 10px 9px 27px;
		color:#000;
		text-decoration:none;
	}
	
	.niveau1 a:hover{
		background-color:#6f99bc;
		background-position:5px -100px;
	}
	
	.niveau1Actif{
		width:206px;
		border-bottom:1px solid #fff;
		margin:0;
		padding:0;
	}
	
	.niveau1Actif a{
		display:block;
		width:169px;
		background-color:#6f99bc;
		background-image:url(images/fleche-menu.gif);
		background-repeat:no-repeat;
		background-position:5px -200px;
		padding:8px 10px 9px 27px;
		color:#fff;
		text-decoration:none;
	}
	
	.menuNiveau2{
		margin:0;
		padding:0;
		list-style:none;
		border-top:1px solid #fff;
	}
	
	.niveau2{
		width:206px;
		margin:0;
		padding:0;
	}
	
	.niveau2 a{
		display:block;
		width:165px;
		background-color:#80aed5;
		background-image:url(images/fleche-menu-2.gif);
		background-repeat:no-repeat;
		background-position:20px 0;
		padding:6px 10px 7px 31px;
		color:#2e3366;
		text-decoration:none;
	}
	
	.niveau2 a:hover{
		background-position:20px -100px;
		color:#0800a5;
	}
	
	.niveau2Actif{
		width:206px;
		margin:0;
		padding:0;
	}
	
	.niveau2Actif a{
		display:block;
		width:165px;
		background-color:#80aed5;
		background-image:url(images/fleche-menu-2.gif);
		background-repeat:no-repeat;
		background-position:20px -200px;
		padding:6px 10px 7px 31px;
		color:#fff;
		text-decoration:none;
	}
	
	.niveau2Actif2{
		width:206px;
		margin:0;
		padding:0;
	}
	
	.niveau2Actif2 a{
		display:block;
		width:165px;
		background-color:#80aed5;
		background-image:url(images/fleche-menu-2.gif);
		background-repeat:no-repeat;
		background-position:20px -290px;
		padding:6px 10px 7px 31px;
		color:#fff;
		text-decoration:none;
	}
	
	.menuNiveau3{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.niveau3{
		width:206px;
		margin:0;
		padding:0;
	}
	
	.niveau3 a{
		display:block;
		width:159px;
		background-image:url(images/fleche-menu-3.gif);
		background-repeat:no-repeat;
		background-position:28px 0;
		background-color:#ededed;
		padding:6px 10px 4px 37px;
		color:#000;
		text-decoration:none;
	}
	
	.niveau3 a:hover{
		background-position:28px -100px;
		background-color:#fff;
		padding:6px 10px 4px 37px;
		color:#0800a5;
		text-decoration:none;
	}
	
	.niveau3Actif{
		width:206px;
		margin:0;
		padding:0;
	}
	
	.niveau3Actif a{
		display:block;
		width:159px;
		background-image:url(images/fleche-menu-3.gif);
		background-repeat:no-repeat;
		background-position:28px -200px;
		background-color:#dae9f6;
		padding:6px 10px 4px 37px;
		color:#000;
		text-decoration:none;
	}
	/* menu */
	
	#boutonGouvernement{
		text-align:center;
		margin:25px 0 0 0;
	}
	
	#boutonServicePublic, #boutonElection{
		text-align:center;
		margin:20px 0 0 0;
	}
	
	#boutonGouvernement a img, #boutonServicePublic a img, #boutonElection a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#boutonGouvernement a:hover img, #boutonServicePublic a:hover img, #boutonElection a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	#infoCrue{
		float:left;
		margin:20px 0 0 30px;
		text-align:center;
		width:70px;
	}
	#infoCrue a{
		color:#000;
		text-decoration:none;
	}
	#infoCrue a:hover{
		text-decoration:underline;
	}
	
	#infoMeteo{
		float:left;
		margin:20px 0 0 15px;
		text-align:center;
		width:70px;
	}
	#infoMeteo a{
		color:#000;
		text-decoration:none;
	}
	#infoMeteo a:hover{
		text-decoration:underline;
	}
	#france-fr{
		float:left;
		margin:20px 0 0 15px;
		text-align:center;
		width:70px;
	}


	#contenu{
		float:left;
		width:563px;
		padding:10px 0 0 0;
	}
	
	#compas{
		padding:0 15px 0 18px;
		font-size:90%;
		color:#5f5f5f;
	}
	
	#elastique{
		height:30px;
	}
	
	
	/* pied */
	#pied{
		width:100%;
		height:112px;
		background-color:#fff;
	}
	
	#pied1{
		width:100%;
		height:21px;
		padding:3px 0 0 0;
		border-top:1px solid #4d718f;
		border-bottom:1px solid #4d718f;
		text-align:center;
		color:#4d718f;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	.plusPetit{
		font-size:90%;
	}
	
	.normal{
		font-weight:normal;
	}
	
	#pied2{
		width:770px;
		height:63px;
		padding:23px 0 0 0;
		margin:auto;
		background-image:url(images/fond-pied.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		
	}
	
	#pref1{
		float:left;
		width:172px;
		height:48px;
		padding:0 0 0 0;
	}
	
	#pref1 a{
		display:block;
		width:95px;
		height:38px;
		padding:10px 105px 0 0;
		background-image:url(images/btn-pref-1.gif);
		background-repeat:no-repeat;
		background-position:right 0;
		font-size:90%;
		color:#435a61;
		text-decoration:none;
		text-align:right;
	}
	
	#pref1 a:hover{
		background-position:right -48px;
		font-size:90%;
		color:#393939;
		text-decoration:none;
	}
	
	#pref2{
		float:left;
		width:198px;
		height:48px;
		padding:0 0 0 5px;
		visibility:hidden;
	}
	
	#pref2 a{
		display:block;
		width:95px;
		height:43px;
		padding:5px 103px 0 0;
		background-image:url(images/btn-pref-2.gif);
		background-repeat:no-repeat;
		background-position:right 0;
		font-size:90%;
		color:#435a61;
		text-decoration:none;
		text-align:right;
	}
	
	#pref2 a:hover{
		background-position:right -48px;
		font-size:90%;
		color:#393939;
		text-decoration:none;
	}
	
	#pref3{
		float:left;
		width:166px;
		height:48px;
		padding:0 0 0 5px;
		visibility:hidden;
	}
	
	#pref3 a{
		display:block;
		width:63px;
		height:38px;
		padding:10px 103px 0 0;
		background-image:url(images/btn-pref-3.gif);
		background-repeat:no-repeat;
		background-position:right 0;
		font-size:90%;
		color:#435a61;
		text-decoration:none;
		text-align:right;
	}
	
	#pref3 a:hover{
		background-position:right -48px;
		font-size:90%;
		color:#393939;
		text-decoration:none;
	}
	
	#pref4{
		float:left;
		width:201px;
		height:48px;
		padding:0 0 0 5px;
	}
	
	#pref4 a{
		display:block;
		width:98px;
		height:43px;
		padding:5px 103px 0 0;
		background-image:url(images/btn-pref-4.gif);
		background-repeat:no-repeat;
		background-position:right 0;
		font-size:90%;
		color:#435a61;
		text-decoration:none;
		text-align:right;
	}
	
	#pref4 a:hover{
		background-position:right -48px;
		font-size:90%;
		color:#393939;
		text-decoration:none;
	}
	/* pied */
	
/* ---------- STRUCTURE ---------- */



/* ---------- ACCUEIL ---------- */

	#accueil{
		padding:20px 0 0 0;
	}
	
	#bandeauAccueil{
		width:563px;
		height:216px;
		background-image:url(images/bandeau-accueil.jpg);
		background-repeat:no-repeat;
	}
	
	#flashInfos{
		float:left;
		margin:81px 0 0 0;
		padding:0 0 0 0;
		width:235px;
	}
	
	.actuAffichee{
		display:block;
	}
	
	.actuMasquee{
		display:none;
	}
	
	#flashInfos h1{
		margin:0;
		padding:0;
	}
	
	#flashInfos p{
		margin:6px 0 0 0;
		padding:0;
		height:39px;
	}
	
	#flashInfos p a{
		color:#393939;
		text-decoration:none;
	}
	
	#flashInfos p a:hover{
		text-decoration:underline;
	}
	
	#plusInfos{
		margin:12px 0 0 0;
	}
	
	#plusInfos a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#plusInfos a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#zoneRecherche{
		float:left;
		width:173px;
		padding:81px 0 0 50px;
		margin:0 64px 0 0;
	}
	
	#zoneRecherche h1{
		margin:0;
		padding:0;
	}
	
	#zoneRecherche p{
		margin:9px 0 0 0;
		padding:0;
	}
	
	.champRecherche2{
		float:left;
		width:143px;
		margin:8px 0 0 0;
	}
	
	.champRecherche2 input{
		font-family:verdana;
		font-size:11px;
		color:#6f99bc;
		padding:4px 3px 3px 3px;
		width:131px;
		border:1px solid #7f9db9;
		background-color:#fff;
	}
	
	.okRecherche2{
		float:left;
		width:22px;
		margin:8px 0 0 0;
		_margin:9px 0 0 0;
	}
	
	#hautActualites{
		margin:10px 0 0 30px;
	}
	#bandeauInfoDessusActu{
		margin:10px 0 15px 70px;
	}	

	#listeActualites{
		width:457px;
		margin:0 0 0 30px;
		padding:21px 22px 4px 22px;
		border-left:1px solid #9a9a9a;
		border-right:1px solid #9a9a9a;
		background-color:#fafafa;
		list-style:none;
	}
	
	#listeActualites li{
		margin:0 0 12px 0;
		padding:0;
	}
	
	#listeActualites li a{
		text-decoration:none;
		color:#364547;
	}
	
	#listeActualites li a:hover{
		color:#6f99bc;
	}
	
	#basActualites{
		margin:0 0 0 30px;
	}
	#servicePublicSousActu{
		float:left;
		margin:15px 0 0 24px;
	}
	#legifranceSousActu{
		float:left;
		margin:15px 0 0 7px;
	}
	#gouvernementSousActu{
		float:left;
		margin:15px 0 0 7px;
	}
	
/* ---------- ACCUEIL ---------- */

	.fondLigne{
		background-color:#f4f2f2;
	}

/* ---------- PAGES OZONE ---------- */
	#ozone{
		padding:0 30px 0 53px;
	}
	
	.retourHautPage{
		margin:20px 0 0 0;
		text-align:center;
	}
	
	.retourHautPage a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.retourHautPage a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#ozone h1{
		margin:30px 0 0 0;
		padding:0 0 2px 0;
		border-bottom:5px solid #345c7d;
		font-size:160%;
		font-weight:bold;
		color:#345c7d;
	}
	
	#sommaireHaut{
		margin:35px 0 0 -20px;
		padding:5px 0 0 21px;
		width:367px;
		height:32px;
		background-image:url(images/haut-sommaire.gif);
		background-repeat:no-repeat;
		font-weight:bold;
		color:#fff;
	}
	
	#ozone ul#sommaireListe{
		margin:0 0 0 -20px;
		padding:0 15px 0 15px;
		width:356px;
		border-right:1px solid #9a9a9a;
		border-left:1px solid #9a9a9a;
		list-style:none;
	}
	
	#ozone ul#sommaireListe li{
		padding:0 0 8px 0;
		margin:0;
		background-image:none;
	}
	
	#ozone ul#sommaireListe li a{
		color:#393939;
		text-decoration:none;
	}
	
	#ozone ul#sommaireListe li a:hover{
		color:#345c7d;
	}
	
	#sommaireBas{
		margin:0 0 0 -20px;
	}
	
	#ozone h2{
		margin:30px 0 5px -20px;
		border:1px solid #9a9a9a;
		padding:5px 22px 5px 22px;
		color:#393939;
		font-size:110%;
	}
	
	#ozone p{
		margin:12px 0 0 0;
		padding:0 0 0 0;
	}
	
	#ozone ol{
		margin-top:12px;
		margin-bottom:0;
		padding:0;
	}
	
	#ozone ol li{
		margin:0 0 2px 44px;
		_margin:0 0 2px 5px;
		padding:0 0 0 0;
	}
	
	#ozone ul{
		margin:12px 0 12px 0;
		padding:0;
		list-style:none;
	}
	
	#ozone ul li{
		margin:0 0 2px 0;
		padding:0 0 0 12px;
		background-image:url(images/puce-liste.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	#ozone ul li ul{
		margin-left:20px;
		padding:0 0 0 0;
	}
	
	#ozone a{
		color:#6f99bc;
		text-decoration:none;
	}
	
	#ozone a:hover{
		color:#6f99bc;
		text-decoration:underline;
	}
	
	#ozone table.map{
		margin:0 0 0 0;
		border:0;
	}
	
	#ozone table.map td{
		padding:0;
		border:0;
	}
	
	#ozone table{			/* style par défaut pour les balises <table> */
		margin:12px 0 0 0;
		border-top:1px solid #9a9a9a;
		border-left:1px solid #9a9a9a;
	}
	
	#ozone table th, #ozone table td{				/* style par défaut pour les balises <th> */
		border-bottom:1px solid #9a9a9a;
		border-right:1px solid #9a9a9a;
		padding:5px;
	}
	
	#ozone table th{
		background-color:#345c7d;
		color:#fff;
	}
	
	
	/* placement des images*/
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:5px 10px 4px 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:5px 0 5px 10px;
	}
	
	.imageCentre{				/* image centrée */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image alignée à droite */
		text-align:right;
	}
	
	#ozone table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}
	
	#ozone table.map td.droiteHaut{				/* colonne de droite */
		vertical-align:top;
	}
	
	#ozone table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#ozone table.map td.droiteCentre{				/* colonne de droite */
	}
	
	#ozone table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#ozone table.map td.droiteBas{				/* colonne de droite */
		vertical-align:bottom;
	}
/* ---------- PAGES OZONE ---------- */