*{ font-family:sans-serif; }

img{ border:0; }

form{ margin:0; padding:0; }

body{ margin:0; padding:0; padding-bottom:30px; background:#f0f5ff url(img/fond.png) repeat-x; text-align:center; }

.recherche{ width:371px; height:60px; margin-left:auto; margin-right:auto; background:url(img/fond_recherche.png) no-repeat; text-align:left; }
 .recherche .recherche_champ{ padding:0; margin-left:20px; margin-top:7px; width:250px; border:0; background:transparent; vertical-align:top; font-size:14px; }
 .recherche .recherche_ok{ margin-left:5px; margin-top:4px; width:85px; height:25px; border:0; background:transparent; vertical-align:top; cursor:pointer; }

.header{ width:929px; height:190px; margin-left:auto; margin-right:auto; background:url(img/fond_header.png) no-repeat; text-align:left; }
 .header .avatar{ float:left; width:226px; height:150px; margin-top:20px; margin-left:20px; margin-right:20px; }
 .header h1{ margin:0; padding:0; padding-top:15px; font-size:38px; color:#60a4ff; font-style:italic; }
 .header p{ margin:0; padding:0; margin-top:10px; padding-right:20px; font-size:17px; color:black; font-style:italic; }

.avoir{ margin-top:30px; }
 .avoir a img{ width:300px; height:250px; }
 .avoir a:hover img{ width:300px; height:250px; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }
 .avoir .progboards img{ margin-left:15px; margin-right:15px; }
 .avoir .rapidosurf img{ margin-left:15px; margin-right:15px; }

.copyright{ margin-top:30px; font-size:10px; color:#70adff; }
 .copyright a{ text-decoration:none; font-size:10px; color:#70adff; }
 .copyright a:hover{ text-decoration:underline; }