body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0px;
	background-image: url(/images/background.gif);
	/*background-repeat: no-repeat;*/
	/*background-attachment: fixed;*/
	background-color: #000000;

	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: #6DD14B;
	SCROLLBAR-SHADOW-COLOR: #1B242B;
	SCROLLBAR-3DLIGHT-COLOR: #1B242B;
	SCROLLBAR-ARROW-COLOR: #6DD14B;
	SCROLLBAR-TRACK-COLOR: #1B242B;
	SCROLLBAR-DARKSHADOW-COLOR: #1B242B;
	
}

form { 
	padding:0;
	margin:0;
	display:inline; 
}

.footer {
text-align: center;
background-color : #6DD14B;
vertical-align:top;/*
border-left:1px white solid;
border-right:1px white solid;*/
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
} 

td.vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background-color: #CFF0C4;
} 

td.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: bold;
	
}

td.corpsbulle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;	
	padding:5px;
} 

span.entetebulle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: bold;	
	vertical-align:top;	
}

h1.entetebulle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-weight: bold;	
	vertical-align:top;	
	display: inline;
}

div.corpsbulle{
	overflow:hidden;
}


td.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background-color: #3F854B;
	text-align: right;

	
}

td.sousmenu {
text-align:right;
font-size:10px;
background-color: #3F854B;
color:white;
font-weight:bold;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
} 

th.tableau {
	background-color:#990033;
	color:#FFFFFF;
}

td.tableau {
	background-color:#FFFFFF;
	color:#000000;
}

/************ LIEN ************/
A         { color: black; text-decoration: underline }
A:visited { color: #666666; text-decoration: underline }
A:link    { color: black; text-decoration: underline }
A:active  { color: black; text-decoration: underline }
A:hover   { color: black; text-decoration: none }

/************* LIEN PLUS IMPORTANT **********/
A.important { 
  color: green; 
  background-color: FFFF99; 
  border: 1px solid green;
  margin:2px;
  padding:2px;
  text-decoration: underline;
}
A.important:hover { 
  font-weight: bold;
  color: green; 
  background-color: FFFF99; 
  border: 1px dotted green;
  margin:2px;
  padding:2px;
  text-decoration: none;
}

/******************
 * MENU SALONS MOTO
 * *****************/

div.carre {
	height:15px;
	width:15px;
	display:inline;
	margin-right:5px;
}

table.menu_salon {
  
} 

/************************/
/* Champs de formulaire */
/************************/
input.sansbord { 
	border: 1px solid #0073D5;
	font-size: 11px; 
	height:18px;
	/*
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	*/
	}
	
input.sansbord2 { 
	border: 1px solid #0073D5;
	font-size: 11px; 
	height:20px;
	/*
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	*/
	}
	
input.bouton {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
select { 
	border: 1px solid #0073D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	}
	
textarea {
	border: 1px solid #0073D5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
/************************/
/* Groupe de controles  */
/************************/
	
fieldset {
	border: 1px solid #FF6200;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 100%;
	margin-right: 10px;
	}
	
legend {
	font-weight: bold;
	}

.onglet {
  border-top: 1px solid green;
  border-left: 1px solid green;
  border-right: 1px solid green;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  background-color: #CFF0C4;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.titre_galerie{
  text-align: center;
  font-weight: bold;  
  margin-bottom: 5px;
  border-bottom: 1px solid orange;
}
.club_sous_menu{
 font-size:12px; 
 font-style:italic; 
 font-weight:bold;
}
.forum-top {
  background-color: green;
  color:#FFFFFF;
  text-align: center;
  text-transform: capitalize;
  font-weight: bold;
}
.forum_message_auteur {
  vertical-align: top;
  text-align: left;
  border: 1px dotted #5FA56B;
  padding: 5px;
  
}
.forum_message_corps {
  vertical-align: top;
  text-align: left;
  padding: 5px;
  
}
.img_club_inscription {
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  border-right: 1px solid black;
  border-top: 1px solid black;
}
span.notabene{
font-size:9px;
color:black;
}

/** definition d'un style pour un tableau de backoffice */

/** Lien pour le menu du haut **/
td.menu a, td.menu a:link,td.menu a:active{ color:white; text-decoration:none; }
td.menu a:hover { color:white; text-decoration:underline; }
td.menu a:visited { color: #FFFFCC; text-decoration:none; }

/** Lien pour le sousmenu dans la partie compte **/
td.sousmenu a, td.sousmenu a:link,td.sousmenu a:active{ color:white; text-decoration:none; }
td.sousmenu a:hover { color:white; text-decoration:underline; }
td.sousmenu a:visited{ color:#FFFFCC; text-decoration:none; }

table.tableau { 
}

table.tableau th{  
  padding-left:2px;
  padding-right:1px;
  background-color:#3F854B;
  color:#FFFFFF;
}

table.tableau td.pair{
  padding-left:3px;
  padding-right:1px;
  background-color:#DEF8D5;
}

table.tableau td.impair{
  padding-left:3px;
  padding-right:1px;
  background-color:#C5E4BB;
}

table.tableau td.selected{
  padding-left:3px;
  padding-right:1px;
  background-color:orange;
}

table.tableau img{
  border:none;
  vertical-align:middle;
}

table.tableau caption{
   background-color:#3F854B;   
   color:#EEEEEE;
   font-weight:bold;
   font-size:11px;
   border-left : 1px solid;
   border-top : 1px solid;
   border-right : 1px solid;   
}

table.tableau img{
border:none;
vertical-align:middle;
}



.error_message{
color:red;
font-weight:bold;
}

/* Affichage d'un warning = message non bloquant */
.warning_message{
color:red;
font-weight:bold;
}

span.error_message ul{
padding:0;
margin-top:2px;
}

div.error_message{
color:black;
background-color:red;
}

a.lienGras, a.lienGras:link,a.lienGras:active,a.lienGras:visited{ font-weight:bold; }

span.notabene{
font-size:9px;
color:black;
}

img.plusmoins{
border:none;
}

.montre{
display:inline;
}

.cache{
display:none;
}

.ficheIdent1{
 font-size: 14px; 
 vertical-align: text-top;
 height: 30px;
}

.em{
font-weight:bold;
font-size:90%;
font-style:normal;
border-bottom:1px dotted maroon;
}


/*--------------------------------*/
/* Style pour le detail annonce   */
/*--------------------------------*/

table.Annonce{
background-color:#CFF0C4;
border:1px solid #3F854B;
}

table.Annonce tr{

}

table.Annonce td{
color:black;
background-color:#CFF0C4;
padding-left:5px;
}

table.Annonce th{
height:24px;
color:black;
font-weight:bold;
/*background-color:white;*/
background-color:#C5E4BB;
}

/*--------------------------------*/
/* Style pour l'écran abonnement-1*/
/*--------------------------------*/
table.type_abonnement{
/*background-color:#3F854B;*/
background-color:#CFF0C4;
/*width:250px;*/
border:1px solid #3F854B;
}

table.type_abonnement tr{

}

table.type_abonnement td{
}

table.type_abonnement th{
border-bottom:1px solid #3F854B;
letter-spacing:0.2em;
height:24px;
color:black;
font-weight:bold;
/*background-color:white;*/
background-color:#C5E4BB;
}

table.type_abonnement ul{
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
list-style-image:url(/pub/images/plus.gif);
}

/* pour les zones non saisissables */
input.textreadonly{
border : transparent;
background-color:transparent;
}

/*--------------------------------*/
/* Style pour l'écran abonnement-2*/
/*--------------------------------*/
table.achat_abonnement{
}
table.achat_abonnement th{
background-color:#3F854B;
color: white;
}
table.achat_abonnement td{
}
table.achat_abonnement td.pair{
background-color:#DEF8D5;
}
table.achat_abonnement td.impair{
background-color:#C5E4BB;
}
table.achat_abonnement td.grise{
background-color:lightgray;
}
/*-----------------------------------------*/
/* Style pour les écrans Fiches Techniques */
/*-----------------------------------------*/

.NomCategorie{ 
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase;
	margin:2px;
	padding:2px;
}

.NomSousCategorie{
	font-size:12px; 
	font-style:italic;
	text-transform:lowercase;
	margin:2px;
	padding:2px;
}


/* ----------------------------------------------- */
/* Définition du rollover CSS                      */
/* sur le menu haut de motospassion                */
/* remplace le flash de david pour l'instant       */
/* ----------------------------------------------- */

a.menu-haut{
	display: block ;	
	color: #000 ;
	text-decoration: none ;
}
a.menu-haut:visited{
	display: block ;	
	color: #666666 ;
	text-decoration: none ;
}

/* Menu Motos Passion */
a.menu-haut#motospassion {	
	width: 241px ;
	line-height: 41px ;
	background: url(/images/menu_03.jpg) no-repeat 0 0 ; 	
	text-decoration:none;
}
a.menu-haut#motospassion:hover {
	background: url(/images/menu_03hover.jpg) no-repeat 0 0; 	
}

/* Menu Acheter / Vendre */
a.menu-haut#acheter-vendre {	
	width: 241px ;	
	line-height: 46px ;
	background: url(/images/menu_08.jpg) no-repeat 0 0 ;
	text-decoration:none;
}
a.menu-haut#acheter-vendre:hover {
	background: url(/images/menu_08hover.jpg) no-repeat 0 0px ;
}

/* Menu Les Clubs de Motards */
a.menu-haut#clubs-motards {	
	width: 241px ;	
	line-height: 47px ;
	background: url(/images/menu_09.jpg) no-repeat 0 0; 	
	text-decoration:none;
}
a.menu-haut#clubs-motards:hover {
	background: url(/images/menu_09hover.jpg) no-repeat 0 0; 	
}


/* Les sous menus */
#sous-menu{
	background: url(/images/menu_06.jpg) no-repeat; 	
	width :  256px;
	height:159px;
	padding-top : 14px;
	padding-left : 5px;
	line-height:10px;
}


#sous-menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#sous-menu ul li{
	margin: 0 0 10px 0 ;
	padding: 0 ;
}

#sous-menu ul li a{
	font-size: 12px;
	font-weight:bold;
	color:black;
	font-family:arial;
	text-decoration:none;
}

#sous-menu ul li a:hover{		
  background-color: #CFF0C4;
  border: 1px gray solid;
  padding-left: 4px;
  padding-right: 4px;
}
#sous-menu ul li a:visited{
	font-size: 12px;
	font-weight:bold;
	color:#666666;
	font-family:arial;
	text-decoration:none;
}

.montremenu{
  display:block;
}
.cachemenu{
  display:none;
}

.bandeauSsMenu{
  background-color:white;
  color:red;
  text-align: center;
}

.SiteMap{
	font-size: 14px;
	font-weight:bold;
}

.LienSiteMap{
	font-size: 11px;
	font-weight:bold;
}

#menu-header{
	background: url(/images/menu_01.jpg) no-repeat 0 0;
	text-align:right;
	font-family:arial, sans serif;
	font-size:9px;
	padding-right:19px;
	height:16px;
	width : 780px;
	vertical-align:middle;
}

#barre-sous-menu {
	height:159px;
	width:14px;
}

.sousmenu1 {
	background: url(/images/menu_051.jpg) no-repeat 0 0;
}

.sousmenu2 {
	background: url(/images/menu_052.jpg) no-repeat 0 0;
}

.sousmenu3 {
	background: url(/images/menu_053.jpg) no-repeat 0 0;
}


/* Fin Rollover CSS */

/* ********* */
/* PUBLICITE */
/* ********* */

.bloc_pub_450 {
	border: 1px solid green;
	margin:0px;
	padding:0px;
	width : 460px;
	text-align:center;
}

.bloc_pub_titre_450 {
	border: 1px solid green;
	background-color: green;
	font-size:10px;
	margin:2px;
	padding:0px;
	width : 100%;
	color:#FFFFFF;
	font-weight:bold;
}
.bloc_pub_468 {
	border: 1px solid green;
	margin:0px;
	padding:0px;
	width : 474px;
	height : 80px;
	text-align:center;
  float: center;
}

.bloc_pub_titre_468 {
	border: 1px solid green;
	background-color: green;
	font-size:10px;
	margin:2px;
	padding:0px;
	color:#FFFFFF;
	font-weight:bold;
}

.bloc_pub_88 {
	border: 1px solid green;
	margin:0px;
	padding:0px;
	width : 100px;
	height : 80px;
	text-align:center;
  float: center;
}

.bloc_pub_titre_88 {
	border: 1px solid green;
	background-color: green;
	font-size:10px;
	margin:2px;
	padding:0px;
	color:#FFFFFF;
	font-weight:bold;
}

/** Futur style avec divs 
 * Pour l'instant utilisé que pour les popups
 */
.champ{
margin-top:10px;
}

.champ label{
display:block;
float:left;
}

.champ input, .champ textarea{
display:block;
margin-left:170px;
width:230px;
}

.action{
margin-top:10px;
margin-bottom:10px;
clear:both;
float:right;
}

.action input{
font-size:10px;
margin-left:5px;
}

.info{
clear:both;
font-size:10px;
}
.Conseil_etape {
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}

