@charset "windows-1252";
*
body
{  
  width:1000px;
   margin:auto;
   margin-top:10px;	 
   margin-bottom:10px;  
    background-color:#33CCFF; 
     	 
   }		 
/* L'en-tête */

#en_tete
{float:left;  top: 10px; width: 900px; height:100px; border: 2px solid #6633CC;
   background-image: url("http://villages-perches-06.fr/Nouveau-site/logo.jpg");	 	
   background-repeat: no-repeat;}  
   
  /* Le menu */

{
	margin:0;
	padding:0;
}
#menu{
	float:left;
	background:#6699CC;
	 margin-top: 102px;
	height:50px;
}
.menu{
	float:left;
	width:100px;
	height:48px;
	text-align:center;
}
.menu a{
	display:block;
	height:30px;
	padding-top:16px;
}
.menu a:link, .menu a:visited{
	text-decoration:none;
	color: #000000;
	font-family:verdana, sans-serif;
	font-size:11px;
	background:#33CCFF  
}
.menu#activ a:link, .menu#activ a:visited{
	background:#33CCFF ;
	color: #000000;
}
.menu a:hover, .menu a:active, .menu a:focus{
	background:#33CCFF  
	color: #339933;
}
.menu#activ a:hover, .menu #activ a:active, .menu#activ a:focus{
	background:#33CCFF;
	color: #339933;
}
	
h1 {color:black; 
       font-size: 1.2em;
      font-weight: bold;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;} 
  
h2 {color:black; 
       font-size: 1em;
      font-weight: bold;
  font-family: "Comic Sans MS",Arial,"Times New Roman",serif;}             
 
  #corps
{ 
   margin-bottom:100px;
   margin-left: 10px;
   margin-top:60px;	   
   padding: 20px;
   color: black;
   background-color:#33CCFF;
} 
  
 #corps p 
{ color:black; font-size: 16px; 
    font-family: "Comic Sans MS",Arial,"Times New Roman",serif;
    text-align: justify;
}	  
 
 a:active /* Quand le visiteur clique sur le lien */ 
 a:hover /* Quand le visiteur pointe sur le lien */
{ color: red; text-decoration: underline; background-color:#333333;}
 a {color:#FF9933; text-decoration: underline; margin-left: 10px; background-color:#333333;}

.imageflottante
{
    float: right; margin-left: 40px; 
}


 

.image 
{ position: absolute; left:770px; top:200px; width:250px; height:187px; } 
.image2 
{ position: absolute; left:630px; top:200px; width:250px; height:187px; }

.image5 
   { padding:10px; margin-left: 50px; width:760px; } 
   
   	  


#menuvil 
  { position: absolute; left:30px; top:430px; text-align: justify; color:black;}
 
 a:active /* Quand le visiteur clique sur le lien */
 {background-color: #33CCFF;}
 a:hover /* Quand le visiteur pointe sur le lien */
{text-decoration: underline; color: red; background-color: #33CCFF;}
 a { color:black; text-decoration: underline; margin-left: 10px;font-size: 19px;
 font-family: "Comic Sans MS",Arial,"Times New Roman",serif; background-color: #33CCFF;}
 
 #pied_page 
{ 		
		margin-top:140px;
        width: 900px;
		height: 50px;
      background-color: #33CCFF;
     border: 2px solid #3300FF;
	 text-align:center;
}
	 

#pied_page a
{		
     color:black; font-size: 12px;
   	 
}