body{
	font-family: Arial;
	font-size: 13px;
	color: #38302b;
	background-color: #e5e5e5;
}

/* styles pour le texte si besoin */
.underline{
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}

a{
	color: #a53800;
}

/******** PAGE ENTIERE encadrement 1px en noir tout autour *************/
#ombrage{
	width: 1004px;
	margin: auto;
	background: url(../../../images/fond.jpg) top center repeat-y;
}

#global{
	width: 996px;
	margin: auto;
}


/******* BANNER comprend le logo + banniere (+ animation flash) ********/
#banner{
	width: 996px;
	height: 144px;
}

#banner_texte{
	color: #000000;
	width: 622px;
	height: 30px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

/* logo = img banniere + Titre ex page index.htm -->  banniere-allonslareunion3.gif + Titre Vacances et tourisme à l'île de la Réunion */

/********** CONTAINER BODY_BG implicite = menu + container_body_general(ex page index.htm --> container coiffure + hebergement + vehicules) + Pub banniere a droite **/
#container_body_bg{
	width: 996px;
	background-color: #0eb2b3;
}

#container_body_bg_no_template{
	width: 996px;
	background-color:#FFFFFF;
}

#container_titre_langage_recherche{
	width: 822px;
	height: 30px;
	margin-left: 174px;
	background-color: #FFFFFF;
}

#titre{
	float: left;
	color: #0eb2b3;
	width: 520px;
	height: 30px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

#langage{
	float: left;
	margin-left: 35px;
	width: 65px;
	height: 30px;
}

#container_recherche{
	margin-left: 620px;
	padding-top: 3px;
	text-align: center;
	width: 200px;
	height: 20px;
}


/***************** container PATH + PUB HORIZONTAL *******/
#container_path_pub{
	width: 822px;
	margin-left: 174px;
	background-color: #FFFFFF;
}

#path{
	margin-left: 4px;
	width: 800px;
	height:15px;
}

#path a{
	text-decoration: none;
	color: #a53800;
	font-weight: bold;
}

/*espace entre menu horizontal et le chemin(Vous êtes ici:) */
#space{
	width: 822px;
	height: 5px;
	background-color: #FFFFFF;
}

/*liens des different loisirs par catégorie (Randonnées, canyonning, eaux vives ...) */
#container_liens_horizontal{
	width: 816px;
	height: 30px;
	background-color: #FFFFFF;
}

#liens_horizontal{
	width: 822px;
	height: 20px;
	margin-left: 1px;
}

#mini_lien_horizontal_mer a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 1px;
	font-size: 11px;
	text-align: center;
	width: 135px;
	height: 30px;
	float: left;
	line-height: 30px;
	background: url(../images/mer_mini.gif) top center no-repeat;
}

#mini_lien_horizontal_mer a:hover{
	width: 135px;
	height: 30px;
	background-position: bottom;
}

#mini_lien_horizontal_mer_hover a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 1px;
	font-size: 11px;
	text-align: center;
	width: 135px;
	height: 30px;
	float: left;
	line-height: 30px;
	background: url(../images/mer_mini_hover.gif) top center no-repeat;
}

#container_pub_horizontal{
	width: 822px;
	height: 95px;
	background-color: #FFFFFF;
}

#pub_horizontal{
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

#pub_horizontal_taille4{
	margin-top: 5px;
	margin-left: 1px;
}

#pub_horizontal_fixe{
	width: 200px;
	height: 90px;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

/********* CONTAINER BODY GENERAL = body + pub a droite ***********/
#container_body_general{
	margin-left: 174px;
	width: 822px;
	background-color: #FFFFFF;
}

/*********PUB VERTICAL  *******/
#container_pub_vertical{
	margin-top: 10px;
	width: 203px;
	float: right;
}

#pub_vertical{
	margin-bottom: 5px;
}

#pub_vertical_fixe{
	height: 90px;
	margin-bottom: 5px;
}

/********** CONTAINER_BODY ***/

#container_loisir_index{
	width: 613px;
	padding-bottom: 10px;
	margin-left: 4px;
}

#big_titre{
	width: 600px;
	margin-left: 5px;
	padding-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
}

/********************************************/
#container_loisir_gauche{
	width: 300px;
	float: left;
}

#container_titre_header_bleu{
	width: 300px;
	height: 35px;
	color: #FFFFFF;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 13px;
	background: url(../images/arrondifin_bleu.gif) top center no-repeat;
}

/* cadres pages loisirs-reunion-mer.php */
#cadre_bateau{
	width: 297px;
	height: 170px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

#cadre_plongee{
	width: 298px;
	height: 215px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

#cadre_surf{
	width: 298px;
	height: 165px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

#cadre_peche{
	width: 298px;
	height: 165px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

#container_texte_header{
	width: 280px;
	line-height: 17px;
	margin: auto;
	padding-top:5px;
	margin-bottom: 5px;
	font-size: 12px;
}

/*********************************************/
#photo_index_droit_dauphin{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	padding-bottom: 10px;
}

#photo_index_droit_surf{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	padding-bottom: 10px;
}

#loisir_plongee_desc_droit{
	margin-left: 310px;
	width: 300px;
	height: 250px;
	padding-bottom: 10px;
}

#loisir_peche_desc_droit{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	padding-bottom: 10px;
}

/**** Communs à # pages ****/

#texte_description{
	font-size: 12px;
	text-align: justify;
}

#container_titre_header_big_bleu{
	width: 610px;
	height: 35px;
	margin: auto;
	text-align: center;
	line-height: 35px;
	color: #FFFFFF;
	background: url(../images/bigarrondi_bleu.gif) top center no-repeat;
}

#cadre_page_loisir{
	margin: auto;
	width: 608px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

#big_container_texte_header{
	width: 600px;
	line-height: 17px;
	margin: auto;
	padding-top:5px;
	margin-bottom: 5px;
}

#mini_titre{
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#container_texte_droit{
	margin-left: 310px;
}

/* loisirs-reunion-mer-bateaux.php */
#photo1_page_bateau{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/catamaran.jpg) top center no-repeat;
}

#photo2_page_bateau{
	float: right;
	margin-left: 10px;
	width: 300px;
	height: 215px;
	# background: url(../images/grand_bleu.jpg) top center no-repeat;
}

#photo3_page_bateau{
	float: left;
	margin-top: 5px;
	width: 300px;
	height: 350px;
	background: url(../images/voile1.jpg) top center no-repeat;
}

#photo4_page_bateau{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/clubs_voile.jpg) top center no-repeat;
}

#cadre_page_bateau{
	margin: auto;
	width: 608px;
	height: 635px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

/** loisirs-reunion-plongee.php **/
#photo1_page_plongee{
	float: right;
	width: 300px;
	height: 200px;
	margin-left: 10px;
	background: url(../images/plongee1.jpg) top center no-repeat;
}

#photo2_page_plongee{
	float: right;
	margin-left: 10px;
	width: 250px;
	height: 345px;
	# background: url(../images/plongee2.jpg) top center no-repeat;
}

#photo3_page_plongee{
	float: left;
	width: 250px;
	height: 330px;
	background: url(../images/plongee3.jpg) top center no-repeat;
}

#photo4_page_plongee{
	margin-left: 310px;
	width: 250px;
	height: 380px;	/* hack pour faire une marge en bas */
	background: url(../images/plongee4.jpg) top center no-repeat;
}

#container_texte_loisir_droit{
	margin-left: 260px;
	height: 330px;
}

/** loisirs-reunion-peche-gros.php **/
#photo1_page_peche{
	float: right;
	margin-left: 10px;
	width: 300px;
	height: 200px;
	background: url(../images/peche.jpg) top center no-repeat;
}

#photo2_page_peche{
	float: right;
	margin-left: 10px;
	width: 300px;
	height: 220px;
	# background: url(../images/combat_t-albacore.jpg) top center no-repeat;
}

#photo3_page_peche{
	float: left;
	width: 300px;
	height: 200px;
	# background: url(../images/dorade_t-albacore.jpg) top center no-repeat;
}

#photo4_page_peche{
	margin-left: 310px;
	width: 300px;
	height: 215px;
	# background: url(../images/peche4.jpg) top center no-repeat;
}

/** loisirs-reunion-jetski.php **/
#photo1_page_jetski{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/jetski1.jpg) top center no-repeat;
}

#photo2_page_jetski{
	float: right;
	width: 300px;
	height: 200px;
	background: url(../images/jetski2.jpg) top center no-repeat;
}

#container_texte_droit_jetski{
	margin-left: 310px;
	height: 200px;
}

/** loisirs-reunion-surf.php */
#photo1_page_surf{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/surfeur1.jpg) top center no-repeat;
}

#photo2_page_surf{
	width: 300px;
	height: 200px;
	background: url(../images/surfeuse.jpg) top center no-repeat;
}

#photo3_page_surf{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/surfeur2.jpg) top center no-repeat;
}

#cadre_page_surf{
	width: 298px;
	height: 165px;
	border-right: 1px solid #38302b;
	border-bottom: 1px solid #38302b;
	border-left: 1px solid #38302b;
}

/** page loisirs-reunion-kitesurf.php **/
#photo1_page_kitesurf{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/kite1.jpg) top center no-repeat;
}

#photo2_page_kitesurf{
	margin-left: 310px;
	width: 300px;
	height: 200px;
	background: url(../images/kite2.jpg) top center no-repeat;
}

/********* resultats recherche loisirs */

/* espace entre liens horizontal et resultats recherche loisirs */
#space_resultats{
	width: 600px;
	height: 10px;
}

#loisir_not_found{
	width: 600px;
	height: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
	font-weight: bold;
}

.resultats_nom_loisir  tr.container_nom_location{
	font-size: 14px;
	font-weight: bold;
}

.resultats_nom_loisir td.nom_location{
	border-bottom: 1px solid #0eb2b3;
	width: 610px;
}
.resultats_nom_loisir td.nom_location a{
	color: #0eb2b3;
	text-decoration: none;
}

.resultats_loisir{
	margin-bottom: 5px;
}

.resultats_loisir tr.container_desc_location{
	width: 610px;
	color: #38302b;
	font-size: 12px;
}

.resultats_loisir td.container_location_photo{
	width: 70px;
	height: 70px;
	border: 1px solid #000000;
}

.resultats_loisir td.container_location_description{
	width: 420px;
	height: 70px;
	padding: 0px 10px 0px 10px;
	line-height: 15px;
}

.resultats_loisir td.container_location_separator{
	width: 1px;
	height: 70px;
	border-left: 1px solid #0eb2b3;
}

.resultats_loisir td.container_location_lieu{
	width: 70px;
	font-size: 11px;
	font-weight: bold;
}

.resultats_loisir td.container_location_type{
	width: 70px;
	font-size: 11px;
	font-weight: bold;
}

.resultats_loisir td.container_location_lien{
	width: 70px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.resultats_loisir td.container_location_lien a{
	color: #993300;
}