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

}
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: left ;
    border: 2px solid aqua ;
	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 aqua ;
    border-bottom: 2px solid aqua ;	
    background-color: #003333;
}
.menu1 a   
{
	width: 145px ;
	height: 41px ;
	display: block ;
	background: url(image/accueil.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/photos.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/video.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/tarifs.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-mada3.jpg) no-repeat 24px 0px;
}
div#contenu h2, h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid aqua;
	border-left: 3px solid aqua;
	color: #143D38 ; /*#9b2*/
    font-family: "Trebuchet MS", helvetica, sans-serif ;
}
#corps
{
	
	margin-top: 40px ;
    background: #003333 ;
	border: 2px solid aqua ;
	padding: 0 45px 50px 45px ;
}
#trip
{
	float: left;
}
#pub
{
	float: right;
}
#corps a
{
   text-decoration: none; 
   color: aqua; 
   font-style: italic; 
}
#corps a:hover 
{
   background-color: yellow;
   color: black;
}
div#corps h2
{
   text-align: center;
   font-family: "Trebuchet MS", "Arial Black", "Times New Roman", serif;                                                                                                                           
   margin-left: 95px;
   width: 350px;
   margin-top: 50px;
   margin-bottom: 60px;
   color: yellow;
}
#corps p
{
   font-family: Arial,"Trebuchet MS", "Arial Black", "Times New Roman", serif;
   text-align: center;
   font-size: 100%;
   color: yellow;
 }
.drap
{
   float: left;
   display: block;
   margin-left: 60px;
}
a img 
{
   border: none; 
}
div#pied_de_page
{   text-align: center ;
}
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; 
}
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: #4E4E4E;
    font-size: 0.7em; 
    margin-left: 20px;
     }
div#liens_pied_de_page a:hover
{   
	color: white;    
}