/* l'adresse relative des images est fixé en fonction de l'adresse de css */
body {
	   background-image: url("fond_mer_Benin.jpg");
	   background-repeat: repeat-x;
	   background-color: #71aaf7;
	   font-family: "Georgia", Palatino, Times New Roman, serif;
	   
	   /*font-weight:bold; */ }

	   
	   
.banniere	{
			height: 85px;
			width: 100%;
			}
			
			
.centre	{
		background-color: white;
		height: 100%;
		width: 70%;
		margin-left: 15%;
		margin-right:15%;
		padding-bottom: 10px;
		
		/* permet de rendre le fond transparent. A voir si utile.
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity: 0.5;*/
		}


.centreTexte	{
		width: 85%;
		margin-top: 10px;
		margin-left: 10%;
		margin-right:5%;
		
		/* permet de rendre le fond transparent. A voir si utile.
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity: 1;*/
		
		}
		
.menu	{
		/*background-color: yellow;*/
		float : left;
		position:absolute;
		top:100px;
		left: 10px;
		width: 14%;
		height: 400px;
		/*position : fixed;*/
		}



.bas	{
		background-image: url("adresse_bungalows_Grand_Popo.gif");
		background-repeat: no-repeat;
		background-position:center;
		text-align: center;
		width: 100%;
		height: 55px;
		/*position : fixed;*/
		
		}


.palmier{
		margin-top: 10px;
		width: 30%;
		}		

.photo1{
		margin-top: 10px;
		padding-left:7%;
		width: 60%;
		}
.photo2{
		margin-top: 10px;
		padding-left:10%;
		width: 40%;
		}
.photo3{
		margin-top: 10px;
		margin-left:5%;
		width: 40%;
		}	

.photoCentre{
		margin-top: 10px;
		margin-left:30%;
		width: 40%;
		}			
		
.bungalow_description{
		margin-top: 60px;
		padding-left:10%;
		width: 40%;
		float:left;
		}
		
		
		
		
		
		
		
		
		
		
		
		
/*APPARENCE DU BOUTON */		
.bouton	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:white;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:10px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		/*
		
		padding: 5px 0 0 0;*/
		}


/* APPARENCE DU BOUTON QUAND LA SOURIS PASSE DESSUS */		
.bouton:hover	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:black;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:10px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		
		}
		
/* APPARENCE DU BOUTON QUAND LE LIEN A ETE VISITE */
.bouton:visited	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:yellow;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:10px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		/*
		
		padding: 5px 0 0 0;*/
		}
		
		
		
.boutonLong	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:white;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:5px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		/*
		
		padding: 5px 0 0 0;*/
		}


/* APPARENCE DU BOUTON QUAND LA SOURIS PASSE DESSUS */		
.boutonLong:hover	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:black;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:5px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		
		}
		
/* APPARENCE DU BOUTON QUAND LE LIEN A ETE VISITE */
.boutonLong:visited	{		
		display: block;		/*permet d'indiquer qu'il s'agit d'un bloc*/
		/*taille du bouton*/
		width:100px;
		height:44px;
		
		/*indication concernant le style du texte*/
		font-weight: bold;
		text-decoration: none;
		text-align:center;
		color:yellow;
		
		/*alignement des boutons*/
		position:relative;
		top:10%;
		margin: 5px auto;
		padding-top:5px;
		background-image: url("bouton.gif");
		background-repeat: no-repeat;
		/*
		
		padding: 5px 0 0 0;*/
		}