/* CSS commun à toutes les pages du site */

html {  
margin:0;
padding:0;
position:relative;
}

body {
background-color: #FFFFFF;
margin:0;
padding:0;
width:100%;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

a:link, a:visited {
color:#6699BB;
text-decoration:none;
}
a:hover, a:active {
color:#660000;
text-decoration:underline;
}

/* tableau de rajout de liens dans le header */
td.rajout_head {
padding-left:20px;
font-size:9px;
color:#999999;
}
td.rajout_head a:link, td.rajout_head a:visited {
color:#E8E8E8;
text-decoration:none;
font-size:9px;
}
td.rajout_head a:hover, td.rajout_head a:active {
color:#999999;
text-decoration:underline;
font-size:9px;
}

form {
margin:0;
padding:0;
border:none;
}
input {
margin:0;
padding:0;
}

div#page {
background-color:#FFFFFF;
margin:10px auto;
padding:2px;
width:980px;
border:2px solid #999999;
}

/* partie haute */
div#haut {
background-color:#CCCCCC;
margin:0;
padding:0;
width:1OO%;
height:110px;
}

div#top_logo {
margin:0;
padding:3px;
height:90px;
text-align:left;
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:1px;
}
div#top_logo p {
margin:5px 0 0 0;
padding:0 0 0 15px;
color:#494C5D;
font-size:10px;
font-weight:bold;
letter-spacing:normal;
text-align:left;
}
div#top_logo img {
margin:0 0 5px 0;
padding:0;
}

div#top_banner {
margin:5px;
padding:0;
float:right;
}

div#top_search {
float:right;
margin:3px 5px 0 40px;
-margin:3px 5px 0 200px;
padding:0;
width:300px;
text-align:center;
font-size:11px;
color:#660000;
font-weight:bold;
}
div#top_search form {
margin:5px 0;
padding:0;
font-size:10px;
}
div#top_search fieldset {
margin:0;
padding:5px;
border:1px dashed #660000;
}
div#top_search legend {
margin:5px 0;
padding:0 0 0 5px;
background-color:#CCCCCC;
font-size:10px;
color:#660000;
font-weight:bold;
}
div#top_search input {
margin:0;
padding:0;
width:270px;
font-size:10px;
}

ul#menu_haut {
margin:0;
padding:1px 0;
height:33px;
list-style:none;
background-color:#FFFFFF;
font-size:9px;
}
ul#menu_haut li {
float:left;
margin:0 1px 0 0;
padding:2px;
border:2px solid #660000;
background-color:#EAE8E3;
min-width:41px;
height:25px;
text-align:center;
}
ul#menu_haut li a:link, ul#menu_haut li a:visited {
color:#494C5D;
text-decoration:none;
}
ul#menu_haut li a:hover, ul#menu_haut li a:active {
color:#660000;
text-decoration:underline;
}

ul.smenu_haut {
position:relative;
margin:0;
padding:2px;
list-style:none;
background-color:#494C5D;
font-size:9px;
height:40px;
}
ul.smenu_haut li {
display:inline;
margin:0 2px 0 1px;
padding:0;
color:#000000;
}
ul.smenu_haut li a:link, ul.smenu_haut li a:visited {
color:#FFFFFF;
text-decoration:none;
}
ul.smenu_haut li a:hover, ul.smenu_haut li a:active {
text-decoration:underline;
}

ul.smenu_haut li.menu_voir_tout {
display:block;
position:absolute;
bottom:0;
right:0;
margin:0;
padding:0 5px;
background-color:#FFFFFF;
border-bottom:2px solid #494C5D;
border-right:2px solid #494C5D;
color:#494C5D;
font-weight:bold;
}
ul.smenu_haut li.menu_voir_tout  a:link, ul.smenu_haut li.menu_voir_tout  a:visited {
color:#660000;
text-decoration:none;
}
ul.smenu_haut li.menu_voir_tout  a:hover, ul.smenu_haut li.menu_voir_tout  a:active {
text-decoration:underline;
}

p.barre_def_haut {
margin:5px 0 0 0;
padding:2px 10px;
background-color:#494C5D;
height:40px;
font-weight:bold;
color:#FFFFFF;
}

p.barre_haut {
margin:0;
-margin:10px 0 0 0;
padding:1px 10px;
background-color:#494C5D;
height:15px;
font-weight:bold;
color:#FFFFFF;
}

/* partie gauche */
div#gauche {
float:left;
width:150px;
margin:2px 0 5px 0;
/margin:2px 4px 5px 0;
padding:0 0 10px 0;
background-color:#EAE8E3;
border-top:1px solid #494C5D;
border-right:1px solid #494C5D;
border-bottom:1px solid #494C5D;
text-align:center;
}

div#gauche form {
margin:5px 2px;
padding:0;
font-size:10px;
}
div#gauche fieldset {
margin:0;
padding:5px;
border:1px solid #494C5D;
}
div#gauche legend {
margin:5px 0;
padding:0 0 0 5px;
font-size:10px;
color:#660000;
font-weight:bold;
}
div#gauche input {
margin:0;
padding:0;
font-size:10px;
width:125px;
}

div#gauche ul#menu {
width:150px;
margin:10px 0;
padding:0;
list-style:none;
font-size:10px;
}
div#gauche ul#menu li {
margin:2px 0;
padding:5px;
color:#FFFFFF;
background-color:#660000;
text-align:left;
}
div#gauche ul#menu li a:link, div#gauche ul#menu li a:visited {
color:#FFFFFF;
text-decoration:none;
}
div#gauche ul#menu li a:hover, div#gauche ul#menu li a:active {
color:#FFFFFF;
text-decoration:underline;
}

div#gauche ul#sous_menu {
margin:3px 0 0 0;
padding:0;
list-style:none;
font-size:11px;
}
div#gauche ul#sous_menu li {
margin:0;
padding:3px 1px 3px 3px;
color:#494C5D;
background-color:#FFFFFF;
text-align:left;
border:none;
border-bottom:1px solid #6699BB;
font-size:10px;
}
div#gauche ul#sous_menu li a:link, div#gauche ul#sous_menu li a:visited {
color:#494C5D;
text-decoration:none;
}
div#gauche ul#sous_menu li a:hover, div#gauche ul#sous_menu li a:active {
color:#494C5D;
text-decoration:underline;
}

div#gauche img.vignette {
margin:20px 0;
padding:0;
border:none;
}

div#gauche p.complement {
margin:0 3px;
padding:5px 0;
border:none;
border-bottom:1px solid #FFFFFF;
color:#494C5D;
font-size:11px;
letter-spacing:-1px;
}
div#gauche p.complement a:link, div#gauche p.complement a:visited{
color:#494C5D;
}

div#gauche p.sous_complement {
margin:0 3px;
padding:5px 0;
border:none;
border-bottom:1px solid #FFFFFF;
color:#006699;
font-size:10px;
text-align:left;
}
div#gauche p.sous_complement a:link, div#gauche p.sous_complement a:visited{
color:#006699;
}

div#gauche p.google_gauche {
margin:20px 10px 5px 10px;
padding:5px 0;
border:none;
border-bottom:1px solid #FFFFFF;
color:#006699;
font-size:10px;
}

/* partie centre */
div#contenu {
width:825px;
-width:822px;
background-color:#FFFFFF;
margin:0 0 0 155px;
/margin:0;
padding:0;
}

div#contenu h1 {
margin:5px 0;
padding:5px 10px;
background-color:#EAE8E3;
border-top:1px solid #006699;
border-bottom:2px solid #006699;
font-size:14px;
color:#494C5D;
}

div#contenu h2 {
margin:5px;
padding:2px 3px;
background-color:#FFFFFF;
border-bottom:1px solid #006699;
font-size:12px;
color:#000000;
}

div#contenu h3 {
margin:5px 10px;
padding:2px 3px;
background-color:#FFFFFF;
border-bottom:1px dashed #006699;
font-size:10px;
color:#000000;
}

div#contenu h4 {
margin:1px 20px;
padding:2px 3px;
font-size:11px;
color:#000000;
font-weight:normal;
}

div#contenu p.encart_img {
margin:2px 0 10px 0;
padding:0;
text-align:center;
}

div#contenu p.titre_page {
margin:15px 10px;
padding:3px 0 3px 40px;
background-color:#EAE8E3;
color:#494C5D;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
word-spacing:3px;
}

div#contenu p.inscription {
margin:5px 0;
padding:0;
text-align:center;
font-weight:bold;
font-size:13px;
letter-spacing:-1px;
}

div#contenu p.arbo {
margin:0;
padding:2px 0 0 50px;
height:15px;
font-size:10px;
color:#FFFFFF;
background:#FFFFFF url(http://www.clubha.com/img/arbo_bar.jpg) center left no-repeat;
}
div#contenu p.arbo a:link, div#contenu p.arbo a:visited {
color:#FFFFFF;
text-decoration:none;
}
div#contenu p.arbo a:hover, div#contenu p.arbo a:active {
color:#6699BB;
text-decoration:underline;
}

div#contenu form {
margin:5px 0;
/margin:5px 10px;
padding:5px 10px;
}
div#contenu fieldset {
margin:5px 0;
padding:10px;
}
div#contenu legend {
margin:0 0 10px 0;
color:#494C5D;
}

div#contenu p.retourhaut {
margin:20px 10px 10px 580px;
padding:2px 10px;
width:200px;
background-color:#EAE8E3;
border:1px solid #494C5D;
font-size:10px;
color:#000000;
text-align:right;
}


ul#versannonces {
margin:2px 10px 15px 10px;
padding:2px 3px;
width:785px;
background-color:#EAE8E3;
border:1px solid #494C5D;
font-size:10px;
list-style:none;
}
ul#versannonces li {
display:inline;
margin:0 20px;
padding:0;
text-align:center;
}

ul#liens_part {
margin:40px 5px 15px 5px;
padding:2px 3px;
background-color:#EAE8E3;
border:1px solid #494C5D;
font-size:10px;
list-style:none;
}
ul#liens_part li {
display:inline;
margin:5px 12px 2px 0;
padding:0;
text-align:center;
}

p.liens_ap {
margin:10px 5px 15px 5px;
padding:2px 3px;
border:1px solid #494C5D;
font-size:11px;
text-align:center;
}


/* partie bas */
div#bas {
width:100%;
clear:both;
background-color:#FFFFFF;
margin:0;
padding:0;
text-align:center;
font-size:10px;
}
div#bas a:link, div#bas a:visited {
color:#494C5D;
text-decoration:none;
}
div#bas a:hover, div#bas a:active {
color:#006699;
text-decoration:underline;
}

div#bas table {
margin:10px 0;
padding:0;
color:#000000;
text-align:left;
}
div#bas table a:link, div#bas table a:visited  {
color:#494C5D;
text-decoration:none;
}
div#bas table a:hover, div#bas table a:active {
color:#006699;
text-decoration:underline;
}

div#bas table hr {
/margin:0;
margin:3px 0;
padding:0;
background-color:#494C5D;
height:1px;
border:none;
}
div#bas ul {
margin:0 0 20px 30px;
padding:0;
}
div#bas li {
margin:0;
padding:0;
list-style-image:url(http://www.clubha.com/img/bullet_orange.gif);
}

p#barre_bas {
margin:0;
padding:0 0 5px 0;
background-color:#494C5D;
color:#FFFFFF;
font-size:9px;
}

div#google_bas {
margin:0 0 10px 0;
padding:0;
texte-align:center;
}

div#menu_down {
margin:0 0 10px 0;
padding:5px;
color:#660000;
font-size:10px;
text-align:center;
}
div#menu_down h1 {
margin:10px 0;
padding:0;
color:#660000;
font-size:10px;
}
div#menu_down table a.tablien:link, div#menu_down table a.tablien:visited {
color:#494C5D;
text-decoration:none;
}
div#menu_down table a.tablien:hover, div#menu_down table a.tablien:active {
color:#660000;
text-decoration:underline;
}

/* encart zoom nouveau promo */
div#the_zoom {
width:320px;
height:420px;
margin:0 10px 10px 40px;
-margin:0 10px 10px 25px;
padding:0;
background-color:#660000;
}

div#the_top {
float:right;
margin:5px 30px 10px 0;
-margin:5px 10px 10px 0;
padding:0;
width:380px;
}
div#the_top ul {
margin:0;
padding:0;
list-style:none;
}
div#the_top li {
float:left;
margin:2px 15px 5px 0;
padding:0;
width:110px;
height:150px;
text-align:center;
background-color:#8094B5;
}