@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border: 0 }

body{
	background-image:url(../images/body_pattern.jpg);
	background-repeat:repeat;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#ffe7c2;
	font-size:10px;
}

a{ text-decoration:none; color:#ffe7c2; }

p{ font-size:10px; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:10px; }

h1{
	background-image:url(../images/puce_h1.gif);
	background-repeat:no-repeat;
	
	height:52px;
	padding-left:45px;
	
	font-size:13px;
	font-weight:normal;
	
}

	h1 span{
		display:block;
		font-size:20px;
		color:#c54700;
	}
	
h2{
	color:#87bb2d;
	font-size:12px;
	text-transform:uppercase;
	margin:10px 0;
}


/****************************/
/*  ENTETE
/***************************/
div#entete{

	background-image:url(../images/entete_pattern.gif);
	background-repeat:repeat-x;
	
	width:100%;height:435px;
	
	margin:0 0;
	
	padding-top:19px;
	
	text-align:center;
	
}
	/*div#entete img{
		display:block; float:left;
		

	}*/
	
	div#fleur_droite{
		width:92px;height:435px;
		
		background:url(../images/entete_fleur_droite.gif) no-repeat;
		float: left;
		/*_float:none;*/
		/*_display: inline;*/
		margin:0;padding:0;
	}
				
	/********************/
	/** Colonne Gauche **/
	/********************/
	div#entete_col_gauche{
		width:207px;
		float:left;
	}
		div#entete_col_gauche img{
			display:block;
			float:none;
			border: none;
		}
		
		/** Menu **/
		ul#menu{
			list-style-type:none;
		} 

			ul#menu li a{
				display:block;
				
				width:207px;height:26px;
				font-size:13px;
				color:#c54700;
				text-align:center;
				
				padding-top:10px;
				/*_height: 36px;*/
			}
			
			ul#menu li a:hover{
				color:#ffe7c2;
			}
			
			ul#menu li a.actif{
				color:#ffe7c2;
			}
			
			ul#menu li a.m_nosy{
				background-image:url(../images/entete_menu_nosy.gif);
				height: 25px;
				/*_height:36px;*/
			}
			
			ul#menu li a.m_hebergement{
				background-image:url(../images/entete_menu_hebergement.gif);
			}
			
			ul#menu li a.m_restauration{
				background-image:url(../images/entete_menu_restauration.gif);
			}
			
			ul#menu li a.m_excursions{
				background-image:url(../images/entete_menu_excursions.gif);
			}
			
			ul#menu li a.m_fiche{
				background-image:url(../images/entete_menu_fiche.gif);
			}
			
			ul#menu li a.m_reservation{
				background-image:url(../images/entete_menu_reservation.gif);
			}
			
			ul#menu li a.m_galerie{
				background-image:url(../images/entete_menu_galerie.gif);
			}


/****************************/
/*  CONTENEUR
/***************************/
div.conteneur{

	width:1190px;
	
	margin:0 auto;
	
	text-align:left;
}

/****************************/
/*  PAGE 
/***************************/
div#page{
	background-color:#1d0600;
	text-align:center;
}
	
	div#contenu_centre{
		width:885px;
		margin-left:185px;
		padding-top:15px;
	}
		
		/** Page accueil **/
		div#contenu_centre .bloc_accueil{
			background:url(../images/centre_fond_bloc_accueil.gif) top left no-repeat;
			width:471px;height:187px;
			padding:15px;
		}
		
		div#encart{
			background-image:url(../images/centre_fond_encart.jpg);
			width:372px;height:237px;
			
			float:right;
		}
		
			div#encart a#lien_reserver{
				display:block;
				color:#c54700;
				font-size:13px;
				
				margin:60px 0 0 20px;
				width:290px;
			}
			
		div#encart2{
			background-image:url(../images/centre_fond_encart2.jpg);
			width:362px;height:262px;
			
			clear:right;float:right;
			margin-right:10px;
			display:inline;
		}
		
			div#encart2 a#lien_reserver{
				display:block;
				color:#c54700;
				font-size:13px;
				
				margin:60px 0 0 20px;
				width:290px;
			}		
			
		/** Style communs à toutes les pages **/
		div#bloc_gauche{ 
		
			width:471px;
			background-image:url(../images/centre_fond_p.gif);
			background-repeat:no-repeat;
	
			padding:15px;
		
		}
		
		div#bloc_droite{ float:right; width:375px; }
		
		/** Page Hébergement **/
		a#lien_reservation{
			display:block;float:left;
			width:173px;height:24px;
			background-image:url(../images/bt_reserver.gif);
			
			margin-right:5px;
			
			color:#87bb2d;
			font-size:13px;
			padding:10px 0 0 10px;
			text-transform:uppercase;
			letter-spacing:-1px;
			font-weight:bold;
		}
		
		a.lien_galerie{
			display:block;float:left;
			width:173px;height:24px;
			background-image:url(../images/bt_galerie.gif);
			
			color:#87bb2d;
			font-size:13px;
			padding:10px 0 0 10px;
			text-transform:uppercase;
			letter-spacing:-1px;
			font-weight:bold;
		}

/****************************/
/*  GALLERIE
/***************************/

ul#gallerie{
	list-style-type:none; 
	margin-top:15px;
}

ul#gallerie li{
	display:block;float:left;
	
	width:100px;height:75px;
	padding:1px;
	
	margin-right:36px;
	margin-bottom:25px;
	
	/** IE **/
	display:inline;
	background-color:#000;
	border:1px solid #000;
}

ul#gallerie li a{ 
	display:block;float:left;
	
	width:100px;height:75px;
	text-align:center;

}

p.pagination{
	text-align:center;
}


ul#menu_bas{
	list-style-type:none;
	width:260px;
	
	float:right;
}	

	ul#menu_bas li{
		float:left;
		
		background-image:url(../images/menu_bas.gif);
		background-repeat:no-repeat;
		width:98px;height:21px;
		padding:8px 0 0 30px;
	}	
	
	ul#menu_bas li a{ 
		display:block;
		
		background-image:url(../images/puce_menu_bas.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		
		font-weight:bold;
		font-size:12px;
		padding:0 0 0 15px;

	}
	


/****************************/
/*  PIED DE PAGE
/***************************/
div#footer{
	clear:both;
	width:100%;height:103px;
	
	padding-top:0px;
	
	background-image:url(../images/pied_pattern.gif);
	background-repeat:repeat-x;
	background-position:0 31px;
	background-color:#1D0600;
}

	div#contenu_footer{
		width:885px;
		margin-left:185px;
	}
	
	div.footer_accueil{
		background-image:url(../images/centre_bas_bloc_accueil.gif);
		background-repeat:no-repeat;		
	}
		
		