.coords {
   text-align : right;
   float: right; 
}

.caption {
  text-align : center ;
}

body { 
  margin: 1em 1em 1em 1em;
  background-color: white;	
  border: 1px;
/*  margin-left:10px;*/
  }

* {
line-height: 1.2 ;
}

h1 {
	color : teal
}


a {	
	color:teal;
	text-decoration: none
}

a:hover{
	color : olive ;
}

.title { 
	text-align: center; 
        border-width: 1px;        /* Applique une bordure sur les quatre côtés */
	border-style:solid;
	border-color : teal;
	color : teal ;
	background : #CCCCCC ;
  }

.prelude {
	text-align: left;
	font-size : smaller ;
	float : left;
}
.postlude { 
	text-align: center; margin: -0 -0 -0 -0;
        border-width: 1px;        /* Applique une bordure sur les quatre côtés */
	border-style:solid;
	color : teal;
	border-color : teal;
        background : #CCCCCC ;
  }

.navi {
	margin-right : 4px ;
	padding-left : 2px ;
	padding-right : 2px ;
        border-width: 1px;        
	border-top : 0px ;
	border-style:solid;
	border-color : teal;
	float : left ;
}

.lang {
	padding-left : 2px ;
	padding-right : 2px ;
        border-width: 1px;        
	border-top : 0px ;
	border-style:solid;
	border-color : teal;
	float : right ;
}

.intro {
	margin : 1em 1em 1em 1em ;
	font-style : italic ;
	width : 400px
	}
#titre { /* border: dotted red 1px; */
height: 228px;
margin: 0 0 0 0;
background-image: url("balancoire3.png");
background-repeat: no-repeat;
text-align: center;
vertical-align: bottom;}

div.coord {
left:100px;
padding-left: 20px;
margin-left:8px}

/*#titre h1 {*/
h1 {
  font-size: 100%;
  font-weight:normal
  font-style : normal ;
	margin-bottom: 0px;
	padding-bottom: 0px;
  padding-right: 21px;
  padding-left: 20px;
  padding-top: 7px;	
}
h2 {
  font-size: 100%;
  font-weight:normal
  font-style : normal ;
	margin-bottom: 0px;
	padding-bottom: 0px;
  padding-right: 21px;
  padding-left: 20px;
  padding-top: 7px;	
}