 <style type="text/css">

body {background-color :yellow ;     }


#titre  { 
	position:absolute;
	left: 400px;
	top: 10px;
	border :2px solid red;
 	opacity : 1;
        padding : 0.1em;        
background-color : aqua;
	font-size:2.5em;
        text-align : center;
        color :rgba(0,0,0,1);
        text-shadow: 2px 2px 0px red;
}





#accueil  { 
	position:absolute;
	left: 10px;
	top: 10px;
	width:  auto;
	height : auto;
	font-size:1.5em;
	background-color:yellow;
	padding : 0.5em;
	border-radius: 80px 80px 80px 80px / 100px 100px 100px 100px;
        box-shadow: 10px 10px 10px red;
		opacity : 0.6;
 
}

#retour  { 
	position:absolute;
	left: 1500px;
	top: 10px;
	width:  auto;
	height : auto;
	font-size:1.5em;
	background-color:yellow;
	padding : 0.5em;
	border-radius: 80px 80px 80px 80px / 100px 100px 100px 100px;
        box-shadow: 10px 10px 10px red;
		opacity : 0.6;
 
}
#cadre1  { 
	position:absolute;
	left: 150px;
	top: 120px;
        background-color : silver;
	border-image : url(rainbow05.gif) 100 /30px / 10px round stretch;
}


#precedente{ 
	position:absolute;
	left: 10px;
	top: 200px;
	font-size:1.5em;
        background-color : silver;
	border-image : url(rainbow05.gif) 100 /30px / 10px round stretch;
        text-align : center;
	padding: 15px;

}
#suivante{ 
	position:absolute;
	left: 1500px;
	top: 200px;
	font-size:1.5em;
        background-color : silver;
	border-image : url(rainbow05.gif) 100 /30px / 10px round stretch;
        text-align : center;
	padding: 15px;
}




</style>