body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	background-color: #ffb805;
}

a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-style:normal;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4465AA;
	text-decoration: none;
}
.center{
	text-align:center;
}
.erreur{
	text-align:center;
	margin-bottom:10px;
	color:#CC3300;
	font-weight:bold;
}
/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:980px;
	margin:auto;
}

#interface_fondGauche {
	background:url(../images/interface_fondGauche.gif) repeat-y top left;
	padding-left:36px;
}

#interface_fondDroit {
	background:url(../images/interface_fondDroit.gif) repeat-y top right;
	padding-right:36px;
}


/*##############################################################################
################################# Banniere #####################################
##############################################################################*/
#header {
	width:908px;
}

#banniere_haut {
	float:left;
	width:744px;
	height:100px;
	background:url(../images/haut-accueil1.jpg) no-repeat top left;
}
	
	a.banniere_haut_lienAccueil:link, a.banniere_haut_lienAccueil:visited, a.banniere_haut_lienAccueil:active {
		color:#999999;
		font-size:11px;
		position:relative;
		top:81px;
		left:210px;
	}
	
	a.banniere_haut_lienAccueil:hover {
		color:#666666;
	}
/*##################### Acccueil espace membre ###########################*/
#espaceMembre{
	padding:10px;
	border:1px solid #ff6600;
	margin-bottom:20px;
}

#espaceMembre .titre{
	background:#ff6600;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:5px;
	padding:2px 3px;
}

#espaceMembre .photos{
	float:left;
	width:100px;
}

#espaceMembre .logo{
	width:235px;
	text-align:center;
	float:left;
}

#espaceMembre .texte{
	float:right;
	text-align:justify;
	width:235px;
}


#banniere_coords {
	float:left;
	width:744px;
	height:22px;
	background:#FFFFFF;
}
	
	#banniere_drapeaux {
		float:left;
		padding:3px 10px 0px 5px;
	}
	
	#banniere_contact {
		float:left;
		font-weight:bold;
		color:#000000;
		padding-top:5px;
	}

#banniere_centre {
	float:left;
	background:url(../images/haut-accueil2.jpg) no-repeat top left;
	width:744px;
	height:178px;
}

	#banniere_titre {
		position:relative;
		top:140px;
		left:20px;
	}

#listeCommunes {
	float:right;
	width:164px;
	height:300px;
	text-align:right;
	background:url(../images/listeCommunes_fond.gif) repeat-y top left;
}

	#listeCommunes_bottom {
		background:url(../images/listeCommunes_bottom.jpg) no-repeat bottom left;
		height:295px;
		padding-top:5px;
	}
	
	.listeCommunes_titre {
		color:#FF6600;
		font-weight:bold;
		font-style:italic;
		font-size:11px;
		margin:0px 30px 10px 0px;
	}
	
	ul.listeCommunes_liste {
		padding:0px;
		margin:8px;
	}
	
	ul.listeCommunes_liste li {
		list-style:none;
		margin-bottom:3px;
	}
	
	ul.listeCommunes_liste li img {
		margin-left:15px;
	}
	
	a.listeCommunes_liste_lien:link, a.listeCommunes_liste_lien:visited, a.listeCommunes_liste_lien:active {
		font-size:11px;
		font-weight:bold;
		font-style:italic;
		color:#666666;
	}
	
	a.listeCommunes_liste_lien:hover {
		color:#000000;
	}	
	

.form_espace_membre label{
	width:100px;
	display:inline;
	float:left;
}
.form_espace_membre input{
	width:300px;
}
.form_espace_membre .input_submit{
	width:100px;
}


.form_membre_maj label{
	width:100px;
	display:inline;
	float:left;
	font-weight:bold;
}
.form_membre_maj input{
	width:300px;
}

.form_membre_maj .input_submit{
	width:100px;
}

/*##############################################################################
################################ Menu du haut ##################################
##############################################################################*/
#menu_haut {
	width:100%;
	height:47px;
}

	#menu_haut img {
		float:left;
	}

	#menu_haut_search {
		float:left;
		width:228px;
		height:24px;
		background:url(../images/fr/menu_trouvez-off.gif);
	}
	
	.search_input {
		background-color:#ffffff;
		width:90px;
		height:12px;
		margin:2px 10px 0px 40px;
		border:1px solid #db7800;
		font-size:11px;
		color:#666666;
		padding-left:2px;
	}
	

/*##############################################################################
############################### Page de contenu ################################
##############################################################################*/
#page_content {
	background-color:#FFFFFF;
}

.clearFloat {
	clear:both;
}

.fondCercle {
	background:#FFFFFF url(../images/rondfond.gif) no-repeat top right;
}

.navigationPages {
	text-align:center;
	margin:10px 0px;
}

.asterisque {
	color:#FF0000;
}


/*##############################################################################
################################ Pied de page ##################################
##############################################################################*/
#footer {
	background:url(../images/footer.gif) no-repeat left top;
	width:100%;
	height:32px;
	border-bottom:2px solid #FFFFFF;
	text-align:center;
	color:#000000;
	font-weight:bold;
	padding-top:5px;
}	
	
	
/*##############################################################################
################################ Page d'index ##################################
##############################################################################*/
#indexBandeauDefil {
	padding:10px 0px;
}

#indexColonneLeft {
	float:left;
	width:368px;
	padding-left:20px;
}

	#indexIntro {
		text-align:justify;
	}
	
	#indexCarte {
	
	}

#indexColonneCenter {
	float:left;
	width:300px;
	padding:0px 20px;
}

	.cadreGris {
		width:300px;
	}
	
		.cadreGris_top {
			background:url(../images/pixel_bleu.gif) repeat-x 0px 8px;
			height:18px;
		}
			
			.cadreGris_top_content {
				display:inline;
				height:18px;
				font-size:14px;
				font-weight:bold;
				background-color:#FFFFFF;
				padding-right:10px;
			}
		
		.cadreGris_center {
			border:1px solid #999999;
			padding:5px;
		}
		
		.cadreGris_legend {
			font-size:9px;
			color:#999999;
		}		
		
		.cadreGris_footer {
			float:right;
			padding-right:5px;
			background:url(../images/btn_cadreGris_center.gif) repeat-x;
			border-right:1px solid #999999;
			height:13px;
		}
			
			a.cadreGris_footer_lien:link, a.cadreGris_footer_lien:visited {
				display:block;
				background:url(../images/btn_cadreGris_left.gif) no-repeat top left;
				color:#FF6600;
				font-weight:bold;
				font-size:10px;
				height:13px;
				padding-left:15px;
			}
			
			a.cadreGris_footer_lien:hover {
				color:#3399CC;
			}
		
			/* ----- Meteo ---- */
			.indexMeteo_item {
				float:left;
				width:96px;
			}
			
				.indexMeteo_item_top {
					background:url(../images/fond_meteoTop.gif) repeat-x top left;
					border:1px solid #5b8dd6;
					border-right:0px;
					font-size:11px;
					font-weight:bold;
					color:#FFFFFF;
					text-align:center;
					height:15px;
				}
				
				.indexMeteo_item_center {
					background:#ebf3fe;
					border:1px solid #c2daff;
					border-right:0px;
					height:120px;
					text-align:center;
				}
				
					.indexMeteo_item_center_tempMin {
						color:#0033FF;
						font-size:11px;
						font-weight:bold;
					}
					
					.indexMeteo_item_center_tempMax {
						color:#FF0000;
						font-size:12px;
						font-weight:bold;
					}
					
					.indexMeteo_item_center_vent {
						color:#666666;
					}
		

				
	
	#indexPhoto {
	
	}

#indexWebcam {
	float:left;
	padding-right:20px;
}
	#indexWebcam_top {
		width:159px;
		height:101px;
	}
	
	#indexWebcam_center {
		width:148px;
		border:1px solid #999999;
		background:#acb8c5;
		margin:0px 0px 0px 9px;
		text-align:center;
	}
	
		#indexWebcam_center a img{
			border:1px solid #FFFFFF;
			padding:1px;
		}
	
		#indexWebcam_center a:hover img{
			border:1px solid #ff6600;
		}
		
		.webcams_iframe {
			width:100%;
			border:0px;
		}
	
#indexFooter {
	margin:10px 20px 10px 20px;
	text-align:right;
}

	#indexFooter_cadre {
		border:1px solid #999999;
		padding:1px 2px;
	}

/*##############################################################################
############################### Page 2 colonnes ################################
##############################################################################*/
#colonnes3Left {
	float:left;
	width:198px;
}

	#colonnes3Left_top {
		width:198px;
		height:86px;
	}
	
	#colonnes3Left_middle {
		width:180px;
		background:#4496c8 url(../images/motif.jpg) repeat-y top left;
		padding:6px 12px 6px 6px;
	}
	
	#colonnes3Left_bottom {
		width:198px;
		height:52px;
		background:url(../images/basbleu.jpg) no-repeat top left;
	}
	
#colonnes3Center {
	float:left;
	width:475px;
}

	#colonnes3Center_content {
		padding:10px;
		width:455px;
	}
	
	#colonnes3Center_content .coordonnees{
		border:1px solid #999999;
		margin-bottom:25px;
		padding:10px;
		text-align:center;
	}
	
	#colonnes3Center_content .coordonnees .libelle{
		font-weight:bold;
	}

#colonnes3Right {
	float:left;
	width:225px;
	padding:20px 10px 10px 0px;
	text-align:center;
}

	.cadreVert_titre {
		width:187px;
		margin:auto;
	}

		.cadreVert_titre_left {
			float:left;
			background:url(../images/bgauchevert.gif) no-repeat top left;
			width:24px;
			height:16px;
		}
		
		.cadreVert_titre_center {
			float:left;
			background:#33a44d;
			width:130px;
			height:14px;
			color:#333333;
			font-weight:bold;
			text-align:center;
			padding:2px 10px 0px 10px;
			overflow:hidden;
		}
		
		.cadreVert_titre_right {
			float:left;
			background:url(../images/bdroitevert.gif) no-repeat top right;
			width:13px;
			height:16px;
		}
		
	.cadreVert_content {
		border:1px solid #33a44d;
		padding:10px;
		text-align:justify;
	}
	
	.cadreBleu_titre {
		width:187px;
		margin:auto;
	}

		.cadreBleu_titre_left {
			float:left;
			background:url(../images/bgauchebleu.gif) no-repeat top left;
			width:24px;
			height:16px;
		}
		
		.cadreBleu_titre_center {
			float:left;
			background:#59a2cf;
			width:130px;
			height:14px;
			color:#333333;
			font-weight:bold;
			text-align:center;
			padding:2px 10px 0px 10px;
			overflow:hidden;
		}
		
		.cadreBleu_titre_right {
			float:left;
			background:url(../images/bdroitebleu.gif) no-repeat top right;
			width:13px;
			height:16px;
		}
		
	.cadreBleu_content {
		border:1px solid #59a2cf;
		padding:10px;
		text-align:justify;
	}

/*##############################################################################
############################### Page 3 colonnes ################################
##############################################################################*/
#colonnes2Left {
	float:left;
	width:198px;
}

	#colonnes2Left_top {
		width:198px;
		height:86px;
	}
	
	#colonnes2Left_middle {
		width:180px;
		background:#4496c8 url(../images/motif.jpg) repeat-y top left;
		padding:6px 12px 6px 6px;
	}
	
	#colonnes2Left_bottom {
		width:198px;
		height:52px;
		background:url(../images/basbleu.jpg) no-repeat top left;
	}
	
#colonnes2Center {
	float:left;
	width:710px;
}

	#colonnes2Center_content {
		padding:10px;
		width:690px;
	}


/*##############################################################################
############################## Page des activités ##############################
##############################################################################*/
.accordion {
	float:left;
}

	a.lien_catActivite:link, a.lien_catActivite:visited, a.lien_catActivite:active { 
		display:block;
		cursor:pointer; 
		font-weight:bold; 
		background:#eeeeee;
		font-size:10px;
		color:#333333;
		font-style:normal;
		margin-bottom:1px;
		padding-left:5px;
	}
	
	a.lien_catActivite:hover {
		background:#FFFF66;
		color:#0066FF;
		font-weight:bold; 
		font-size:10px;
		font-style:normal;
	}
	
	a.lien_Activite:link, a.lien_Activite:visited, a.lien_Activite:active { 
		display:block;
		cursor:pointer; 
		font-weight:bold; 
		font-size:10px;
		color:#333333;
		font-style:normal;
		padding-left:20px;
		background: url(../images/puce_menu_act.gif) no-repeat 10px 3px;
	}
	
	a.lien_Activite:hover {
		color:#0066FF;
		font-weight:bold; 
		font-size:10px;
		font-style:normal;
		background: url(../images/puce_menu_act.gif) no-repeat 10px 3px;
	}
	
	a.lien_Activite_selected:link, a.lien_Activite_selected:visited, a.lien_Activite_selected:active {
		display:block;
		cursor:pointer; 
		font-weight:bold; 
		font-size:10px;
		color:#CCCCCC;
		font-style:normal;
		padding-left:20px;
		background: url(../images/puce_menu_act.gif) no-repeat 10px 3px;
	}
	
			
#activites_maps {
	float:left;
	width:500px;
	height:400px;
}
	.maps_item {
		width:250px;
	}
	
		.maps_item_libelle {
			font-weight:bold;
			color:#FF6600;
		}
		
		.maps_item_texte {
			color:#333333;
		}
		
		.maps_item_ensavoirplus {
			text-align:right;
			margin-top:3px;
		}

			a.maps_item_ensavoirplus:link, a.maps_item_ensavoirplus:visited, a.maps_item_ensavoirplus:active {
				font-weight:bold; 
				font-size:11px;
				color:#333333;
				font-style:normal;
			}
			
			a.maps_item_ensavoirplus:hover {
				color:#FF6600;
				font-weight:bold; 
				font-size:11px;
				font-style:normal;
			}
			
#activites_listeEntites {
	float:left;
	width:185px;
	padding-left:5px;
}

	#activites_listeEntites_titre {
		border:1px solid #3399CC;
		border-bottom:0px;
		background:#FFCC66;
		text-align:center;
		font-weight:bold;
		color:#0066FF;
		padding:10px 5px;
	}
	
	#activites_listeEntites_items {
		border:1px solid #3399CC;
		border-top:0px;
		background:#FFCC66;
		padding-bottom:10px;
	}
	
		a.activites_listeEntites_item:link, a.activites_listeEntites_item:visited, a.activites_listeEntites_item:active {
			display:block;
			text-align:left;
			padding:0px 5px 0px 15px;
			background:#FFCC66 url(../images/puce_menu_act.gif) no-repeat 5px 3px;
			font-weight:bold; 
			font-size:10px;
			color:#333333;
			font-style:normal;
		}
	
		a.activites_listeEntites_item:hover {
			background:#FFFF99 url(../images/puce_menu_act.gif) no-repeat 5px 3px;
			color:#0099FF;
		}
		
	#activites_listeEntites_all {
		border:1px solid #3399CC;
		border-top:0px;
		background:#FFCC66;
		padding:0px 10px 10px 10px;
	}

#pave_infos_carte_gauche {
	color:#999999;
	font-style:italic;
	padding:10px 5px;
	text-align:justify;
}

#pave_infos_carte_droite {
	color:#999999;
	font-style:italic;
	padding:10px 0px;
	text-align:justify;
}


/*##############################################################################
###################### Page Agenda des manifestations #########################
##############################################################################*/
.manifs_titre {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:20px;
}

.manifs_intro {
	text-align:justify;
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
	background:#FFFF99;
	border:1px dashed #FF6600;
}

.manifs_liste li {
	list-style:square;
	margin-bottom:10px;
}

	a.manifs_ensavoirplus:link, a.manifs_ensavoirplus:visited, a.manifs_ensavoirplus:active {
		color:#666666;
		font-weight:bold;
		padding-top:10px;
	}
	
	a.manifs_ensavoirplus:hover {
		color:#FF6600;
	}

/*##############################################################################
######################## Calendrier des manifestations #########################
##############################################################################*/
.calendar {
	width:200px;
	text-align:center;
}

.calendar_header {
	width:100%;
}

	.calendar_header_btn {
		width:11px;
		padding:5px;
	}
	
	.calendar_header_month {
		text-align:center;
	}
	
	a.calendar_prev:link, a.calendar_prev:visited, a.calendar_prev:active {
		background:url(../images/calendar-prev.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}
	
	a.calendar_prev:hover {
		background:url(../images/calendar-prev.gif) no-repeat 0px -12px;
	}
	
	a.calendar_next:link, a.calendar_next:visited, a.calendar_next:active {
		background:url(../images/calendar-next.gif) no-repeat 0px 0px;
		text-decoration:none;
		width:11px;
		height:12px;
		display:block;
	}
	
	a.calendar_next:hover {
		background:url(../images/calendar-next.gif) no-repeat 0px -12px;
	}
	
	.calendar_form select {
		background-color:#FFFFFF;
		font-size:10px;
		color:#3399CC;
	}
	
.calendar_body {
	margin:auto;
}
	
	.calendar_body_td {
		width:21px;
		height:21px;
		text-align:center;
	}
	
	a.calendar_body_blank {
		background:url(../images/calendar-td.gif) no-repeat 0px 0px;
		width:21px;
		height:18px;
		color:#999999;
		display:block;
		text-decoration:none;
		padding-top:3px;
	}
	
	a.calendar_body_blank:hover {
		background:url(../images/calendar-td.gif) no-repeat 0px -21px;
		color:#FFFFFF;
	}
	
	a.calendar_body_valid {
		background:url(../images/calendar-valid.gif) no-repeat 0px 0px;
		width:21px;
		height:18px;
		color:#999999;
		display:block;
		text-decoration:none;
		padding-top:3px;
	}
	
	a.calendar_body_valid:hover {
		background:url(../images/calendar-valid.gif) no-repeat 0px -21px;
		color:#FFFFFF;
	}
	
	a.calendar_body_today {
		color:#FF6600;
	}
	
	a.calendar_body_week {
		color:#FF66FF;
	}
	
	.calendar_manif_liste_content {
		border:1px solid #CCCCCC;
		text-align:left;
	}
	
	.calendar_manif_liste_content li {
		list-style-type:square;
		list-style-position:outside;
		margin:5px 10px 0px 20px;
	}

/*##############################################################################
############################# Page dossier de presse ###########################
##############################################################################*/
.dossier_presse{
	border:1px dashed #FF6600;
	padding:10px;
	margin-bottom:10px;
}

/*################### Onglet ######################*/
ul#listeOnglets{
    padding-bottom:24px;
    border-bottom:1px solid #ff6600;
    margin:0;
    margin-bottom:20px;
}
ul#listeOnglets li {
    float:left;
    height:21px;
    list-style-type:none;
    background-color:#FFFFFF;
    margin:2px 2px 0px 2px;
    border:1px solid #ff6600;
}
ul#listeOnglets li.current{
    border-bottom:1px solid #FFFFFF;
    background-color:#FFFFFF;
}
#listeOnglets a{
    float:left;
    display:block;
    color:#ff6600;
    padding:4px;
}
#listeOnglets a:hover{
    background:#3399FF;
	color:#FFFFFF;
}

/*##############################################################################
############### Popup d'affichage du detail d'une manifestation ################
##############################################################################*/
#pop_article {
	position:fixed !important;			
	top:50% !important;				
	
	/* Style spécial IE (qui ne comprend pas les lignes où !important est indiqué) */
	position:absolute;
	top:expression(documentElement.scrollTop + 300 + "px");
	
	left:50%;				
	background:#ffffff;
	width:600px;
	height:600px;
	margin:-300px 0px 0px -300px;
	z-index: 500;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#pop_masque {
	position:absolute;
	display:none;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#pop_wait {
	width:48px;
	height:48px;
	margin:276px auto 0px auto;
}

#pop_fiche {
	width:567px;
	height:578px;
	margin:10px;
	border:1px solid #FF6600;
	background-color:#FFFFFF;
}

#pop_fiche_logo {
	float:left;
	background:url(../images/fiche_logo.gif) no-repeat;
	width:195px;
	height:99px;
}

#pop_fiche_barreOrange {
	float:left;
	background:url(../images/fiche_orange.gif) no-repeat;
	width:364px;
	height:21px;
	text-align:right;
	padding:5px 8px 0px 0px;
}

#pop_fiche_banniere {
	float:left;
	width:372px;
	height:73px;
}


#pop_fiche_menu {
	float:left;
	background:url(../images/fiche_orange.gif) no-repeat;
	width:195px;
	height:479px;
}

	#pop_fiche_MenuTitre {
		width:195px;
		height:35px;
	}
	
	#pop_fiche_MenuCenter {
		background:url(../images/fiche_center.gif) repeat-y;
		width:175px;
		height:410px;
		text-align:center;
		padding:16px 10px 0px 10px;
	}
	
		.pop_fiche_legend {
			font-size:10px;
			font-style:italic;
			color:#CCCCCC;
			height:40px;
		}
	
	#pop_fiche_MenuBas {
		background:url(../images/fiche_bottom.gif) no-repeat;
		width:195px;
		height:18px;
	}
	
#pop_fiche_titre {
	float:left;
	width:352px;
	height:25px;
	text-align:center;
	padding:10px 10px 0px 10px;
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
}

#pop_fiche_content {
	float:left;
	padding:5px;
	width:362px;
	height:434px;
	overflow-x:hidden; 
	overflow-y:scroll; 
}

	.pop_fiche_coord_label {
		float:left;
		width:100px;
		text-align:right;
		font-weight:bold;
		padding-right:5px;
	}
	
	.pop_fiche_coord_content {
		float:left;
		width:232px;
	}
	
.pop_calendrier_titre {
	height:20px;
	width:100%;
	background-color:#996633;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.pop_calendrier_date {
	height:20px;
	background-color:#cc9966;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
}

#article_contenu {
	padding:5px;
	width:568px;
	height:427px;
	overflow-x:hidden; 
	overflow-y:scroll; 
}

.article_miniature {
	float:left;
	margin:5px;
}


/*##############################################################################
####################### Page liste des commerçants #############################
##############################################################################*/
a.commerce_item:link, a.commerce_item:visited, a.commerce_item:active {
	float:left;
	width:208px;
	margin:0px 10px 10px 0px;
	background:#DDDDDD;
	border:1px solid #999999;
	padding:5px;
}

a.commerce_item:hover {
	border:1px solid #666666;
}

	.commerce_item_cadre_img {
		width:58px;
		text-align:center;
		vertical-align:middle;
	}
	
		.commerce_item_img {
			border:1px solid #666666;
			padding:3px;
			margin:auto;
		}
	
	.commerce_item_content {
		width:140px;
		font-weight:normal;
		padding:0px 5px;
	}
	
		.commerce_item_nom {
			color:#FF6600;
			font-weight:bold;
		}
	
.navigationPages {
	text-align:center;
	margin:10px;
}


/*##############################################################################
############################### Phototèque #####################################
##############################################################################*/
a.lien_phototeque_cat:link, a.lien_phototeque_cat:visited, a.lien_phototeque_cat:active {
	display:block;
	cursor:pointer; 
	font-weight:bold; 
	background:#eeeeee;
	font-size:10px;
	color:#333333;
	font-style:normal;
	margin-bottom:1px;
	padding-left:5px;
}

a.lien_phototeque_cat:hover {
	background:#FFFF66;
	color:#0066FF;
	font-weight:bold; 
	font-size:10px;
	font-style:normal;
}

.phototeque_item {
	width:160px;
	height:180px;
	display:block;
	float:left;
	margin:0px 12px 13px 0px;
	border:1px solid #CCCCCC;
}

.phototeque_photo {
	height:150px;
	width:160px;
	text-align:center;
	vertical-align:middle;
}

.phototeque_titre {
	height:30px;
	width:160px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCCCCC;
}


/*##############################################################################
############################ Page Liens favoris ################################
##############################################################################*/
a.lien_liens_cat:link, a.lien_liens_cat:visited, a.lien_liens_cat:active {
	display:block;
	cursor:pointer; 
	font-weight:bold; 
	background:#eeeeee;
	font-size:10px;
	color:#333333;
	font-style:normal;
	margin-bottom:1px;
	padding-left:5px;
}

a.lien_liens_cat:hover {
	background:#FFFF66;
	color:#0066FF;
	font-weight:bold; 
	font-size:10px;
	font-style:normal;
}

.liens_titre {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:20px;
}

.liens_intro {
	text-align:justify;
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
	background:#FFFF99;
	border:1px dashed #FF6600;
}

.liens_liste li {
	list-style:square;
	margin-bottom:10px;
}

	a.liens_ensavoirplus:link, a.liens_ensavoirplus:visited, a.liens_ensavoirplus:active {
		color:#666666;
		font-weight:bold;
		padding-top:10px;
	}
	
	a.liens_ensavoirplus:hover {
		color:#FF6600;
	}


/*##############################################################################
############################## Page des Weccams ################################
##############################################################################*/
.webcams_titre {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:20px;
}

.webcams_intro {
	text-align:justify;
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
	background:#FFFF99;
	border:1px dashed #FF6600;
}

.webcams_item {
	width:215px;
	height:232px;
	display:block;
	float:left;
	margin:0px 15px 15px 0px;
	border:1px solid #CCCCCC;
}

.webcams_item_photo {
	height:180px;
	width:215px;
	text-align:center;
	vertical-align:middle;
}
	
	.webcams_item_pictos {
		position:absolute;
		left:10px;
		top:120px;
		width:50px;
		height:30px;
	}

.webcams_item_titre {
	height:50px;
	width:215px;
	text-align:center;
	vertical-align:middle;
	background-color:#CCCCCC;
}


/*##############################################################################
######################### Page du moteur de recherche ##########################
##############################################################################*/
.search_keyword {
	font-weight:bold;
	background:#FFFF66;
}

.search_categorie {
	border:1px dashed #999999;
	background:#FFFF99;
	padding:2px 5px;
	color:#FF6600;
	font-weight:bold;
	margin:20px 0px;
}

.search_liste li {
	list-style:square;
	margin-bottom:10px;
}

	a.search_ensavoirplus:link, a.search_ensavoirplus:visited, a.search_ensavoirplus:active {
		color:#666666;
		font-weight:bold;
		padding-top:10px;
	}
	
	a.search_ensavoirplus:hover {
		color:#FF6600;
	}



/*##############################################################################
############################# Page du livre d'or ###############################
##############################################################################*/
.livreOr_intro {
	text-align:justify;
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
	background:#FFFF99;
	border:1px dashed #FF6600;
}

.livreOr_liste li {
	list-style:square;
	margin-bottom:10px;
	border:1px dashed #CCCCCC;
	padding:5px;
}

	.livreOr_liste_titre {
		background:#FFCC66;
		color:#FF6600;
		margin-bottom:5px;
		padding:2px;
	}
	
	
.livreOr_form_fieldset {
	padding:10px 20px;
	border:1px solid #FF6600;	
	margin:auto;
}

	.livreOr_form_legend {
		color:#FF6600;
		font-weight:bold;
		padding:0px 15px;
	}
	
	.livreOr_erreur {
		color:#FF0000;
		padding:10px 5px;
		text-align:center;
	}
	
	.livreOr_form label {
		display:block;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	.livreOr_form input, textarea{
		background-color:#DDDDDD;
		border:1px solid #999999;
		margin-bottom:20px;
		width:100%;
	}
	
	input.livreOr_form_submit {
		display:block;
		color:#FF6600;
		font-weight:bold;
	}
	
	input.livreOr_form_submit:hover {
		background-color:#CCCCCC;
	}


/*##############################################################################
############################# Page des randonnées ##############################
##############################################################################*/
#randonnees_iframe {
	width:100%;
}

/*##############################################################################
############ Formulaire de recherche d'hébergement / restauration ##############
##############################################################################*/
#search_hebergement_fieldset {
	padding:0px 10px 5px 10px;
	width:476px;
	border:2px solid #FF6600;
}

#search_hebergement_legend {
	color:#0066FF;
	font-weight:bold;
	padding:0px 5px 10px 5px;
}

.search_hebergement_input {
	background:#DDDDDD;
	border:1px solid #999999;
	font-size:11px;
	cursor:default;
}

.input_fleche_droite {
	background:#DDDDDD url(../images/fleche_select.gif) no-repeat right;
}

#form_search_categories {
	display:none;
	position:absolute;
	width:380px;
	z-index:1000;
	background:#FFFFFF;
	border:1px solid #999999;
	padding:5px;
	margin-left:83px;
}

#form_search_services {
	display:none;
	position:absolute;
	width:380px;
	z-index:1000;
	background:#FFFFFF;
	border:1px solid #999999;
	padding:5px 0px;
	margin-left:113px;
}

#search_hebergement_submit {
	float:right;
	margin:0px 10px;
}

.recherche_hebergement_item {
	border:1px dashed #999;
	padding:5px;
	width:490px;
}

.recherche_hebergement_item_photo {
	float:left;
	border:1px solid #CCCCCC;
	width:80px;
	height:80px;
	margin-right:5px;
}

a.recherche_hebergement_item_nom {
	color:#FF6600;
	font-weight:bold;
	font-size:12px;
}