body{
height: 18cm;
width: 28cm;
color:black;
background-color:white;
background-image:url(ocean.jpeg);
background-repeat:no-repeat;
background-position: 0cm 2.2cm;
background-size: 33.5cm 18cm;
/*width:18cm; */
}
.lettertitle{position: relative;top: -0.65cm;left: 0.5cm;font-style: normal;color:black;
				    letter-spacing: 0.3em;font-family: Apple Chancery, cursive;font-size: 76px;font-weight: 500;
					background : #fff;text-decoration: none;background-color:transparent;width:10%;}
					
.title{position: relative;top: -3.25cm;left: 2.5cm;font-style: normal;color:black;
		  letter-spacing: 0.3em;font-family: Apple Chancery, sans-serif;font-size: 26px;font-weight: 500;
		  background : #fff;text-decoration: none;background-color:transparent;width:10%;}
		  	  
.top{position: relative;top:0.cm;left: 0cm;width:33.5cm;height: 1%;color:black;background-color:black;}

.lieu{position: relative;top: -4.5cm;left: 45%;font-style: normal;color:black;
					letter-spacing: 0.1em;font-family:Avantgarde, sans-serif;font-size: 14px;font-weight: 300;
					background-color: white;text-decoration: none;margin-left:0.1cm;margin-right:0.1cm;width:6cm;}

.subtitle{position: relative;top: -4.2cm;left: 2.7cm;font-style: normal;color:black;
			    letter-spacing: 0.1em;font-family: Avantgarde, sans-serif;font-size: 14px;font-weight: 300;
				 background-color: transparent;text-decoration: none;width:7cm;}

.subtitle2{position: relative;top: -4.1cm;left: 2.9cm;font-style: normal;color:black;
					 letter-spacing: 0.1em;font-family:Avantgarde, sans-serif;font-size: 14px;font-weight: 300;
					 background-color: transparent;text-decoration: none;width:7cm;} 			
					 
#onglets{position: relative;top: -5.25cm;left: 34%;	font : bold 11px Batang, arial, serif;list-style-type : none;margin-left:0.1cm;width:70%;}

#onglets li{float : left;height : 21px;background-color: white;
					  margin-left : 0.25cm;margin-right:0.25cm;border : none;text-decoration: none;}
					  
#onglets a:hover{background : #fff;color:turquoise;}

#onglets a{font-style: normal;font-weight: 300;color:black;letter-spacing: 0.2em;
					  font-family: Avantgarde, sans-serif;width: 1em;font-size: 14px;background : #fff;text-decoration: none;}	 
.fond{position: relative;top: -3.75cm;left: 3cm;font-family:Avantgarde, sans-serif;
	     background-color:white;opacity: 0.8;width:28cm;height:80%;}
	
.mid{position: relative;top:-17.5cm;left: 4cm;width:20cm;height: 4%;color:black;background-image:linear-gradient(to right, transparent, SkyBlue);}

     
.section{position: relative;top: -18cm;left: 4cm;font-family: Avantgarde, sans-serif;
	      letter-spacing: 0.2em;background-color:transparent;width:85%;height:5%;}
				 
.text{position: relative;top: -17.5cm;left: 4.3cm;font-family:Avantgarde, sans-serif;
	      background-color:transparent;font-size: 16px;letter-spacing: 0.1em;width:26cm;height:1%;}