body {
	background: #ccddff;
	color: #000;
	font-family: verdana;
	font-size :12px;
	text-decoration: none ;	
}
body a{
	color: #000;
	text-decoration: none ;	
}
.site {
	border:1px solid black;
}
.entete {
	border-bottom:1px solid black;
	background: #333;
	/*height: 130px;*/
	/*background : url(../gfx/titre1.jpg);*/
	cursor:pointer;
}
.barre {
	background: #ffcc22;
	height: 5px;
}
.corps {
	border-top:1px solid black;
	border-bottom:1px solid black;
	background: #fff;
}
.corpsg {
	cursor:pointer;
	border-bottom:1px solid black;
	height: 25px;
}
.corpsgb {
	color: #fff;
	text-align:left;
}
.corpsgb a{
	color: #f00;
}
.corpsgb a:hover{
	color: #f00;
	text-decoration:underline;
}
.corpsgb input {
	border:1px dashed #888;
	background-color: #444; 
	color:#fff;
}
.corpsgb2 input {
	border:1px solid #888;
	/*background-color: #4ff; 
	color:#f0f;*/
}
.corpsd {
	border-left:1px solid black;
	background : url(../gfx/back01.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
}
.corpsd input{
	border:1px solid #ffcc22;
	background-color: #ffffff; 
	color:#000000;
}
.article {
	text-align: justify ;
}
.article a:hover{
	background: #ffcc22;
}
.atitle h1,h2,h3{
	font-family: verdana;
	font-size :12px;
	border-bottom:1px solid #ffaa00;
	display : inline;
	display: block;
}
.cp {
	cursor:pointer;
}
.but {
	border:1px solid black;
	cursor:pointer;
}
.vignette img{
	border:2px solid black;
}
.vignette a:hover img{
	border:2px solid red;
}
.cadre {
	border:2px solid black;
}
.tright{
	text-align:right;
}
.infobulle{
    /*width : 200px;*/
    position: absolute;   
    visibility : hidden;
    border: 2px solid #ffaa00;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #ffffff;
	/*font-weight:bold;*/
}
.tab{
	font-family: verdana;
	font-size :12px;
	border-collapse:collapse;
	border:1px solid #002288;
	cursor:pointer;
}
.tab a:hover{
	background: #ddddff;
}
.tab th{
	border:1px solid #002288;
    background-color: #ffcc22;
}
.tab td{
	font-size :11px;
	border-left:1px solid #002288;
	border-right:1px solid #002288;
}
.subsite a:hover{
	color:#f00;
	text-decoration:underline;
}
a.photoart img {
	background-color: #ffffff;
	background: #ffffff;
}
.photoart img {
	background: #ffffff;
	border:2px solid #444444;
	background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}
a.photoart:hover img {
	background: #ffffff;
	background-color: #ffffff;
	border:2px solid #ffcc00;
	-moz-opacity:0.8;
	#filter: Alpha (opacity=80, finishopacity=70, style=2);
}
.tabphoto a:hover{
	background: #ffffff;
}
.legende{
	font-size :10px;
}