/* --------------Généralités------------*/
* {
padding: 0;
margin: 0;
font-family: "Comic Sans MS";
}
h1 {
padding-top:1em;
padding-bottom: 0.5em;
}
h2 {
padding-top:1em;
padding-bottom: 0.5em;
}
h3 {
padding-top:1em;
padding-bottom: 0.5em;
}
p {
padding-top: 1em;
padding-bottom: 0.5em;
font-size: 1.1em;
}
.souligne {
text-decoration: underline;
}

a img {
border: none;
}
.imageentete {
float: left;
}
.imagedroite {
margin-left: 10px;
}
.imagegauche {
margin-right: 15px;
float: left;
}
.imagegauchetop {
margin-right: 15px;
margin-top: 10px;
float: left;
/*position: relative;*/
top: 10px;
}
.centre {
text-align:center;
}
/*-------------------------------------*/

body {
background-color: #9a9786;
background-image: url(img/a1.gif) no-repeat;
}
.container{
margin:auto;
width: 1000px;
background-color: #ffffd9;
border-left: 10px solid #8d8a77;
border-right: 10px solid #8d8a77;
margin-top:5px;
margin-bottom: 5px;
}

/*------------------En-tête--------------------*/
.entete{
height:117px;
text-align: center;
/*border: 2px solid blue;*/
background-color: yellow;
background-image: url(img/a8.gif);
}
.entete h1 {
padding: 0;
padding-top: 0.3em;
padding-bottom:0.2em;
} 
.entete h2 {
padding:0;
}

/*-------------------------------------------*/

/*-----------------barre de navigation-------*/
.bn {
height: 40px;
line-height: 40px;
background-color: maroon;
}
.bn a {
text-decoration: none;
color: white;
padding-left: 10px;
padding-right: 10px;
padding-top: 9px;
padding-bottom:8px;
}
.bn a:hover {
background-color: #4c0000;
line-height: 40px;
}

/*-----------------------------------------*/

/*-------------Principal-------------------*/
.main {
margin-top: 15px;
}
/*----------------------------------------*/


/*-------------texte---------------------*/
.texte {
margin-top:0px;

margin-left: 10px;
margin-right: 10px;
}
/*------------------------------------------*/

/*----------------------pied de page----------------*/
.footer {
clear: both;
background-color: maroon;
color: white;
margin-top: 20px;
text-align: center;
height: 80px;
line-height: 40px;
padding: 0;
/*margin: 0;*/
}
.footer h3 {
padding: 0;
}
.footer p {
padding:0;
margin:0;
}
.footer a {
color: white;
}
/*------------------------------------------------*/

/*----------particulier à "écocentre"------------*/
.localisation {
/*background-color: grey;*/
min-height: 205px;
}
.localisation img {
float: right;
margin-top:40px;
margin-left: 10px;
}
.carteecocentre {
text-align: center;
clear: both;
margin-top: 50px;
}
/*--------------------------------------------*/


/*---------------particulier à voyage au vietnam-------------*/
.introvoyage {
font-size: 1.2em;
}
.introvoyage img {
position: relative;
bottom: 10px;
}

.voyage ul {
margin-left: 60px;
}
.voyage {
margin-left: 30px;
}
.voyage li {
padding-bottom: 10px;
}

.monnaie td {
width: 300px;
/*border: 1px solid black;*/
}

.monnaie {
margin: auto;
text-align: center;
}

/*----------------------------------------------------------*/


/*---------------particulier à "hochiminf"-----------------*/
.hochiminh {
float:right;
}
.hochiminh td {
text-align:center;
font-size: 0.8em;
}

/*----------------------------------------------------------*/


/*-----------------particulier à "départ"-------------------*/

.depart li {
margin-left: 60px;
font-size: 1.2em;
padding-bottom: 20px;
}





/*----------------------------------------------------------*/



/*-----------------particulier à hanoi----------------------*/

/*----------------------------------------------------------*/



/*-----------------particulier à Along----------------------*/

/*----------------------------------------------------------*/



/*-----------------particulier à SAPA----------------------*/

/*----------------------------------------------------------*/




