* {
	margin: 0 ;
	padding: 0 ;
}

body {
	background-color:#ffbb00;
	font-family: comics sans ms, arial, vera, helvetica, sans-serif; 
	color: #000;
	font-size: 85% ;
}

a:link, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
}

a:visited { 
	color: #fff;
}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}
	
p{
	text-align: justify;
	font-family: vera, sans-serif;
	margin: 0 10px ;
	margin-top: 30px;
	margin-bottom : 15px;
	width: 600px;
}

h1, h2, h3, h4{ 
	font: 200% vera, sans-serif ; 
	font-weight: bold;
	letter-spacing: 2px; 
	}
	
h1 {
	text-align: center ;
	margin-right: 100px ;
	padding: 30px 0 ;
}
	
h2 {
	font-size: 130% ;
	margin-left: 5px ;
	padding: 10px 0 ;
}

h3 {
	font-size: 100% ; 
	margin-right: 150px ;
	margin-bottom: 20px;
	margin-top: 20px;
}

h4{
	font-size: 80% ; 
}

ul{
	font-family: verdana, helvetica, sans-serif;
	margin-right: 60px ;
}


#menu {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 160px ;
	margin : 0;
	top: 50px ;
	left: 10px ;
	position: absolute;
	font-size: 80% ;
}

#menu a {
	display: block;
	padding: 3px;
	background-color: #ffbb00;
	border-bottom: 1px solid #eee;
}

#menu a:link, #menu a:visited {
	color: #000;
}
	
			
#menu a:hover, #menu a:active {
	color: #fff;
	text-decoration: underline ;
}

#abeille {
	border: 0 ;
	position:fixed ;
	top: 10px ;
	right: 10px ;
	margin-bottom: 10px;
	margin-right: 10px;
}

#contenu {
	margin-left: 170px ;
	background-color: #ffcc00;
}

#infos_mise_a_jour {
	color: #000;
	border: solid #000;
	border-style: groove ;
	border-width: 3px 1px 1px 1px;
	font-family: verdana,sans-serif;
	margin-top: 450px;
	font-size: 75% ;
}

#nouvelles {
	color: #000000;
	background-color: #ffbb00;
	margin-left: 40px;
	margin-right: 160px;
	font-family: georgia, sans-serif;
}


#nouvelles a {
	color: #9685BA ;
}

#nouvelles li {
	list-style: none ;
}

.image {
float: right;
border: 0 ;
margin: 10px;
}

.image2 {
border: 0 ;
margin-left: 60px;
margin-right: 160px;
}

.image3 {
border: 0 ;
}

.puce {
margin-left: 60px;
margin-right: 160px;
list-style-image: url(images/puce.gif);
margin-top: 15px;
margin-bottom : 15px;
}

.retrait {
margin-left: 40px;
margin-top: 10px;
margin-bottom : 10px;
}
.table1 {
position : relative;
border: 2px solid #b8b8d1;
border-style: dotted;
text-align: center;
margin-left: 50px;
font-family: verdana, helvetica, sans-serif;
font-size: 10pt;        
}        

.table2 {
position : relative;
border: 2px solid #d4a900;
text-align: center;
margin-left: 40px;
margin-right: 160px;
margin-top: 15px;
margin-bottom : 15px;
font-family: verdana, helvetica, sans-serif;
font-size: 10pt;        
} 
       
th {
font-family: monospace;
text-align: left;
}

td {
border: 1px solid #d4a900;
text-align: center;
}

.tarif1 {
background-color: #ff0000;
}

.tarif2 {
background-color: #acfa66;
}


.occup {
background-image:url(images/abeille1.jpg);
}

.notice {
font-size: small;
margin-left: 40px;
margin-right: 160px;
text-align: left;
}


#importantp img {
border: 0 ;
}

#importantp {
margin-left: 40px;
margin-right: 160px;
text-align: center;
background-color: #ffbb00;
font-weight: bold;
}

.important {
margin-left: 40px;
margin-right: 160px;
text-align: center;
background-color: #ffbb00;
font-weight: bold;
}

.lint {
font-weight: normal; 
}

#bloga a {font-weight:normal; color:black;}

.indispo {font-size:medium;
color:blue;}