/*************************************************************/
/******* BODY GENERAL ****************************************/
/*************************************************************/

body 
 {min-width:800px; background-color:#752564; background-position: top center; background-repeat:repeat-x; font-size:11px; padding-bottom:30px}

h1
 {color:#752564; font-family:geneva, arial, verdana; font-size:18px}

h1.titreTheme_3
 {color:#007BC2}
h1.titreTheme_4
 {color:#CF3131}
h1.titreTheme_5
 {color:#759E05}
h1.titreTheme_6
 {color:#B8B847}
	h1 span.toute_categories
	 {font-size:0.6em}

	h1 .titreFiltres
	 {display:block; font-family:Verdana, Geneva, sans-serif; font-size:11px}

h2
 {color:#752564; font-family:geneva, arial, verdana; font-size:14px}

#pour_fond
 {background-position: top center; background-repeat:no-repeat; padding-bottom:130px}

#bloc_template
 {display:block; position:absolute; top:-104px; left:0px; width:80px; padding:4px 8px; background-color:#CCC; position:fixed; font-size:11px}

	#bloc_template a, #bloc_template b
	 {color:#555555; line-height:20px}

#container
 {display:block; position:relative; width:960px; margin:0 auto;}

#header
 {height:210px}

	#header .boutons
	 {padding-left:36px; padding-top:7px; margin-right:-50px}
	
		#header .boutons a
		 {margin:0; padding:0; margin-right:15px}
	
	#header .trioPhotos
	 {display:block; position:absolute; top:45px; left:346px}
				

#contenu
 {background-image:url(../images/container_fond.png); background-repeat:repeat-y}

#colonne_gauche
 {float:left; width:171px; padding:15px 0 50px}

#colonne_centre
 {position:relative; float:left; width:612px; margin-left:8px; margin-top:-18px}

	#colonne_centre .entete
	 {margin-bottom:20px; text-align:right; line-height:5px; color:#555;}

	#colonne_centre #contenu
	 {position:relative; background-color:#FFF; margin:0 11px 0 9px; padding-top:16px}
	
		#colonne_centre #contenu #btnRetourHaut
		 {display:block; position:absolute; top:-49px; left:-9px; *top:-52px}
		
		#colonne_centre #contenu #listeInfos
		 {margin-top:30px}
	
	#outils_principaux
	 {display:block; position:absolute; top:0px; right:0; background-image:url(../images/barre_outils_fond.png); background-repeat:no-repeat; padding:0 7px 0 40px; font-size:11px; color:#666}
	
		#outils_principaux li
		 {float:left; height:18px; line-height:18px; padding-bottom:3px}
		
		#outils_principaux li.separateur
		 {width:13px; background-image:url(../images/barre_outils_separateur.png); background-repeat:no-repeat; margin-right:3px}
		
			#outils_principaux li a
			 {color:#666}

#colonne_pub
 {float:left; position:relative; width:166px; margin:-8px 0 10px 2px; background-color:#FFF; background-image:url(../images/colonne_droite_fond.png); background-repeat:repeat-y}

	#colonne_pub #newsletter
	 {margin:-2px 3px 8px 3px}
	
		#colonne_pub #newsletter .titre
		 {color:#752564; font-weight:bold; display:block; margin-bottom:2px; font-size:12px}
		
		#colonne_pub #newsletter .input
		 {width:134px; font-size:10px; font-family:Verdana, Geneva, sans-serif; border:1px solid #752564; color:#666}
		
		#colonne_pub #newsletter .bouton
		 {width:20px; height:14px; font-family:Verdana, Geneva, sans-serif; background-color:#752564; border:none; color:#FFF; font-weight:bold; font-size:10px; padding-bottom:2px; cursor:pointer}
		
		#colonne_pub #newsletter .erreur
		 {display:block; background-color:#C00; color:#FFF; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:3px 3px 2px}
		
		#colonne_pub #newsletter .valide
		 {display:block; background-color:#090; color:#FFF; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:3px 3px 2px}
		
		#colonne_pub #newsletter a
		 {display:block; margin:0 -50px 0 0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666;}

	#colonne_pub .entete
	 {display:block; position:absolute; top:-10px; left:0}
	
	#colonne_pub #pubs
	 {margin-top:0px; padding:0 3px}
	
	#colonne_pub .pied
	 {isplay:block; position:absolute; bottom:-5px; left:0}

#footer
 {background-image:url(../images/footer_fond.png); background-repeat:no-repeat; padding-top:18px; text-align:center; color:#CAB}

	#footer a.copyright
	 {color:#CAB}
		#footer a.copyright:hover
		 {color:#DCD; text-decoration:none}

	#footer .chrono
	 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666}

.addthis_toolbox
 {background-color:#F0F0F0; margin:50px 6px 0 -3px; padding:4px 1px 1px;}

	.addthis_toolbox a.addthis_button_compact
	 {color:#333; line-height:18px}
	
	.addthis_toolbox a.email
	 {margin-left:-13px}
	
		.addthis_toolbox a.email img
		 {padding-top:1px}


/*###############################*/
/*--o   Système de pagination  --*/
/*###############################*/
.blocNavigationParPages
 {display:block; position:relative; text-align:left}

.navigationParPages
 {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; margin: 2px 0; height:20px; line-height:19px;}

	.navigationParPages a, .navigationParPages .suite
	 {text-decoration:none; margin:0 1px 0 2px; color:#7e7e7e}
	
	.navigationParPages a:hover
	 {text-decoration:underline}
	
	.navigationParPages .suite
	 {font-size:8px; margin-top:2px;}
	
	.navigationParPages a.actuel
	 {border:1px solid #7e7e7e; line-height:11px; margin-top:3px; padding:0 2px 0px;}

.blocNavigationParPages.Haut
 {position: absolute; top:-50px; left:5px; *top:-44px}


/*###############################*/
/*--o   Page d'accueil         --*/
/*###############################*/
.accueil h1
 {font-family:geneva,verdana,arial,sans; padding:20px 0 1px 0; font-size:12px; font-weight:bold; margin-bottom:0; line-height:16px}

.accueil .mixte .lientitre 
 {font-size:12px; line-height:22px; padding-left:2px}

	.accueil .mixte .lientitre.chapitre3
	 {color:#007BC2}
	
	.accueil .mixte .lientitre.chapitre4
	 {color:#CF3131}
	
	.accueil .mixte .lientitre.chapitre5
	 {color:#759E05}
	
	.accueil .mixte .lientitre.chapitre6
	 {color:#b8b847}

.accueil .ligneInfoAccueil
 {margin-bottom:4px}

	.accueil .sortirfeter h1, .accueil .sortirfeter a.lientheme, .accueil .sortirfeter .ligne2 a.theme
	 {color:#007BC2}
	
	.accueil .partagerdesplaisirs h1, .accueil .partagerdesplaisirs a.lientheme, .accueil .partagerdesplaisirs .ligne2 a.theme
	 {color:#CF3131}
	
	.accueil .decouvrirdeslieux h1, .accueil .decouvrirdeslieux a.lientheme, .accueil .decouvrirdeslieux .ligne2 a.theme
	 {color:#759E05}
	
	.accueil .etrebienaccueilli h1, .accueil .etrebienaccueilli a.lientheme, .accueil .etrebienaccueilli .ligne2 a.theme
	 {color:#b8b847}

	.accueil div
	 {margin-left:8px}
	
		.accueil a.lientheme
		 {display:block; position:relative; float:right; font-size:10px}
		
		.accueil h2
		 {display:block; height:12px; overflow:hidden}
	
		.accueil h2, .accueil h2 a
		 {font-family:geneva,verdana,arial,sans; padding:1px 0 0px 0; font-size:10px; font-weight:bold; margin-bottom:0; line-height:11px; color:#333}
		
			.accueil h2 .ville
			 {font-size:10px; color:#999; font-weight:normal}
		
		.accueil .ligne2 a.theme
		 {font-style:italic; font-size:10px}
	
	table.accueil .lieninfo
	 {display:none}
	
	table.accueil h2 .ville
	 {display:block}
	
	table.accueil td.gauche
	 {padding-right:8px}
	
	table.accueil .ligneInfoAccueil
	 {margin-top:3px}
	
	table.accueil .tiret
	 {display:none}
	
	table.accueil td div + div + div + div
	 {display:none}



/*###############################*/
/*--o   Page zero résultat     --*/
/*###############################*/
.zero_resultat .presentation
 {margin:0 6px 12px 0}

	.zero_resultat p, .zero_resultat ul
	 {color:#444; margin-left:24px}

	.zero_resultat p strong
	 {color:#222}
	
	.zero_resultat .possibilites
	 {margin:0 0 20px 24px}

.zero_resultat ul li
 {padding:3px 0 3px 17px; background-image:url(../images/puce.gif); background-repeat:no-repeat; background-position:8px 8px}


/*###############################*/
/*--o   Carnet                 --*/
/*###############################*/
.accueil h1
 {font-family:geneva,verdana,arial,sans; padding:20px 0 1px 0; font-size:12px; font-weight:bold; margin-bottom:0; line-height:16px}

.ligneInfoCarnet
 {margin-bottom:5px}

	.ligneInfoCarnet.base3 a.lientheme, .ligneInfoCarnet.base3 .ligne2 a.theme, .ligneInfoCarnet.base3 a.lientitre
	 {color:#007BC2}
	
	.ligneInfoCarnet.base4 a.lientheme, .ligneInfoCarnet.base4 .ligne2 a.theme, .ligneInfoCarnet.base4 a.lientitre
	 {color:#CF3131}
	
	.ligneInfoCarnet.base5 a.lientheme, .ligneInfoCarnet.base5 .ligne2 a.theme, .ligneInfoCarnet.base5 a.lientitre
	 {color:#759E05}
	
	.ligneInfoCarnet.base6 a.lientheme, .ligneInfoCarnet.base6 .ligne2 a.theme, .ligneInfoCarnet.base6 a.lientitre
	 {color:#b8b847}

	div.ligneInfoCarnet
	 {margin-left:8px}
	
		div.ligneInfoCarnet .dateEven
		 {display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:6px}
		
		div.ligneInfoCarnet h2
		 {display:block; height:15px; overflow:hidden}
	
		div.ligneInfoCarnet h2, div.ligneInfoCarnet h2 a
		 {font-family:geneva,verdana,arial,sans; padding:1px 0 0px 0px; font-size:10px; font-weight:bold; margin-bottom:0; line-height:14px; color:#333}
		
			div.ligneInfoCarnet h2 .supprimer
			 {filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;}
			
				div.ligneInfoCarnet h2 a:hover.supprimer
				 {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
			
			div.ligneInfoCarnet h2 .btn_suppr
			 {margin:-3px 0 -4px}
		
			div.ligneInfoCarnet a.lientheme
			 {display:block; position:relative; float:right; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
		
			div.ligneInfoCarnet h2 .ville
			 {font-size:10px; color:#999; font-weight:normal}
		
		div.ligneInfoCarnet .ligne2 a.theme
		 {font-style:italic; font-size:10px}
	 

/*###############################*/
/*--o   Divers                 --*/
/*###############################*/
.ligne_debug_general
 {font-family:Verdana, Geneva, sans-serif; font-size:11px}

#map_google
 {margin-top:42px; border:1px solid #555}

.versCarte
 {display:block; text-align:right; margin:-24px 0 17px}
		
	.versCarte a
	 {text-decoration:none}

div.liensTri
 {display:block; position:relative; margin:0 0 30px 0; font-family:Verdana, Geneva, sans-serif; font-size:10px}

	div.liensTri .titre
	 {display:block; float:left; color:#752564; font-weight:bold}
	
	div.liensTri .lien, div.liensTri .separateur
	 {display:block; float:left; color:#666}
	 
		div.liensTri .lien a
		 {color:#666}

			/*div.liensTri .actif
			 {background-image:url(../images/picto_asc.png); background-repeat:no-repeat; background-position:0 4px; padding-left:11px; margin-left:1px}
			
			div#listeAvecOnglets + div.liensTri .actif
			 {background-position:0 5px; padding-left:10px}*/
			
			div.liensTri .actif
			 {background-color:#752564; color:#FFF; padding:0 3px 1px}
			
				div.liensTri .actif a
				 {color:#FFF}

div#listeAvecOnglets
 {margin: 0 -10px 6px -1px; clear:both}

	div#listeAvecOnglets div#onglets
	 {display:block; clear:both}
	
	div#listeAvecOnglets div#onglets.gauche
	 {background-image:url(../images/onglets_gauche.png); background-repeat:no-repeat}
	
	div#listeAvecOnglets div#onglets.droite
	 {background-image:url(../images/onglets_droit.png); background-repeat:no-repeat}
	
		div#listeAvecOnglets div#onglets .onglet
		 {display:block; float:left; width:296px; text-align:center; line-height:24px;}
			
			div#listeAvecOnglets div#onglets .onglet a
			 {color:#888}
		
		div#listeAvecOnglets div#onglets .onglet.actif
		 {line-height:22px}
		
			div#listeAvecOnglets div#onglets .onglet.actif a
			 {color:#575757}
	
	div#listeAvecOnglets .blocNavigationParPages.Haut
	 {float:left}

.recherche_recap
 {display:block; float:left; padding:1px 4px 2px; color:#ffffff; background-color:#660066; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; margin-top:-8px}

.pts_recherche
 {color:#999; font-size:0.6em; font-weight:normal}

div#liste_aides
 {margin: -6px 0 -6px 2px; }

	div#liste_aides .ligne_aide
	 {display:block; height:16px; background-repeat:no-repeat; padding:2px 0 0 21px; color:#666}
	
		div#liste_aides .avertissement
		 {background-image:url(../images/warning.png)}
		
		div#liste_aides .idee
		 {background-image:url(../images/lightbulb_on.png)}

div.liste_pays
 {margin:0 0 12px 0}

	div.liste_pays a
	 {display:block; position:relative; float:left; width:280px; margin-right:10px; color:#630}

div.modeEmploi
 {background-image:url(../images/grosse_fleche_mode_emploi.png); background-repeat:no-repeat; padding:10px 0 10px 60px}

div.chapeau
 {margin:0 0 8px 0; padding:5px 6px 1px 6px}
	

#cms a
 {color:#555; text-decoration:none}
	#cms a:hover
	 {color:#000; text-decoration:underline}

#cms
 {margin:-10px 20px 30px 10px}

	#cms h2
	 {margin:12px 0 6px 6px}
	
	#cms p
	 {margin:0 0 4px 12px}

#cms ul
 {margin:3px 0}

	#cms li
	 {padding:3px 0 3px 17px; background-image:url(../images/puce.gif); background-repeat:no-repeat; background-position:8px 10px}
	
	#cms .liste_2cols li
	 {display:block; float:left; width:178px; }

.bidon
 {display:none}