/* 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;
line-height:10px;
}
.headgauche p{
font-family:times;
text-align:center;
color:#FFFFFF;
font-size:38px;
font-weight:bold;
}
.headgauche p.soustitre{
font-family:times;
text-align:center;
color:#FFFFFF;
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;
}
.p_footer2{
text-align:center;
/*line-height:44px;
vertical-align:50%;*/
padding:2px 20px 2px 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;}

a.info_bulle
{				
  color           : #2F368A;
  text-decoration : none; 
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle 
{								   
  position   :  absolute;
  top        :  -2000em;
  left       :  -2000em;
  width      :  1px;
  height     :  1px;
  overflow   :  hidden; 
} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
  top        :  auto;
  left       :  -230px;
  width      :  220px;
  height     :  auto;
  overflow   :  visible;
} 

span.header
{
   display         : block; 
   height          : 25px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 132%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   background      : transparent url('../images/top.gif') no-repeat 0 0; 
   font-size       : 12px; 
   font-weight     : bold;
} 

span.content
{
   display     : block; 
   background  : transparent url('../images/centre.gif') repeat-y;
   padding     : 0 8px;
   font-size   : 10px; 
} 

span.footer
{
   display     : block; 
   height      : 5px; 
   background  : url('../images/bot.gif') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}         
/* le sélectionné */
.this_id{
	color:#FF3300;
	text-decoration:underline;
}