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: #66970e;
	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;
}

#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;
}

/*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;
}

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

#lien_horizontal_montagne a:hover{
	width: 204px;
	height: 30px;
	background-position: bottom;
}

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

#lien_horizontal_air a:hover{
	width: 204px;
	height: 30px;
	background-position: bottom;
}

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

#lien_horizontal_mer a:hover{
	width: 204px;
	height: 30px;
	background-position: bottom;
}

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

#lien_horizontal_autres a:hover{
	width: 204px;
	height: 30px;
	background-position: bottom;
}

/** pages loisirs-reunion.htm **/
#container_loisir_index{
	width: 613px;
	margin-bottom: 10px;
	margin-left: 4px;
}

#container_loisir_index_titre{
	width: 500px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

#container_loisir_index_texte{
	font-size: 13px;
	width: 580px;
	margin: auto;
}

#container_loisir{
	width: 613px;
	margin-left: 4px;
	margin-top: 10px;
}

#container_loisir_last{
	width: 613px;
	height: 250px;
	margin-left: 4px;
	margin-top: 10px;
}

#loisir_photo{
	width: 300px;
	height: 235px;
	float: left;
}

#loisir_2{
	width: 300px;
	float: left;
}

#loisir_photo_2{
	margin-left: 310px;
	width: 300px;
	height: 192px;
}

#loisir_photo_3{
	margin-left: 310px;
	width: 300px;
	height: 235px;
}

#loisir{
	margin-left: 310px;
}

#container_titre_header_vert{
	width: 300px;
	height: 65px;
	background: url(../images/arrondi_vert.gif) top center no-repeat;
}

#container_titre_header_bleu{
	width: 300px;
	height: 65px;
	background: url(../images/arrondi_bleu.gif) top center no-repeat;
}

#container_titre_header_corail{
	width: 300px;
	height: 65px;
	background: url(../images/arrondi_corail.gif) top center no-repeat;
}

#container_titre_header_marron{
	width: 300px;
	height: 65px;
	background: url(../images/arrondi_marron.gif) top center no-repeat;
}

#titre_header{
	color: #FFFFFF;
	width: 230px;
	height: 57px;
	margin-left: 70px;
	line-height: 57px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

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

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

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

#cadre_autres{
	width: 298px;
	height: 170px;
	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;
}

#container_texte_footer{
	font-size: 13px;
	width: 270px;
	margin: auto;
	line-height: 16px;
}

/********* container_body_general = body + pub a droite ***********/
#space{
	width: 822px;
	height: 5px;
	background-color: #FFFFFF;
}

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

#container_body_general_tmp{
	margin-left: 174px;
	width: 822px;
	height: 1000px;
	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 ***/

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

#container_loisirs_espace_resultats{
	width: 600px;
	height: 580px;
	margin-left: 2px;
}

#container_loisirs{
	width: 600px;
	margin-left: 2px;
}

.resultats{
	height: 70px;
}

.resultats td.container_loisir_photo{
	width: 70px;
	height: 53px;
	border: 1px solid #000000;
}

.resultats td.container_loisir_description{
	font-size: 12px;
	width: 470px;
	height: 53px;
	padding: 0px 10px 0px 10px;
	line-height: 15px;
	border: 1px solid #000000;
}

.resultats td.container_loisir_lien{
	width: 70px;
	height: 53px;
	text-align: center;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.resultats td.container_loisir_lien a{
	text-decoration: none;
	color: #000000;
}


/***************** PAGE PARTENAIRES **********************/

#space_partenaires{
	width: 994px;
	height: 10px;
}

#partenaire{
	width: 198px;
	height: 120px;
	margin-left: 1px;
	margin-bottom: 1px;
	float: left;
	background-color: #FFFFFF;
}

#partenaire2{
	width: 397px;
	height: 120px;
	margin-left: 1px;
	margin-bottom: 1px;
	float: left;
	background-color: #FFFFFF;
}

#partenaire3{
	width: 596px;
	height: 120px;
	margin-left: 1px;
	margin-bottom: 1px;
	float: left;
	background-color: #FFFFFF;
}