div#ad 
{
margin:0 auto;
margin-top:10px;
/*width:500px;
height:100px;*/
color:white; 
}

/**************************/
div.menu_membre
{
	
	float:right;
	width:700px;
	
}
#menu_membre
{
	
}
#menu_membre li 
{     
	float:right;
	color: #fff ;     	
	width:100px;
	list-style-type:none;			 
 }
 #menu_membre li a
 {
 color:white;
 }
#menu_membre li a:hover, #menu_membre li a:focus, #menu_membre li a:active , #menu_membre li a:visited
{
     color:#ffffff;   
}
/**************************/


ul.star-rating li a:active
{
border:none;
}


a:focus { outline:1px dotted black; } /* Valeur par défaut : pointillés noirs */

 /***********************************************************/
 /*/ mise en page */
 /***********************************************************/


 img.galerie
{
border:none;
margin-top:2px;
margin-bottom:2px;
}
div.bloc_img_f
{
float:left;
width:150px;
height:210px;
background-image:  url("./img/img_bloc_f.png");  
background-repeat:no-repeat;   
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:10px 10px 10px 10px;
position:relative;
/*border:1px solid #ff00c6;*/
margin-left:5px;
margin-right:5px;
text-align:center;
}
div.bloc_img_m
{
float:left;
width:150px;
height:210px;
background-image:  url("./img/img_bloc_m.png");  
background-repeat:no-repeat;   
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:10px 10px 10px 10px;
position:relative;
margin-left:5px;
margin-right:5px;
text-align:center;
}

div.bloc_img
{
float:left;
width:150px;
min-height:100px;
/*background-color:#A56D1E;*/
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin:10px 10px 10px 10px;
position:relative;
border:1px solid #ff00c6;
}

div.info_img_f
{
	height:35px;
	
	padding-left:2px;
	width:150px;
	
	position:absolute;
	left:0px;
	bottom:0px;
	
	
}
div.info_img_m
{
	height:35px;
	
	padding-left:2px;
	width:150px;
	
	position:absolute;
	left:0px;
	bottom:0px;
}

div.info_img
{
	height:30px;
	margin-bottom:0px;
	background-color:#FF00C6;
}
h2.image
{
font-size:12px;
text-align:left;
color:#ff00c6;
font-style:italic;
}
h2.title
{

   background:url("./img/profile_fond_titre.png") no-repeat;
      height:20px;
   width:700px;
font-size:12px;
text-align:left;
padding-left:10px;
padding-top:2px;
color:#403e3e; 
}


h3
{
background-color:#504e4e;
font-size:10px;
text-align:right;
}

span.left
{

margin-bottom:0px;
float:left;
font-weight:bold;
font-size:14px;
color:#ffffff;
}
span.right
{
margin-bottom:0px;
float:right;
font-style:italic;
margin-right:10px;
}
span.right a
{
	color:#ff00c6;
}
span.obli
{
color:#ff0000;
}
 /***********************************************************/
 /* Mise en page des commentaires */
 /***********************************************************/
 h4
 {
background-color:#ffffff;
font-size:12px;
text-align:left;
border-bottom:1px dotted #ff00c6;
margin-bottom:10px;
 }
 .bloc_commentaire
 {
 margin-top:10px;
 min-height:400px;
 border:1px solid white;
 
 }
 /*Pour les Hommes*/
p.p_com
{
width:600px;
}

div.com_F
{
width:600px;
margin:10px 10px 10px 10px;
border-top:1px solid #eaa0c4;
border-bottom:2px solid #eaa0c4;
}
div.com_M
{
width:600px;
margin:10px 10px 10px 10px;
border-top:1px solid #bfd3ea;
border-bottom:2px solid #bfd3ea;
}
 
div.header_com
 {
 padding-left:40px;
text-align:left;
width:600px;
height:45px;
}
div.F
{

padding-left:40px;

text-align:left;
width:600px;
height:45px;
/*background-image:  url("./img/header_com_F.png"); */
background-image:  url("./img/test_header_com.png"); 
background-repeat:no-repeat;   
}
div.M
{
padding-left:40px;

text-align:left;
width:600px;
height:20px;
background-image:  url("./img/header_com.png"); 
background-repeat:no-repeat;   
}
h3.F
{
background-color:#eaa0c4;
border-bottom:1px solid white;
}
div.com_F span.pseudo a
{
color:#eaa0c4;
font-weight:bold;
font-size:14px;

}
div.com_M span.pseudo a
{
font-weight:bold;
font-size:14px;
color:#0c6ad6;
}
span.date
{

color:#666666;
}

/***************************************/
/* RATING
/***************************************/
div#lanote
{
width:200px;
text-align:center;
margin:0 auto;
margin-bottom:10px;
}

span.red
{
color:#da0000;
}
span.green
{
color:#0fda00;
}
span.rose
{
color:#ff00c6;
}
span.bleu
{
color:#5176ff;
}

a
 {
 color:white;
 }
a:visited
{
     color:#ffffff;   
}
/*******************************/
/* TOP 3 */
/*******************************/
div#img_top3
{
   background-image:url("./img/top3.png")  ; 
   height:170px;
   width:639px;
   margin-top:0px;
   margin-bottom:30px;
   background-repeat:no-repeat;  
}
div.top3
{
width:600px;
height:150px;
margin:0 auto;

position:relative;
top:35px;
}
div.bloc_img_top
{
float:left;
width:150px;
min-height:100px;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
margin-left:20px;
margin-right:20px;
margin-top:0px;
position:relative;
color:white;
}
 img.top3
{
border:1px solid #ff00c6;
margin-top:10px;
margin-bottom:2px;
}
/**********************************************/
/***************** PAGINATION *****************/
div.pagination
{
color :#ff00c6;

height:30px;

margin:0 auto;

}
a.pagi
{
/*font-style:none;*/
color:#ff00c6;
}
a.pagi-on
{
/*font-style:none;*/
color:white;
}
div#menu_membre
{
width:600px;

height:15px;
float:right;

}



/**********************************************/
/***************** SCROLLABLE *****************/
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
	width: 560px;
	height:120px;

	margin-left:5px;
	margin-right:5px;
	/* custom decorations */



} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	clear:both;

} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px solid #ff00c6; 

}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url("./img/fleche.png") no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:45px 0px;
	cursor:pointer;
	font-size:1px;

}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 10px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

div.liste
{

	min-height:90px;
	padding-left:200px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 10px 20px 21px;
	background-color:#fff;
	padding:2px;

	cursor:pointer;
	width:100px;
	height:75px;
	
	
	/*border-radius:4px;*/
	/*-webkit-border-radius:4px;*/
	border:1px solid #ff00c6;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
h2.title a
{
	color:#403e3e; 
}