*{ font-family:sans-serif; font-size:10px; }

body{ margin:0; padding:0; color:black; background-color:#fff; }

a{ text-decoration:none; font-size:12px; color:#f66; }
a:hover{ color:#f80000; }

div.top{ text-align:center; }
 img.logo{ width:468px; height:60px; border:0; }
 a.videos{ font-size:22px; color:blue; }
 a.videos:hover{ color:#00a; text-decoration:underline; }

div.page{ margin-top:15px; text-align:center; }
 div.titre{ font-size:24px; color:#e00; }

div.mention{ margin-top:10px; text-align:center; font-size:10px; color:gray; }
 a.mention{ text-decoration:none; font-size:10px; color:gray; }
 a.mention:hover{ color:black; }

div.xiti{ margin-top:5px; text-align:center; text-align:center; }

div.liensg{ position:absolute; top:20px; left:10px; width:170px; padding:5px; background-color:#f8dfdf; border:#f89f9f 1px solid; }
 div.liensg_titre{ text-align:center; font-weight:bold; font-size:14px; margin-bottom:10px; }
 a.liensg{ color:#f84040; }
 a.liensg:hover{ text-decoration:underline; }
 div.liens_autre{ text-align:center; padding-top:10px; }

div#menud{ position:absolute; font-size:12px; top:100px; right:10px; width:170px; text-align:center; padding:5px; background-color:#f8dfdf; border:#f89f9f 1px solid; }
 div#menud a{ color:#f84040; }
 div#menud a:hover{ text-decoration:underline; }