@charset "utf-8";
/* CSS Document */
/****************************************************************************************************************/
#btn_activites a{
	width:126px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/activite_actif.gif) top left no-repeat;
	}
#btn_activites a:hover{
	background:url(images/menu_commune/activite_survol.gif) top left no-repeat;
	}
#btn_hebergements a{
	width:144px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/hebergement.gif) top left no-repeat;
	}
#btn_hebergements a:hover{
	background:url(images/menu_commune/hebergement_survol.gif) top left no-repeat;
	}
#btn_restaurants a{
	width:136px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/restaurants.gif) top left no-repeat;
	}
#btn_restaurants a:hover{
	background:url(images/menu_commune/restaurants_survol.gif) top left no-repeat;
	}
#btn_curiosites a{
	width:124px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/curiosite.gif) top left no-repeat;
	}
#btn_curiosites a:hover{
	background:url(images/menu_commune/curiosite_survol.gif) top left no-repeat;
	}
#btn_temps_fort a{
	width:129px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/tempsforts.gif) top left no-repeat;
	}
#btn_temps_fort a:hover{
	background:url(images/menu_commune/tempsforts_survol.gif) top left no-repeat;
	}
#btn_infos_pratiques a{
	width:171px;
	height:43px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/menu_commune/infospratiques.gif) top left no-repeat;
	}
#btn_infos_pratiques a:hover{
	background:url(images/menu_commune/infospratiques_survol.gif) top left no-repeat;
	}
#btn_en_savoir_plus a{
	width:126px;
	height:25px;
	margin:30px auto 10px;
	padding:0;
	float:left;
	background:url(images/en_savoir_plus.jpg) top left no-repeat;
	}
#btn_la_selec a{
	width:126px;
	height:27px;
	margin:0 auto;
	padding:0;
	float:left;
	background:url(images/la_selec.jpg) top left no-repeat;
	}
/****************************************************************************************************************/

/****************************************************************************************************************/
#block_1{
	width:510px;
	height:340px;
	margin:0;
	padding:0;
	float:left;
	background-color:#ccc;
	border-right:solid 40px #fdc010;
	}
#block_1 .bas_bleu{
	float:left;
	border-bottom:solid 15px #cac900;
	}
#desc_commune{
	width:510px;
	height:149px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	background-color:#e44b9b;
	}
.border_right{
	border-right:solid 12px #e44b9b;
	float:left;
	}
#part_1{
	width:290px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin:8px 0 0 0;
	}
#part_1 a{
	text-decoration:none;
	font-size:10px;
	color:#fff;
	margin:8px 0 0 0;
	float:left;
	}
#part_1 a:hover{
	text-decoration:underline;
	}
.departement{
	height:24px;
	font-size:16px;
	font-weight:bold;
	margin:0;
	float:left;
	}
.ville{
	width:290px;
	font-weight:bold;
	font-size:12px;
	margin:4px 0 0 0;
	float:left;
	}
.descriptif{
	width:290px;
	font-size:10px;
	margin:8px 0 0 0;
	float:left;
	}
.lien{
	width:290px;
	}
#block_2{
	width:450px;
	height:340px;
	margin:0;
	padding:0;
	float:left;
	background-color:#555;
	text-align:center;
	}
#block_3{
	width:835px;
	margin:0 5px 0 0;
	padding:0 0 20px 0;
	float:left;
	background-color:#fff;
	}
#menu_commune{
	width:830px;
	height:43px;
	margin:0;
	padding:0;
	}
#centre_desc_commune{
	width:776px;
	margin:0 auto;
	padding:30px 0 0 0;
	text-align:left;
	}
#coup_de_projecteur{
	width:774px;
	margin:0;
	padding:0;
	float:left;
	border:solid 1px #b30560;
	background-color:#FBC8F6;
	float:left;
	}
#visu_projecteur{
	width:346px;
	height:160px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	background:url(images/visu_projecteur.gif) top left no-repeat;
	}
#colonne_d_ecartement_projecteur{
	width:18px;
	height:20px;
	float:left;
	}
#visu_projecteur img{
	margin:20px 0 0 0;
	float:left;
	}
#text_projecteur{
	width:250px;
	margin:30px 30px 0 0;
	padding:0;
	text-align:justify;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	}
#btn_projecteur{
	width:130px;
	height:160px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	}
#hr_bleu{
	width:776px;
	height:10px;
	margin: 0 0 10px 0;
	border-bottom:solid 1px #2092b9;
	float:left;
	}
#colonnes_communes{
	width:776px;
	margin: 0 0 10px 0;
	float:left;
	}
.colonnes{
	width:194px;
	margin:0;
	padding:60px 0 0 0;
	text-align:left;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.categories{
	margin:0 0 10px 10px;
	}
.title_categories{
	font-size:14px;
	font-weight:bold;
	}
.link_categories a{
	font-size:12px;
	text-decoration:none;
	color:#000;
	margin:0 0 0 8px;
	}
.link_categories a:hover{
	text-decoration:underline;
	}
#sport{
	background:url(images/titre_colonnes_communes_sport.jpg) top left no-repeat;
	}
#loisir{
	background:url(images/titre_colonnes_communes_loisirs.jpg) top left no-repeat;
	}
#culture{
	background:url(images/titre_colonnes_communes_culture.jpg) top left no-repeat;
	}
#tranche_d_age{
	}
#block_astuce{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/fond_astuce.jpg) bottom left no-repeat;
	}
#block_astuce a{
	text-decoration:none;
	color:#2092b9;
	font-size:12px;
	font-weight:bold;
	}
#block_astuce a:hover{
	text-decoration:underline;
	}
#block_astuce form{
	text-decoration:none;
	color:#2092b9;
	font-size:12px;
	}
#titre_astuce{
	color:#fdc010;
	font-size:16px;
	font-weight:bold;
	}
#txt_astuce{
	color:#2092b9;
	font-size:12px;
	}
#block_4{
	width:160px;
	height:600px;
	margin:0;
	padding:0;
	float:left;
	}
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
#block_a{
	width:776px;
	margin:0;
	padding:0;
	text-align:center;
	}
#boitacolonne{
	width:776px;
	background:url(images/boitacolonne.jpg) top left no-repeat;
	}
#colonne_a_activite{
	width:170px;
	margin:0 14px 0 0;
	padding:0;
	float:left;
	height: 405px;
	}
#colonne_a_activite img{
	margin:0 0 15px 0;
	float:left;
	}
#colonne_b_activite{
	width:446px;
	margin:0 16px 0 0;
	padding:0;
	float:left;
	z-index:10;
	}
#colonne_c_activite{
	width:130px;
	margin:0;
	padding:0;
	float:left;
	}
#nom_activite{
	width:150px;
	margin:0 10px 10px 0;
	padding:0 0 0 4px;
	float:left;
	text-align:left;
	}
#txt_activite{
	width:446px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	margin:0;
	padding:0;
	float:left;
	text-align:justify;
	}
#type_activite{
	margin:14px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}
#title_activite{
	margin:14px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3a3a;
	}
#lesplus_enfants{
	width:446px;
	float:left;
	margin:10px 0 0 0;
	background:url(images/lesplus_enfants.gif) top left no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#colonne_d_ecartement_1{
	width:150px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	}
#liste_plus_enfant{
	float:left;
	width:296px;
	text-align:left;
	margin:42px 0 0 0;
	}
#liste_plus_enfant ul{
	list-style-type:none;
	}
#liste_plus_enfant a{
	text-decoration:none;
	color:#2092b9;
	}
#liste_plus_enfant a:hover{
	text-decoration:underline;
	}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
#les_btns{
	width:130px;
	height:84px;
	margin:16px 0 40px 0;
	background:url(images/les_btns.jpg) top left no-repeat;
	}
.cache{
	display:block;
	visibility:hidden;
	}
.link_menu{
	display:block;
	margin:0;
	padding:0;
	}
#btn_dtl_retour a{
	width:130px;
	height:27px;
	display:block;
	}
#btn_dtl_retour a:hover{
	background:url(images/btn_details/retour_hover.jpg) top left no-repeat;
	}
#btn_dtl_selec a{
	width:130px;
	height:29px;
	display:block;
	}
#btn_dtl_selec a:hover{
	background:url(images/btn_details/selectionner_hover.jpg) top left no-repeat;
	}
#btn_dtl_imprimer a{
	width:130px;
	height:28px;
	display:block;
	}
#btn_dtl_imprimer a:hover{
	background:url(images/btn_details/imprimer_hover.jpg) top left no-repeat;
	}
/*******************************************************************************************************/
/*******************************************************************************************************/
/*******************************************************************************************************/
#indic_age{
	width:130px;
	height:50px;
	}
#indic_age img{
	margin:0;
	float:left;
	}
/*******************************************************************************************************/
/*******************************************************************************************************/
/*******************************************************************************************************/
#reactions_redaction{
	width:776px;
	margin:0;
	padding:0;
	float:left;
	}
#colonne_d_ecartement_2{
	width:170px;
	height:100px;
	margin:0 14px 0 0;
	padding:0;
	float:left;
	}
#reactions{
	width:446px;
	margin:0 16px 0 0;
	padding:0;
	float:left;
	}
#redaction{
	width:130px;
	height:100px;
	margin:0;
	padding:0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align:left;
	}
.post_reac{
	width:428px;
	margin:0 0 10px 0;
	padding:9px;
	background-color:#a6d3e3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:10px;
	}
#ajouter_com{
	width:446px;
	height:60px;
	margin:0;
	padding:0;
	text-align:left;
	}
#ajouter_com a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-decoration:none;
	}
#ajouter_com a:hover{
	text-decoration:underline;
	}
#coordonnees{
	margin:20px 0 0 0;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	float:left;
	}
#coordonnees a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6f6f6f;
	font-weight:bold;
	text-decoration:none;
	}
#coordonnees a:hover{
	text-decoration:underline;
	}