@import url(css/hcard.css);



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #c8e5f7;
}


ul,h1,h2,h3,h4,h5,h6,p
{
	margin:0;
	padding:0;
}



.menu {
margin-left: 5px;
margin-top: 10px;
	
}

.menu ul{
	list-style: none;
}

.menu ul li{
	display: block;
	width: 167px;
	height: 45px;
	
	line-height: 45px;
	text-align: center;
	
}
.menu ul li a{
	display: block;
	width: 167px;
	height: 45px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	
	background-image: url(interface/menubg.jpg);
	background-repeat: no-repeat;
}

.menu ul li a:hover{

	background-image: url(interface/menubgv.jpg);
	background-repeat: no-repeat;
	color: aqua;
}


.baseline ul{
	list-style: none;
}

.baseline ul li{
	float: left;
	display: block;
	width: 105px;	
	text-align: center;	
	padding: 1px;
}
.baseline ul li a{
	display: block;
	width: 105px;	
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	background-color: #4682b4;	
}

.baseline ul li a:hover{	
	color: white;
	background-color: #a52a2a;
}

.bas{
	background-image: url(interface/index_r5_c6.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.TXT1 {
	
	background-color: #C8E5F7;
	background-image: url(interface/contbg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat; width: 100%; margin: 10px;
}



a img {
	border: 1px solid white;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-style: normal;
	font-weight: normal;
	color: #CCD9FF;
	display:none;
}
h2 {
	font-family: "Trebuchet MS";
	font-size: 25px;	
	color: maroon;
	border-bottom: 1px solid maroon;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	color: #254461;
	padding: 5px;
}

.contenu{
width:100%;
}

.contenu p{
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: black;
	padding: 10px;
}
.hbg{
	background-image: url(interface/hbg.jpg);
	background-repeat: no-repeat;
}





.trait {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
}
.img-fond {
	background-image:   url(interface/index_r3_c1.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.barre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.tableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6532AB;
	border: thin solid #6532AB;
}

#powered { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: black;
  text-decoration: none; 
  vertical-align: middle; 
  padding-left: 10px; 
   
  }
  
 #powered img { 
  height: 12px; 
  width: 12px; 
  margin-bottom:2px; 
  margin-right: 4px; 
  vertical-align: middle; 
  border: 0px; 
  }
  
.imgDroite {
	border: 1px solid #FFFFFF;
	margin: 5px;
	
}

.imgRight {
	border: 1px solid #FFFFFF;
	margin: 0px 20px 10px -5px;
	
}

.imgDroite1 {
	border: 1px solid #FFFFFF;
	margin: 5px;
	margin-right: 150px;
	
}