body,html {background-color:#0033FF; color:#000000; margin:0px 0 0px 0;}

#conteneur {margin:auto; width:840px; background-color:#ffffff; font-family:trebuchet MS; text-align:center; border-left:#c0c0c0 1px solid; border-right:#c0c0c0 1px solid;}
#conteneur .gros {font-family:arial; font-size:22px; font-weight:bold;}

#header {margin:auto; height:100px; background:url(logo.gif) center no-repeat; background-color:#E10000; font-size:15px; color:#ffffff; text-align:center; padding:0px 0 0px 12px;}

h1 {display:inline; font-size:13px;}

#contenu {margin:auto; padding:20px 10px 10px 10px; width:600px; float:right; text-align:left; font-size:11px; border-top:#c0c0c0 1px solid;}
#contenu a {text-decoration:underline; font-size:11px; color:#000000; font-weight:normal;} 
#contenu a:hover {text-decoration:none; color:#000000;}
#contenu .promo {clear:both; clear:both; color:#0000ff; font-family:arial; font-size:30px; font-weight:bold;}
#contenu .gros {clear:both; clear:both; color:#ff0000; font-family:arial; font-size:22px; text-decoration:underline; margin:0px; font-weight:bold;}

.bloc {clear:both; margin:auto; padding:0;}
.bloc li {list-style:none; margin:0px; float:left; padding:5px 6px 20px 0; text-align:center;}
.bloc img {width:110px; height:132px; border:#c0c0c0 1px solid; display:block;}

#menu {margin:auto; padding:0 0 20px 0; width:210px; color:#ffffff; background-color:#E10000; float:left; text-align:left; font-size:13px; border-bottom:#C0C0C0 1px solid; border-right:#C0C0C0 1px solid;}
#menu a {text-decoration:underline; font-size:13px; color:#000000;}
#menu a:hover {text-decoration:none; color:#000000;}
#menu ul {margin:auto; padding:0 0 7px 0;}
#menu li {list-style-type:none; line-height:18px; margin-left:10px;}
#menu .top {color:#ffff00; font-size:14px; font-weight:bold;}

.titre {margin:auto; text-align:center; font-family:arial; font-size:18px; font-weight:bold; color:#ffffff; padding:10px 10px 5px 10px; text-decoration:none;}

#bottom {margin:auto; color:#808080; font-size:13px; text-align:center; padding:20px; clear:both;}
#bottom a {color:#808080; text-decoration:none; font-weight:normal; font-size:13px;}
#bottom a:hover {color:#808080; text-decoration:none;}

#index {margin:auto; width:564px; background:url(entrer.gif) top center no-repeat; font-size:13px; margin-top:20px; padding:300px 11px 0px 11px; text-align:left;}
#index .entrer {font-family:arial; font-size:40px; color:#0000ff; font-weight:bold; text-decoration:underline;}
#index a {font-family:Trebuchet MS; text-decoration:underline; font-weight:normal; color:#0000ff; font-size:13px;}
#index a:hover {text-decoration:none; color:#0000ff;}
#index .promo {font-family:arial; color:#0000ff; font-size:20px; font-weight:bold;}
#index .promo2 {font-family:arial; color:#000000; font-size:20px; font-weight:bold;}

#recip {margin:auto; padding:10px; font-size:11px;}
#recip table {margin:auto; width:80%;}
#recip td {text-align:center; vertical-align:top; width:33%;}
#recip a {font-family:arial; text-decoration:underline; font-weight:normal; color:#0000ff; font-size:11px;}
#recip a:hover {text-decoration:none; color:#0000ff;}
#recip ul {margin:auto; padding:0px;}
#recip li {list-style-type:none; margin-left:15px; line-height:23px;}