body {
margin-bottom: 0 px	;
margin-top:0 ;
margin-left:0  ;
margin-right:0;
font-family:trebuchet ms, Tahoma;
color: navy;
} 

td {
margin-bottom: 0 px	;
margin-top:0 ;
margin-left:0  ;
margin-right:0;
font-family:trebuchet ms, Tahoma; 
color: navy;
}

.text_1 {
	font-family: Tahoma, arial;
	font-size: 17px;
	line-height: 20px;
	color: navy;
}

.text_2 {
	font-family:trebuchet ms, Tahoma;
	font-size: 10px;
	line-height: 11px;
	color: #55535C;
}

.gite {
	font-family:arial;
	font-size: 10px;
	line-height: 10px;
	color: Navy;
}
.date {
	font-family:arial narrow;
	font-size: 9px;
	line-height: 10px;
	color: Navy;
}
.copy {
	font-family:arial;
	font-size: 9px;
	line-height: 11px;
	color: #FFFF00;
}

h1, span {
font: bold 25px trebuchet ms, Lucida Console, arial, sans-serif;
}
h1 {
position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN */
color: gray;
}
h1 span {
position: absolute; /* on superpose le SPAN sur le titre */
top: -1px; /* on décale le SPAN */
left: -1px;
color: Blue;
}

.bloc_coins {
	background: transparent; 
	width:800; }
.bloc_coins h1, .bloc_coins p {
	margin:0 10px; }
.bloc_coins h1 {
	font-size:2em; 
	color:navy; }
.bloc_coins p {
	padding-bottom:0.5em;}
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3, .bloc_coins .b4 {
	display:block; 
	overflow:hidden; 
	font-size:1px; }
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3 {
	height:1px; }
.bloc_coins .b2 {
	background:#ccffff; 
	border-left:1px solid navy; 
	border-right:1px solid #aaa; }
.bloc_coins .b3 {
	background:#ccffff; 
	border-left:1px solid navy; 
	border-right:1px solid #ddd; }
.bloc_coins .b4 {
	background:#ccffff; 
	border-left:1px solid navy; 
	border-right:1px solid #eee; }
.bloc_coins .b1 {
	margin:0 5px; 
	background:navy; }
.bloc_coins .b2 {
	margin:0 3px; 
	border-width:0 2px;}
.bloc_coins .b3 {
	margin:0 2px;}
.bloc_coins .b4 {
	height:2px; 
	margin:0 1px;}
.bloc_coins .bloc_contenu {
	display:block; 
	background:#ccffff; 
	border-left:1px solid navy; 
	border-right:1px solid gray;
	height:400; }
	
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: aqua;
padding: 5px;
left: -1000px;
border: 1px solid navy;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450px;
left: -450px; /*position where enlarged image should offset horizontally */
}