/* CSS Document */

/* BALISE */
body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../img/fond.gif) repeat}
h1{ font-size:18px ; font-weight:bold; margin:0; padding:0 10px; }
h2{font-size:12px; font-weight:bold; margin:0; padding:0 10px 0px 10px; color:#666}
h3{font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 10px; color:#005277}
p{ font-size:12px; line-height:18px; margin:0; padding:0 10px 10px 10px; color:#555}
a{color:#9B3300; text-decoration:none}
a:hover{ text-decoration:underline}
a img{ border:0}

/* classes*/
.col{ float:left}
.invisible{ display:none}
.separator{ background:url(../img/separator.gif) repeat-x 10px; height:21px; width:610px; margin:0 10px}

/* ID */
#container{ width:767px; margin:0 auto; margin-top:10px}

#init p{ font-size:9px; text-align:center; margin:0; padding:0 0 7px 0}

#header{ background:url(../img/header.jpg) no-repeat; width:767px; height:172px }
#header a{ width:100% ; height:115px; display:block;}
#header #menu{position:relative; top:27px; left:305px; width:450px; height:0px}
#header #menu span{ position:relative; top:3px; font-weight:bold; color:#005277; text-decoration:none}

#header #menu a{ display:inline; font-size:10px; text-decoration:underline}

#header #site{float:left;width:270px;height:115px;}
#header #site a{display:block; }
#header #home{float:left; width:490px; height:115px;}
#header #home a{display:block; height:115px; }

#content{ background:url(../img/content.gif) repeat-y;}
#left{ width:630px}
#left h1{ font-size:24px; color:#9B3300; margin:15px 0px}
#left .news h1{ font-size:18px; color:#274D4D; margin:0}
#left .news h1 a{color:#274D4D;}
#left .news h1 a:hover{text-decoration:none}
#left .news p a.nodecoration{color:#555;}
#left .news p a.nodecoration:hover{text-decoration:none}

#left .news  a{ color:#9B3300}

#left #full_banner{ width:468px; height:60px; margin:0 10px}

#right{ width:130px;}
.button{ width:120px ; height:90px; margin:0 0 10px 0;}

#intro h1{font-size:12px; font-weight:bold; margin:0; padding:0 10px 0 10px; color:#274D4D}
#intro p{font-size:12px; margin:0; padding:0 10px 0 10px; color:#555}
#intro em{font-size:12px; font-weight:bold; ;font-style:normal; color:#555;}

#top_products{clear:both; background:url(../img/top_products.gif) no-repeat; width:767px; height:27px}
#products{ background:url(../img/products.gif) repeat-y}
#products h1{color:#274D4D; font-size:24px; margin:0 10px 10px; height:30px ;}
#products p{ margin:0 30px 0 80px; padding:0; background-color:#FFF}

#products .separator{clear:both; background:url(../img/separator.gif) repeat-x 10px; height:21px; width:720px; margin:0 20px}

#products img{ float:left; margin:0 0 0 20px; border:1px solid #666 }
#products a{ color:#666}

#products .product h1{ font-weight:normal; font-size:12px; margin:0 30px 0 80px; padding:5px 0 0 15px; background:#FFF url(../img/puce_yellow.gif) no-repeat 2px 10px;height:15px}
#products .product p{padding:0 0 5px 15px;}
#products .product_paid p{font-weight:bold;padding:0 0 5px 15px;}
#products .product_paid h1{ font-size:12px; margin:0 30px 0 80px; padding:5px 0 0 15px; background:#FFF url(../img/puce_red.gif) no-repeat 5px 10px; height:15px}

#products .product_paid img{border:1px solid #005277}

#bottom{ clear:both; background: url(../img/bottom.gif) no-repeat; width:767px; height:36px}
#footer{text-align:center; margin:5px 0 20px 0; padding:0}
#footer p{font-size:9px;}