html { 
  font-size: 100%; 
} 
body
{
	margin: 20px 0 ;
	padding: 0 ;
	text-align: center ;
	background: #003300 ;

}
h1
{  color: #444;
    margin: 1em 0 .8em 0;
    line-height: 1.3em;
	padding-left: 5px ;
	border-bottom: 1px solid #143D38;
	border-left: 3px solid #143D38;
    font-family:  arial, Trebuchet MS, helvetica, sans-serif ;
    font-size: 1.5em;
}
div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: center ;
    border: 2px solid yellow ;
	background: #FFFFFF ;/*#dea*/
} 
div#en_tete
{
	height: 180px ;
    background-image: url(image/bandeau_770-01.jpg) 
}
div#menu 
{
    margin-bottom: 30px ;
    padding-left: 21px;
    padding-top: 13px;
    padding-bottom: 10px;
    height: 40px ;
    border-top: 2px solid yellow ;
    border-bottom: 2px solid yellow ;	
    background-color: #003300;
}
.menu1 a   
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/photos.png) no-repeat ;
    float: left; 
    margin: 0 auto;
}
.menu1 a:hover
{
   background-position : 0 -39px;
}
.menu2 a   
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/video.png) no-repeat ;
    float: left; 
    margin: 0 auto;
}
.menu2 a:hover
{
   background-position : 0 -39px;
}
.menu3 a   
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/tarifs.png) no-repeat ;
    float: left; 
    margin: 0 auto;
}
.menu3 a:hover
{
   background-position : 0 -39px;
}
.menu4 a  
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/contact.png) no-repeat ;
    float: left; 
    margin: 0 auto;
}
.menu4 a:hover
{
   background-position : 0 -39px;
}
.menu5 a   
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/liens.png) no-repeat ;
    float: left; 
    margin: 0 auto;
}
.menu5 a:hover
{
   background-position : 0 -39px;
}
div#contenu
{
	padding: 0 30px 0 100px ;
	background: url(image/antsirabe-mada7.jpg) no-repeat 24px 0px;
}
div#contenu h2
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #143D38;
	border-left: 3px solid #143D38;
	color: #143D38 ; /*#9b2*/
    font-family: "Trebuchet MS", helvetica, sans-serif ;
}
div#contenu a
{
	font-style: italic;
	text-decoration: none;
	color: #F88407 ;
}
div#contenu a:hover
{
	color: maroon;
}
#corps p
{
    text-align: justify ;
	text-indent: 2em ;
	line-height: 1.6em ;
    font: 1em Comic Sans MS, Trebuchet MS, Arial, Arial Black, Times New Roman, serif;
    color: #143D38;
 }
#corps
{
	margin-top: 40px ;
    background: #dea ;
	border: 2px solid #003333 ;
	padding: 5px 5px 5px 5px ;
}
#trip
{
	float: left;
}
#pub
{
	float: right;
	margin-left: 10px;
}
#corps h3
{
	color: #143D38 ; /*#9b2*/
    font-family: "Trebuchet MS", helvetica, sans-serif ;
    text-align: center ;
}
.drap
{
   float: left;
}
.drp
{
   float: right;
}
a img 
{
   border: none; 
}
div#pied_de_page a
{   text-decoration: none;
    font-style: italic;
    font-family:"Trebuchet MS", Arial, "Arial Black", "Times New Roman", serif;
	color: #4E4E4E;
    font-size: 0.9em; 
    text-align: center ;
}
div#pied_de_page a:hover
{   
	color: black;    }
div#liens_pied_de_page 
{   margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
     }
div#liens_pied_de_page a
{   text-decoration: none;
    font-family:"Trebuchet MS", Arial, "Arial Black", "Times New Roman", serif;
	color: #666666;
    font-size: 0.7em; 
    margin-left: 20px;
     }
div#liens_pied_de_page a:hover
{   
	color: white;   
 }