/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:13px;
		color:#1a171b;
		background-image:url(images/fond-entete.gif);
		background-repeat:repeat-x;
		background-color:#f5f6f6;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	
/* ================================== GABARIT */
	#global{
		width:100%;
	}
	
	#entete{
		width:995px;
		height:140px;
		margin:auto;
	}
	
	#logo{
		float:left;
		width:324px;
		padding:28px 0 0 31px;
	}
	
	#bandeau{
		float:left;
		width:482px;
		padding:46px 0 0 124px;
	}
	
	#contenu{
		width:995px;
		margin:auto;
	}
	
	#gauche{
		float:left;
		width:227px;
	}
	
	#menu{
		width:162px;
		margin:27px 0 0 2px;
		padding:0;
		list-style:none;
		background-image:url(images/fond-barre-gauche.gif);
		background-repeat:repeat-y;
		background-position:13px 0;
	}
	
	#menu li{
		margin:0 0 19px 0;
		padding:0;
		width:162px;
	}
	
	#menu li.dernierItem{
		margin:0 0 0 0;
		padding:0;
		width:162px;
	}
	
	#menu li a{
		display:block;
		width:152px;
		height:28px;
		background-image:url(images/fond-btn-menu.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding:12px 0 0 10px;
		font-size:120%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
	}
	
	#menu li a:hover{
		color:#ffdd00;
		background-position:0 -40px;
	}
	
	#menu li a.menuActif{
		display:block;
		width:152px;
		height:28px;
		background-image:url(images/fond-btn-menu.gif);
		background-repeat:no-repeat;
		background-position:0 -40px;
		padding:12px 0 0 10px;
		font-size:120%;
		font-weight:bold;
		color:#ffdd00;
		text-decoration:none;
	}
	
	#menu li a.menuActif:hover{
		color:#ffdd00;
		background-position:0 -40px;
	}
	
	#dematerialisation{
		margin:0;
		padding:0 0 0 14px;
	}
	
	#dematerialisation a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#dematerialisation a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#envoiFichiers{
		margin:0;
		padding:10px 0 0 24px;
	}
	
	#envoiFichiers a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#envoiFichiers a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#milieu{
		float:left;
		width:570px;
		margin:30px 0 0 0;
	}
	
	#droite{
		float:left;
		width:196px;
		padding:27px 2px 0 0;
		text-align:right;
	}
	
	#pied{
		width:100%;
		height:26px;
		margin:10px 0 0 0;
		background-image:url(images/pied-gauche.gif);
		background-repeat:no-repeat;
	}
	
	#pied2{
		width:100%;
		height:22px;
		padding:4px 0 0 0;
		background-image:url(images/pied-droite.gif);
		background-repeat:no-repeat;
		background-position:right top;
		text-align:center;
		color:#fff;
		font-size:100%;
		font-weight:bold;
		letter-spacing:2px;
	}
	
	#pied2 a{
		color:#fff;
		text-decoration:none;
	}
	
	#pied2 a:hover{
		text-decoration:underline;
	}
/* ================================== GABARIT */



/* ================================== OZONE */
	#ozone{
		width:570px;
	}
	
	.conseil{
		height:47px;
		margin:0 0 20px 45px;
		padding:5px 0 0 22px;
		font-size:130%;
		font-weight:bold;
		font-style:italic;
		color:#004494;
		background-image:url(images/parenthese.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#ozone h1{
		margin:0 0 8px 0;
		padding:0;
	}
	
	#ozone h2{
		font-size:120%;
		margin:0 0 5px 0;
		padding:0;
		font-weight:bold;
	}
	
	#ozone p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	#ozone ul{
		margin:0 0 10px 3px;
		padding:0;
		list-style:none;
	}
	
	#ozone ul li{
		margin:0 0 6px 0;
		padding:0 0 0 20px;
		background-image:url(images/puce-page.gif);
		background-repeat:no-repeat;
		background-position:2px 5px;
	}
	
	#ozone ol{
		margin:0 0 10px 23px;
		padding:0;
	}
	
	#ozone ol li{
		margin:0 0 6px 0;
		padding:0 0 0 0;
	}
	
	#ozone a{
		color:#004494;
		text-decoration:none;
		font-weight:bold;
	}

	#ozone a:hover{
		text-decoration:underline;
	}
		
	#ozone table{
		margin:0 0 16px 0;
		border-top:1px solid #919191;
		border-left:1px solid #919191;
		
	}
		
	#ozone table th{
		background-color:#004494;
		padding:4px 8px 4px 8px;
		border-bottom:1px solid #919191;
		text-align:left;
		border-right:1px solid #919191;
		color:#fff;
	}
		
	#ozone table td{
		border-bottom:1px solid #919191;
		border-right:1px solid #919191;
		padding:4px 8px 4px 8px;
		vertical-align:top;
	}
		
	#ozone table.map{
		margin:5px 0 0 0;
		border-left:0;
		border-top:0;
		border-right:0;
	}
		
	#ozone table.map td{
		border:0;
	}
		
		/* placement des images*/
		
		.imageAGauche{				/* image à gauche dans paragraphe */
			float:left;
			margin:0 10px 4px 0;
		}
		
		.imageADroite{				/* image à droite dans paragraphe */
			float:right;
			margin:0 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;
			border:0;
		}
		
		#ozone table.map td.droiteHaut{				/* colonne de droite */
			padding:0;
			vertical-align:top;
			border:0;
		}
		
		#ozone table.map td.gaucheCentre{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			border:0;
			vertical-align:middle;
		}
		
		#ozone table.map td.droiteCentre{				/* colonne de droite */
			padding:0;
			border:0;
			vertical-align:middle;
		}
		
		#ozone table.map td.gaucheBas{				/* colonne de gauche */
			padding:0 20px 0 0;		/* marge entre les colonnes */
			vertical-align:bottom;
			border:0;
		}
		
		#ozone table.map td.droiteBas{				/* colonne de droite */
			padding:0;
			vertical-align:bottom;
			border:0;
		}
		
		/*------*/
		
		#ozone table.map td.gaucheHaut td{				/* colonne de gauche */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}
		
		#ozone table.map td.droiteHaut td{				/* colonne de droite */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}
		
		#ozone table.map td.gaucheCentre td{				/* colonne de gauche */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}
		
		#ozone table.map td.droiteCentre td{				/* colonne de droite */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}
		
		#ozone table.map td.gaucheBas td{				/* colonne de gauche */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}
		
		#ozone table.map td.droiteBas td{				/* colonne de droite */
			border-right:1px solid #919191;
			border-bottom:1px solid #919191;
			color:#1a171b;
			padding:3px;
		}	
/* ================================== OZONE */