BODY {	
background-color : #FFFFFF;	
font-family: Arial, Helvetica, sans-serif;	
font-size : 10px;
margin : 20 0 0 0;}

body,td,th,input,textarea,select,option { font-family: Arial, Helvetica, sans-serif; color:#006600; font-size : 11px; }


/*** COVOITURAGE.COM ***/
.petit { font:normal 6pt Verdana  }

hr			{
			color: #BB3322;
			background-color: #BB3322;
			height: 2px;
			border: 0;
			margin:1px;
			}
h1			{ font-family: Arial, Helvetica, sans-serif;font-size:14pt;font-weight:bold;margin:5px;}
h2			{font-size:12pt;font-weight:bold;}



td.paire
{
font-size:11px;	font-family: Arial, Helvetica, sans-serif;
background-color: white
}

td.impaire
{
font-size:11px;	font-family: Arial, Helvetica, sans-serif;
background-color: #ffeedd
}

b { font-weight:bold }
i { font:normal 8px Verdana; color:gray }


/* LIENS */
A 		{	text-decoration : underline; color : #aaaaaa;}
A:HOVER {	text-decoration : underline; color : red;}
A.s		{	text-decoration : none;	font-size:12px;	}
A.sm		{	text-decoration : none;	font-size:10px;	}
A:HOVER.s	 {	 font-size:12px; 	color : red;	 }

a.calendar { text-decoration : none;	font-size:12px;	}
a:hover.calendar { text-decoration : none;	font-size:12px;	font-weight : bold;}
a:visited.calendar { text-decoration : none;	font-size:12px;	}

/* A { text-decoration:none; font:bold 8pt Verdana } */
.a { 12px Verdana }
:hover { color:#000000; text-decoration:underline }


.ligne { background:#7373B5 }
.colleft { background:#FFFFFF }
.colright { background:#FFFFFF }

.menu1 { background:#CCCCDD; color:#2222AA }
.menu1off { color:#7373B5 }

/*SEPARATIONS*/
.charte { 	background-color: #BB3322;}
.vide 	{ 	background-color: white; }
.dark		{ 	background-color: #000000;	}
.bright 	{ 	background-color: #C6C6C6;	}
.sep		{ 	background-color: #000000;	}




/*MENUS GAUCHE*/

.FondMenu	{
	background-color: #ffeedd;
	border : 1px solid #BB3322;
}
.FondMenu2	{
	background-color: #ffeedd;
	border : 1px solid #BB3322;
}

.MenuRub 	{
	background-color: #ccbbaa;
	font-weight: bold;
	letter-spacing : 1px;
	padding-left : 4px;
	color : black;
	}
.Menu	{
	background-color: #ffeedd;
	padding : 0px 0px 2px 4px;
	line-height : 15px;
    text-decoration : none;
}



/*** FIN COVOITURAGE.COM ***/



.tableau_principale {
border-spacing: 0px;
border-style: none;
border-collapse:collapse;
width: 800;
}

.tableau_principale_fiche {
border-spacing: 0px;
border-style: none;
border-collapse:collapse;
width: 340;
}

.tableau_interieur {
border-bottom-style: solid;
border-right-style: solid;
border-left-style: solid;
border-width: 1px;
border-top-width: 0px;
border-color: #444DBA;
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}

.tableau_interieur_normal {
border-style: solid;
border-width: 1px;
border-color: #0111E5;
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}

.tableau2{
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}

.tableau_resultats{
padding-right: 3px;
padding-left: 3px;
width: 100%;
border-spacing: 2px;
}

/* pour la tetiere */
.bordure_bas{
border-bottom-style: solid;
border-width: 1px;
border-color: #444DBA;
font-size : 16px; 
font-family: Arial, Helvetica, sans-serif;	
color: #0212AC;
font-weight: bold;
font-stretch: expanded;
padding-left: 10px;
}

.bordure_image{
border-width: 0px;
border-spacing: 0px;
border-bottom-style: solid;
}
/* FIN pour la tetiere */

.titre{
font-size : 16px; 
font-family: Arial, Helvetica, sans-serif;	
color : #0212AC;
font-weight: bold;
font-stretch: expanded;
padding-left: 20px; 
}

.sous_titre{
font-size : 12px; 
font-family: Arial, Helvetica, sans-serif;	
color : #0212AC;
font-weight: bold;
font-stretch: expanded;
padding-left: 40px; 
}

.texte_contenu{
font-family: Arial, Helvetica, sans-serif;	
color : #444DBA;
padding-left: 10px;
padding-right: 10px; 
}

.ligne_sep{
background-color: #0111E5;
height: 1px;
}

.bouton{
border-style: solid;
border-width: 1px;
border-color : #0111E5;
background-color: #FFFFFF;
font-weight: bold;
color : #444DBA;
margin-right: 70px;
padding-right: 20px;
padding-left: 20px;
}

.bouton_fiche{
border-style: solid;
border-width: 1px;
border-color : #0111E5;
background-color: #FFFFFF;
font-weight: bold;
color : #444DBA;
padding-right: 20px;
padding-left: 20px;
}

.bouton:hover, .bouton:active{
border-style: solid;
border-width: 1px;
border-color : #444DBA;
color : #444DBA;
background-color: #FDE1A5;
font-weight: bold;
padding-right: 20px;
padding-left: 20px;
}

.bouton_s2{
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF;
font-weight: bold;
}

.bouton_s2_rouge{
border-style: solid;
border-width: 1px;
border-color: #ff0000;
background-color: #FFFFFF;
font-weight: bold;
color: #ff0000;
}

.input{
border-style: solid;
border-width: 1px;
border-color : #444DBA;
background-color: #FFFFFF;
font-weight: bold;
padding-right: 5px;
padding-left: 4px;
}

.input:hover, .input:focus{
border-style: solid;
border-width: 1px;
border-color : #444DBA;
background-color: #FDE1A5;
font-weight: bold;
padding-right: 5px;
padding-left: 4px;
}


.input_date{
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF;
font-weight: bold;
padding-right: 0px;
padding-left: 2px;
}

.input_sans_bord{
border-style: hidden;
border-width: 0px;
background-color: #FFFFFF;
padding-right: 0px;
padding-left: 2px;
}

.select{
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF;
width: 250px;
}

.select2{
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF;
padding-right: 5px;
padding-left: 4px;
}

.barre_valider {
padding-bottom: 10px;
padding-right: 20px;
}

.ligne1{
background-color: #FFFFFF;
}

.ligne2{
background-color: #F1F2FF;
}

.footer{
font-size : 10px; 
color: #000000;
}

.contenu{
font-size : 10px;
padding-right: 5px;
padding-left: 5px;
}

a{
text-decoration: none;
color: #0212AC;
}

a:hover{
background-color: #FDE1A5;
}

.gratuit {
DISPLAY: none
}


/******** BB style **********/

/* Body class */

.gbody{
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FBF9F9;
margin-top: 11px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}

/* General smart tables class */

table.forums {
font-family: Verdana,Arial,Helvetica,sans-serif;
// width: 770px;
width: 100%;
border: 1px #CCCCCC solid;
display: table;
color: #000000;
border-collapse: collapse;
} 

/* Simple transparent table without borders and background color (menu navigation, general tables) */

.tbTransparent{
font-family: Verdana,Arial,Helvetica,sans-serif;
// width: 770px;
width: 100%;
background: transparent;
font-size: 10px;
line-height: 15px;
}

/* Small analog text, used usually with SPAN */

.txtSm{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 9px;
}

/* Normal analog text, used usually with SPAN */

.txtNr{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 9px;
}

/* Views color */

.views{
color:#9A9A9A;
}

/* Warning text */

.warning{
color: #225873;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
}

/* Supscript class */

.navCell{
font-family: Arial,Helvetica,Geneva,sans-serif;
font-size: 11px;
}

/* Class for select boxes */

.selectTxt {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
}

/* List style - user's info */

.limbb{
list-style: circle;
font-size: 10px;
margin-left: 15px;
}

/* Input areas - boxes, textareas... */

.inputButton {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-top: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
font-size: 10px;
color: #000000;
/* height: 19px; */
}

.textForm {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-bottom: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
font-size: 11px;
}

/* Caption 1 (the one for displaying sub-headers like "topics, posted" etc) */

td.caption1 {
border: 1px #E3E3E3 solid;
font-size: 11px;
line-height: 15px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
}

/* Caption 2 color and properties (this one displaying main menu,  New Topic text bg, New Message text bg) */

td.caption2 {
background-color: #FFFFFF;
border: 1px #CCCCCC dotted;
padding: 3px;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 15px;
}

/* Caption 3 (used for Last Discussions, topic titles, Forums selection) */

td.caption3 {
background-color: #F3F9FB;
padding: 3px;
height: 20px;
font-size: 10px;
line-height: 15px;
}

/* Caption 4 (the one for displaying not separate headers like Forum, Topic, Poster etc. on 1st page, Buttons menu, left info cell) */

td.caption4 {
background-color: #8FBEE8;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
line-height: 15px;
}

/* Caption 5 (used for user input like password/login and registration etc) */

td.caption5 {
background-color: #F6F9FB;
padding: 3px;
height: 20px;
font-size: 9px;
line-height: 15px;
}

/* Caption 6 (this one is for displaying title headers (search, stats, user reg/prefs) ) */

td.caption6 {
background-color: #F3F9FB;
border: 1px #E4EEF3 solid;
padding: 3px;
height: 18px;
font-size: 9px;
font-weight: bold;
}

/* Font for displaying username in each thread */

.username{
text-decoration: none;
font-size: 9px;
font-weight: bold;
}

/* Topics/forums/threads content cell color #1 */

.tbCel1{
background: #ffeedd;
}

/* Topics/forums/threads content cell color #2 */

.tbCel2{
background: #F6F9FB;
}

.formStyle{
margin: 0px;
}

/* Stats bar */

.tbStBar{
border: #CCCCCC 1px solid;
margin: 1px;
padding: 1px;
background: #F0F0F0;
font-size: 10px;
}




/******** Fin BB style **********/