/* DESIGN BY HUBERT */

/* DESIGN BY HUBERT */

body {
font-size:0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0;
text-align: center;
color: #000000;
background:#DFDFDF;
}

#container { 
margin: 0; 
padding: 0;
width: 100%;
text-align: left;

}  
#header { 
background: #ACACAC; 
margin: 0;
padding-top: 1px;
height:150px;

} 
.headtable {
height: 150px;
width:100%;
border: 0px;
margin:0;
padding:0;
border-collapse:collapse;
/*cellpadding:0;*/
} 
.headgauche{
background:url(images/head_gauche.gif) no-repeat #DFDFDF;
width:256px;
}
.headgauche h1{
font-family:times;
text-align:center;
color:#FFFFFF;
vertical-align:bottom;
line-height:12px;
font-size:38px;
}
.headgauche h2{
font-family:times;
text-align:center;
color:#FFFFFF;
vertical-align:top;
line-height:1px;
font-size:16px;
}
.head_menu{
height: 44px;
background:#000000;
}


ul#tabnav {
    font: bold 1em verdana, arial, sans-serif;
    margin: 0;
	line-height:44px;
}
ul#tabnav li {
    float: left;
    height: 44px;
    background-color: #000000;
    border: 0;
    list-style-type: none;
}
#tabnav a {
    float: left;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
	padding: 0 14px 0 14px;
}
#tabnav a:hover {
    border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
    color: #000000;
	background: #F1A503 url(images/right_bottom.jpg) repeat-x;
	text-decoration: none;
}

.head_sousmenu{
height: 106px;
background:#CCCCCC;
}

#gauche_membre {
float: left; 
width: 226px;
padding: 0 15px;
margin: 1px 0 0 0;        
background:url(images/left_px.jpg) top repeat-x #DFDFDF;   
}

#mainContent {
margin: 1px 0 0 256px;
padding: 1px 15px 1px 15px;
background:url(images/left_px_new.jpg) top repeat #EFEFEF;   
}
 
#mainContent_large {
margin: 1px 0 0 1px;
padding: 1px 15px 1px 15px;
background:url(images/left_px_new.jpg) top repeat #EFEFEF;   
}
 
#cotegauche {
margin: 0;
width:48%;
float:left;
padding: 0;
}
#cotedroit {
margin: 0;
width:48%;
float:right;
padding: 0;
}
#perso,#annonceur,#diffuseur,#infos,#etape1,#divers ,#pubs{
margin: 1px 0 6px 1px;
padding: 5px 5px 5px 5px;
background-color:#CCCCCC;   
border: blue 1px solid;
}
 
#mainContent_fla {
margin: 1px 0 0 0;
padding: 1px 30px 1px 30px;
background:url(images/left_px_new.jpg) top repeat #EFEFEF;   
}

#footer_membre { 
height:44px;
padding: 0;
margin:1px 0 0 0; 
background:#DDDDDD;
} 
#footer_membre .gauche { 
float:left;
height:44px;
width:226px; 
background: #000000;
margin:1px 0 0 0;
padding:0;
text-align:left;
}
#footer_membre .droit { 
margin:1px 0 0 256px; 
height:44px;
background: url(images/right_bottom.jpg) repeat-x #DB9A18;
margin:0;
padding:0;
}

.p_footer{
text-align:center;
line-height:44px;
vertical-align:50%;
padding:15px 20px 15px 20px;
display:inline;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

/* DIVERS */
#gauche_membre ul{
margin-left:15px;
padding: 1px;
list-style: none;
font-size: 0.9em;
line-height:1.2em;
vertical-align:50%;
font-weight:bold;
list-style: none;
list-style-image : url(images/arr2.gif);
list-style-position: outside;
}
#gauche_membre ol{
margin-left:20px;
padding: 1px;
list-style: none;
font-size: 0.9em;
line-height:1.2em;
vertical-align:50%;
font-weight:normal;
list-style: none;
list-style-image : url(images/arr3.gif);
list-style-position: outside;
}
.menu A:link {color:#000000;text-decoration: none}
.menu A:visited {color:#000000;text-decoration: none}
.menu A:active {color:#F1A503;text-decoration: none}
.menu A:hover {color:#3300CC;text-decoration: none;}

.infobulle{
  position: absolute;   
  visibility : hidden;
  border: 1px solid Black;
  padding: 1px;
  font-family: Verdana, Arial;
  font-size: 10px;
}
a.button {
  color: #000099;
  background-color: #969696;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 1px 5px;
  border: #242424 1px solid;
  line-height:1.5em;
}