﻿/* CSS Specifique ClubDesSens (Elements graphiques pas sur MB & Theme*/
/* en tete de page */
#headertop {
	height:60px;
}    
#logo {
	float:left;
	margin-top:10px	
}

#logoimg
{
	background:url(http://img.clubdessens.fr/logo.gif);
	height:50px;
	width:280px;
}
#logoimg span
{
	display:none;
}
#loginnav {
	float:right;
	text-align:right;
	margin-top:10px;
	padding-right:12px
}
#loginnav p {
	margin:0 0 12 0px;	
}
#formrech{
	margin: 0px;
}

/* définition du menu de premier niveau */
#menu1 ul {
	height: 23px;
	list-style: none;
	border: 0;
	padding: 5 0 0 0px;
	margin: 0 auto;
	position: relative;
	bottom: 0px;
}
#menu1 li {
	height: 23px;
	display: inline;
	float: left;
	margin: 0 0 0 1px;
	padding: 0;
}
#menu1 li a {
	display: block;
	background: url(http://img.clubdessens.fr/ong_coin_right.gif) no-repeat right top;
	padding: 4px 22px 4px 22px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	margin: 0;
}

.menu1item_off {
	background: url(http://img.clubdessens.fr/ong_coin_left.gif) no-repeat left top #7284A1;
}
.menu1item_on {
	background: url(http://img.clubdessens.fr/ong_coin_left.gif) no-repeat left top #AD5065;
}
.menu1item_adm {
	background: url(http://img.clubdessens.fr/ong_coin_left.gif) no-repeat left top #67AE24;
}
.menu1item_mer {
	background: url(http://img.clubdessens.fr/ong_coin_left.gif) no-repeat left top #799818;
}

#menu1 li a:Hover
{
	text-decoration:underline;
}	

/* définition du menu de second niveau */
#menu2 ul 
{
	margin:0;
	padding:0;
}

#menu2 li {
	color:#C27C89;
	display : inline;
	margin-left:12;
}

#menu2 a
{
	color:White;
	font-weight:normal;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:none;
	margin-right:11;
}

#menu2 a:Hover
{
	text-decoration:underline;
}

/* Complement Menu 2 (tableau encapsulant) */
.MENU2
{
	background-color:#AD5065;
}

.MENU2-ADM
{
	background-color:#67AE24;
}

/* définition de menu navposition */ 
#navposition {
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
}
#navposition li {
	display: inline ;
	margin:0 0 0 0px;	
}


/* définition du menu des catégories de la home */
#categmenuhome ul 
{
	list-style:none;
	margin:0 0 0 0px;
	padding:0 0 10 0px;
}
#categmenuhome ul li {
	display: inline ;
	margin:0 0 0 0px;	
}
#categmenuhome ul li a {
	font-size: 11px;
}

/* Gestion du carousel des news */
div#crslhold	{ 
	position:relative; overflow:hidden;
	width:300px; height:90px; z-index:100;
	}
div#crslwn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:300px; height:90px; 
	clip:rect(0px, 300px, 90px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#crsllyr	{ 
	position:absolute; 
	visibility:visible; 
	left:0px; top:0px; 
	z-index:1; 
	}

div#crsllyr ul {	
	list-style: none;
	padding:5 0 5 0px;
	margin:0;
	width:1200px;	/* elment_size x nb_elments */
	height:80px;
	background:#eaeaea;
	text-align:left;
}

div#crsllyr li {
	display: inline;
	padding: 0;
	margin: 0 5 0 5px;		
	float:left;
	width:290px;
}

div#crsllyr img {
	border:1px solid gray;
	margin-right:5px;			
}

div#crslnav  {
	position:absolute;
	left:225px; top:70px; z-index:150;
	padding:0;
	margin:0;
	border:0px solid;	
}	
	
div#crslnav a{
	padding:0;
	margin:0;		
}	
	
.crslon {
	background:url(http://img.clubdessens.fr/ico/crsl-on.gif) no-repeat;			
}

.crsloff {
	background:url(http://img.clubdessens.fr/ico/crsl-off.gif) no-repeat;
}	

/*Liste des marques les plus populaires */

#brandlist
{
	list-style: none;
	margin: 0 auto;
	position: relative;
}

#brandlist li
{
	float: left;
	display: inline;
	width:160px;
	height:85px;
	border: solid 0px green;
	text-align:center;
	margin: 0px;	
}

#brandlist li img
{
	margin: 0 0 5 0px;
}

#brandlist li a
{
	font-size:11px;
}

/* Listes d'objets virtuels */

#objectscollection tr td
{
	height:70px;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
}

#objectscollection tr td div
{
	margin:0 20 0 20px;
	border:1px solid #eaeaea;
}
#objectscollection tr td img
{
	margin:2px;
	width:48px;
	height:48px;
	border:0px;
}

#objectsbuyselect tr td
{
	height:200px;
	text-align:center;
	vertical-align:top;
}

#objectsbuyselect tr td div
{
	margin:0 60 0 60px;
	border:1px solid #eaeaea;
}

#objectsbuyselect tr td img
{
	margin:5px;
	height:128px;
	width:128px;
}

/* Footer de page / toujours en bas de page / fenetre (repos. js)*/

#footer 
{
	padding:20 0 0 0px;
	position: relative;  /* Nécessaire pour Safari */
	width: 100%;
}

#footertags
{
	text-align:right;
	background-color:#fafafa;
	padding:0 5 0 50px;
	height:18px;
}

#footernav
{
    margin:0 0 0 0px;
    height:112px; 
    padding:10 20 10 50px;
    background-color:#fafafa;   
    border-top:1px solid #bbb;  
}

#footernav .firstul
{
	float:left;
	width:35%;
}

#footernav h4
{
	font-weight:normal;
	color:#7284a1;
	font-size:12px;
}

#footernav ul
{
	margin:0px;
	padding:3 0 0 0px;
}

#footernav li
{
	list-style-type:none;
}

#footernav li a
{
	color:#888;
	font-size:11px;
	text-decoration:none;	
}

#footernav li a:hover
{
	text-decoration:underline;	
}
#footernav div
{
	float:left;
	width:15%;
}
#footernav .bigcol
{	
	width:27%;
}
#footernav small
{
	color:#bbb;
}

/******************* CSS1  */


/* Général */

BODY,TD 
{
	font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color:#5D5D5D;
}

A 
{
	font-size: 12px;
	color :#3845BC;	/*#0033CC;*/
}

A.ADM
{
    font-size: 12px;
    color:#67AE24;
    font-weight:bold;
}

A.INV
{
	color:#5D5D5D;
	text-decoration:none;
}

A.INV:Hover
{
	text-decoration:underline;	
}

/* Entetes */

H1, .PAGETITLE
{
	color:#7284A1;
	font-weight:bold;
	font-size:24px;
}


H2, .PANELTITLE
{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	color:#AD5065;
	font-weight:bold;
	font-size: 13px;
}

H2
{
	border-bottom: 1px solid #AD5065;
	padding-bottom:2px;
	padding-top:2px;	
}

.NEWS-TITLE-TXT
{
	color :#7284A1;
	font-size:14px;
}

.H3-HEADER
{
	color :#7284A1;
	padding:0 0 7 0px;
	font-size:16px;	
	display:block;
}

.PAGESUBTITLE
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	FONT-STYLE: italic;	
}


/* Textes */

.MEDIUM-TXT /* Item Lists & PriceMiniList */
{
	font-weight:bold;
	font-size: 13px;
}

.GREEN-TXT
{
    font-size: 11px;
    color:#67AE24;
    /*font-weight:bold;*/
}

.XS-TXT
{
	font-weight:normal;
	font-size: 10px;
	font-family: Arial,Helvetica,sans-serif;
}

.QUOTE-TXT
{
	font-size:13px;
	font-style:italic;
	color: #808080;
}

.CRAWL-LINK
{
	color :#a9a9a9;
	text-decoration:none;
	font-size:11px;
	font-family: Arial,Helvetica,sans-serif;
}

/* Separateurs */

HR, .HR1
{
	height: 0;
	border: 0;
	border-top: 1px solid #AD5065;
}

.PANELBAR
{
	background-color:#AD5065;
}

/* Onglet de navigation */

.TAB-ON
{
	background-color:#AD5065;	/*#14A8D6;*/
}

/* Blocs */

BLOCKQUOTE, .SUPPLEMENTAL-INFORMATION
{
	font-size:11px;
	border:solid 1px;
	border-color:#d3d3d3;
	padding:4px;
	margin:0 7 0 28px;
	background-color:#eeeeee;
	
	/*
	border-left:solid 1px #AD5065;
	padding:5 5 5 5px;
	margin:5 50 0 50px;
	font-style: italic;
	background:#f3f3f3;
	color:#777777;*/
}

BLOCKQUOTE a
{
	font-size:11px;
}

/* Partage d'url */

.SHARE-URL
{
	font-size: 11px;
}			    
.SHARE-URL input
{
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	border:1px solid #ddd; 
	color: #999; 
	padding:2px; 
	width:100%; 
	font-size:11px;		    	
}		

/* Bloc sans avis*/

#notyetreview 
{
	padding: 20 0 0 20px;
	text-align:center;
	font-size:14px;
}

#notyetreview div
{
    margin:0 auto;
    background-color: #eaeaea;
    width:500;
    padding:8px;
    text-align:left;
}

#notyetreview a
{
    font-size:14px;
}    	


/* Elements graphiques de score */

.SCORE-R
{
	background: url(http://img.clubdessens.fr/score_right.gif) right top no-repeat;
}

.SCORE-L
{
	background: #7284A1 url(http://img.clubdessens.fr/score_left.gif) left top no-repeat;
}


/* Event Roll */ 


.ROLL-HOUR, .ROLL-HOUR-STRONG
{
	color:#666666;
	font-weight:normal;
	font-size: 10px;
	font-family: verdana,Helvetica,sans-serif;
	text-align:center;
	vertical-align:top;
	width:54px;
}

.ROLL-HOUR-STRONG
{
	color:#664a51;
}

.ROLL-TXT, .ROLL-TXT-STRONG
{
	color:#747474;
	font-weight:normal;
	font-size: 10px;
	font-family: verdana,Helvetica,sans-serif;
	padding: 0 6 0 0px;
}

.ROLL-TXT-STRONG
{
	color:#744462;
}
.ROLL-LINK, .ROLL-LINK-STRONG
{
	color:#7474B3;
	font-weight:normal;
	font-size: 10px;
	font-family: verdana,Helvetica,sans-serif;
}

.ROLL-LINK-STRONG
{
	color:#b33791;
}

/* Formulaires */

INPUT.BUT1
{
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: #67AE24;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    border-top-width: 1px;
    border-top-style: solid;  
    border-right-width: 1px;
    border-right-style: solid;   
    border-left-width: 1px;
    border-left-style: solid;  
    border-bottom-width: 1px;
    border-bottom-style: solid;
    
    border-top-color: #91DA4A;
    border-bottom-color: #4D811B;
    border-left-color: #91DA4A;
    border-right-color: #4D811B;
}
    