/* CSS Document */

	
/* ========================== STYLES GENERAUX */	
	body{
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#0a1114;
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#global{
		width:976px;
		margin:auto;
		position:relative;
	}
/* ========================== STYLES GENERAUX */



/* ========================== ENTETE */
	#photoEntete{
		display:none;
	}
	
	#entete{
		width:630px;
	}
	
	.fond1{
		
	}
	
	.fond2{
		
	}
	
	#enteteGauche{
		width:630px;
	}
	
	#logo{
		padding:11px 0 0 19px;
		display:none;
	}
	
	#logoImpression{
		display:block;
		text-align:center;
	}
	
	#date{
		display:none;
	}
	
	#enteteMilieu{
		display:none;
	}
	
	#enteteMenu{
		display:none;
	}
	
	.menu1, .menu2{
		display:none;
	}
	
	.clearMenu{
		display:none;
	}
	
	#enteteDroite{
		display:none;
	}
/* ========================== ENTETE */



/* ========================== BARRE GAUCHE */
	#gauche{
		display:none;
	}
/* ========================== BARRE GAUCHE */



/* ========================== MILIEU */
	#milieu{
		width:600px;
		margin:23px 15px 0 0;
	}
	
	#chemin{
		color:#555;
		font-size:90%;
		margin:0 0 5px 0;
	}
	
	#chemin a{
		color:#222;
		text-decoration:none;
	}
	
	#chemin a:hover{
		text-decoration:underline;
	}
/* ========================== MILIEU */



/* ========================== DROITE */
	#droite{
		display:none;
	}
/* ========================== DROITE */



/* ========================== PIED */
	#pied{
		display:none;
	}
/* ========================== PIED */



/* ========================== CONTENUS TYPES */
	.contenuArrondiHaut{
		display:none;
	}
	
	.contenuArrondiBas{
		display:none;
	}
	
	.contenu{
		width:600px;
	}
	
	/* AFFICHAGE DES TITRES DE PAGE */
	.contenu h1{
		margin:0 0 14px 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	.titreSortir{
		color:#bf0050;
	}
	
	.appuiTitre{
		font-size:70%;
		color:#0a1114;
		font-weight:bold;
		font-style:italic;
	}

	
	.contenu ul#sousMenu{
		margin:0 0 12px 23px;
		padding:0;
		list-style:none;
		color:#005189;
	}
	
	.contenu ul#sousMenu li{
		margin:0 0 2px 0;
		padding:0;
		background-image:none;
	}
	
	#sousMenu a{
		color:#005189;
		text-decoration:none;
	}
	
	#sousMenu a:hover{
		color:#005189;
		text-decoration:underline;
	}
	
	
	
	.encart{
		margin:0 0 0 0;
		padding:6px 14px 1px 14px;
		background-color:#f8b400;
	}
	/* AFFICHAGE DES TITRES DE PAGE */
	
	
	/* AFFICHAGE DES TEXTES */
	
	.contenu h2{
		margin:0 0 6px 0;
		padding:0 0 0 20px;
		border-left:0;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
		font-size:140%;
		background-image:url(images/fleche-titre-ancre.gif);
		background-repeat:no-repeat;
		background-position:1px 2px;
	}
	
	.contenu h3{
		margin:0 0 7px 0;
		padding:0;
		font-size:120%;
		font-weight:bold;
	}
	
	.contenu p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	.centre{
		text-align:center;
	}
	
	
	

	
	.texteInvisible{
		color:#f6f6f4;
	}
	/* AFFICHAGE DES TEXTES */
	
	
	/* AFFICHAGE DES LIENS */
	.lienPageSite{
		font-style:italic;
		color:#005189;
		text-decoration:none;
	}
	
	.lienPageSite:hover{
		font-style:italic;
		color:#005189;
		text-decoration:underline;
	}
	
	.lienPageExterne{
		color:#005189;
		text-decoration:none;
	}
	
	.lienPageExterne:hover{
		color:#005189;
		text-decoration:underline;
	}
	
	.lienPageArriere{
		color:#005189;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
	}
	
	.lienPageArriere:hover{
		text-decoration:underline;
	}
	/* AFFICHAGE DES LIENS */
	
	
	/* AFFICHAGE DES TABLEAUX */
	
	
	
	.tableau{
		margin-bottom:16px;
	}
	
	
	.tableau th{
		background-color:#e9e3d4;
		border-right:1px solid #e9e3d4;
		padding:5px;
	}
	
	.tableau td{
		border-right:1px solid #e9e3d4;
		padding:3px 5px 3px 5px;
		vertical-align:top;
	}
	
	.tableau th.derniereCellule, .tableau td.derniereCellule{
		border-right:0;
	}
	
	.ligne1{
		background-color:#f6f6f4;
	}
	
	.ligne2{
		background-color:#fff;
	}
	/* AFFICHAGE DES TABLEAUX */
	
	
	/* TRAITEMENT DES IMAGES */
	.imageAGauche{
		float:left;
		margin:5px 10px 4px 0;
	}
	
	
	
	.imageADroite{
		float:right;
		margin:5px 0 4px 10px;
	}


	/* TRAITEMENT DES IMAGES */
	
	
	
	
	
	.petitEncart{
		width:252px;
	}
	
	.retourHautPage{
		display:none;
	}
	
	.barreVerte{
		width:100%;
		height:13px;
		background-color:#12a802;
	}
/* ========================== CONTENUS TYPES */



/* ========================== PAGE ACCUEIL */
	#focus{
		float:left;
		width:341px;
		padding:10px 20px 0 0;
		margin:0 18px 14px 0;
	}
	
	#focus h1{
		margin:0 0 14px 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	#titreInfosPourTous h1 a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#titreInfosPourTous h1 a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#focus p{
		margin:0 0 5px 0;
	}
	
	#infosPourTous{
		float:left;
		width:201px;
		padding:0 0 0 0;
		margin:0 0 14px 0;
	}
	
	#titreInfosPourTous{
		width:192px;
		padding:0 0 0 9px;
		margin:0;
		height:36px;
	}
	
	#titreInfosPourTous h1{
		margin:0 0 0 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	#info{
		margin:4px 0 0 0;
		padding:14px 20px 0 20px;
		width:161px;
		height:147px;
	}
	
	#info h2{
		margin:0 0 6px 0;
		font-size:100%;
		text-align:center;
	}
	
	#info p{
		margin:0 0 5px 0;
		text-align:center;
	}

/* ========================== PAGE ACCUEIL */




	#cultureLoisirs{
		width:600px;
		background-image:url(images/fond-culture-loisirs.jpg);
		background-repeat:no-repeat;
	}
	
	#economie{
		width:600px;
		background-image:url(images/fond-economie.jpg);
		background-repeat:no-repeat;
	}
	
	#sports{
		width:600px;
		background-image:url(images/fond-sports.jpg);
		background-repeat:no-repeat;
	}

	#enseignement{
		width:600px;
		background-image:url(images/fond-enseignement.jpg);
		background-repeat:no-repeat;
	}

	#tourisme{
		width:600px;
		background-image:url(images/fond-tourisme.jpg);
		background-repeat:no-repeat;
	}

	#patrimoine{
		width:600px;
		background-image:url(images/fond-patrimoine.jpg);
		background-repeat:no-repeat;
	}
	
	#environnement{
		width:600px;
		background-image:url(images/fond-environnement.jpg);
		background-repeat:no-repeat;
	}
	
	#urbanisme{
		width:600px;
		background-image:url(images/fond-urbanisme.jpg);
		background-repeat:no-repeat;
	}	

	#presentation{
		width:600px;
		background-image:url(images/fond-presentation.jpg);
		background-repeat:no-repeat;
	}