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

}
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 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: #000066 ;
}
.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/contact.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-mada4.jpg) no-repeat 24px 0px;
}
div#contenu h2, h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #000066;
	border-left: 3px solid #000066;
	color: #000066 ; /*#9b2*/
    font-family: "Trebuchet MS", helvetica, sans-serif ;
}
#corps
{
	margin-top: 40px ;
    background: #000066 ;
	border: 2px solid yellow ;
	padding-bottom: 100px ;
	padding-top: 40px ;
    color: #FFFFFF ;
}
#corps a
{
	color: yellow;
}
#corps a:hover 
{
   background-color: orange;
   color: black;
}
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;    
}
