/* --- STYLES DE BASE --- */  /* Page */ 
html {   font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ } 
body {   margin: 0px;   padding: 0px; /* Remettre à zéro si nécessaire. */   
/* Pensez à utiliser une collection de polices (2), par ex:   font-family: Arial, Helvetica, FreeSans, sans-serif; */   
font-size: 12px; /* À adapter pour la police choisie. (3) */   
/*line-height: 1.4; /* À adapter au design. (4) */   
color: black;   
background: url(/images/bg_page.png) repeat-x top left #EFECE2; 
font-family:Arial, Helvetica, sans-serif;

}  
/* Titres */ 
h1, h2, h3, h4, h5, h6 {   margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */   line-height: 1.2;   font-weight: bold; /* Valeur par défaut. (6) */   font-style: normal; } 
h1 {   font-size: 18px; } 
h2 {   font-size: 14px;  text-decoration: none; font-weight:normal;  padding:0px;margin-left:10px;} 
h3 {   font-size: 14px; } 
h4 {   font-size: 12px; }  
/* Listes */ 
ul, ol {   margin: .75em 0 .75em 32px;   padding: 0; }  
/* Paragraphes */ 
p {   margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ } 

a {   text-decoration: none; color:#B8DA40;  } 
a:link {   color: #8CAB21; } 
a:visited {  color: #B8DA40;  } 
a:hover, a:focus, a:active {   color: #4E5F12; } /* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active {   outline: none; } /* Pas de bordure autour des images dans les liens */ 
a img {   border: none; }  /* Divers éléments de type en-ligne (8) */ 
em {   font-style: italic; } 
strong {   font-weight: bold; }  

.rose  {   color:#EC1A4F;  } 
/* GLOBAL */
#global {
margin-left:auto;
margin-right:auto;
width:1000px;
padding:0px;
background:#FFFFFF;
}
.clear {
clear:both;
}
/* ------------------------------------------ */

/* Header */
#header {
	height:120px;
	border:#00CC00 0px dashed;
	margin-bottom:10px;
	background:#000000;
}
#header .logo {
width:242px;
float:left;
height:90px;
background:url(/images/bebe_logo.jpg) no-repeat left top;
border:#FF6600 0px dashed;
}
#header .pub_728x90 {
width:728px;
float:left;
height:90px;
border:#336699 0px dashed;
}

/*   Header MENU ----------------*/

ul#header_menu {
font: bold "Courier New", Courier, monospace;
font-size:14px;
margin:0px;

}
#header_menu li{
float:left;
list-style-type:none;

}
#header_menu a {
display:block;
margin:0 0px;
color:#FFFFFF;
text-decoration:none;
line-height:25px;
width:180px;
text-align:center;
border:#000000 1px solid;
background:#B8DA40;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size: 1,5em;
font-weight:bold;
font-style:normal;
font-variant:small-caps;

}
#header_menu a.header_menu_on
{
color:#000000;
background-color:#FFFFFF;
border-bottom:#FFFFFF 4px solid;
}

#header_menu a:hover, #menu a:focus {

color:#000000;
background-color:#FFFFFF;
border-bottom:#B8DA40 2px solid;
}
/* ------------------------------------------ */


/* CONTENT */

#content {
min-height:550px;
border:#FF0000 0px dashed;
}

/*/ Center Left ------------------- /*/
#center_left {
border:#CC9900 0px dashed;
float:left;
width:660px;
padding:10px
}

/*/ Menu ul li centre/**/
.menu_ul{
width: 300px; /*width of menu*/
float:left;
margin-left:15px;
}
.menu_ul .menu_ul_titre{
font: bold 12px Verdana;
color: #000000;
background: #E6F2BB url(onebit_44.png) no-repeat right top; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}
.menu_ul ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}
.menu_ul ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.menu_ul ul li a{
font: normal 12px Arial;
color: black;
background: #EFEFEF;
display: block;
padding: 5px 0;
line-height: 12px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.menu_ul ul li a:visited{
color: black;
}
.menu_ul ul li a:hover{ /*hover state CSS*/
color: black;
background: #F5FAE4;
}

/* Bloc definition*/ /**/

.definition {
display:block;
margin:20px 10px 20px 10px;
line-height:15px;
background:url(/images/bg_vert_bas.png) top left repeat-x;

}

.definition .titre{
font: bold 12px Verdana;
text-transform: uppercase;
background: url(/images/bg_vert.png) top left repeat-x;
height:25px;
padding-left:10px;
line-height:25px;
}
.definition span{
	display:block;
	background:url(/images/bg_vert_bas.png) bottom left repeat-x;
	padding:10px;
	border:#B8DA40 1px solid;
	margin-top: -5px;
}
.definition p{
	padding:10px;
	margin:0px;
}

ul#listing_ul {
display:block;
margin:0px 10px 0px 10px;
border:#B8DA40 1px solid;
background:url(/images/bg_vert_bas.png) top left repeat-x;

}
#listing_ul li{
list-style-type:none;
}
#listing_ul a{ /*hover state CSS*/
display:block;
text-decoration:none;
padding:5px;
font: Arial, Helvetica, sans-serif;
color:#000000;
}
#listing_ul a:hover{ /*hover state CSS*/
background: #F5FAE4;
color:#333333;
}

/*/ Center Right /*/
#center_right {
border:#CC9900 0px dashed;
float:right;
width:300px;

}

/* BLOCK A B C D E F J H ... */ /**/
#block{
background:#FFFFFF;
width:300px;
}
#block .titre{
font: bold 12px Verdana;
text-transform: uppercase;
background: #B8DA40;
height:25px;
padding-left:10px;
line-height:25px;
}
#block ul {
margin:0px;
padding:0px;
margin-left:10px;
}
#block li {
float:left;
list-style-type: none;
}
#block li a{
display:block;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size: 1,5em;
font-weight:bold;
font-style:normal;
line-height:normal;
font-variant:small-caps;
text-align:center;
text-decoration:none;
color:#B8DA40;
background:#FFFFFF;
border:#B8DA40 1px solid;
width:25px;
margin:1px;
padding:1px;
}
#block li a:hover{
background:#B8DA40;
color:#FFFFFF;
}
#block li a.on {
background:#B8DA40;
}

/* ------------------------------------------ */
.ads_468x60 {
margin:10px;

}

div#ads_right{
clear:both;
width:300px;
height:250px;
margin-top:10px;
padding-top:10px;

}
div#ads_right_kelkoo{
clear:both;
width:300px;

margin-top:10px;
padding-top:10px;
}

/* FOOTER */
#footer_top {
clear:both;
background:#B8DA40 url(/images/bg_footer_top.png) no-repeat top ;
height:60px;
}
#footer {

background:#B8DA40;
height:60px;
padding:20px;
}
#footer a {   color:#000000; } 
#footer a:link {   color:#000000; } 
#footer a:visited {  color:#000000;  } 
#footer a:hover, a:focus, a:active {   color:#000000; }

/* ------------------------------------------ */