body
{
	padding:0px;
	margin:0px;
	background:#FFFFFF;
	font-family:Verdana;
}

td, a, p, div, input, textarea, form, select {

font-family : verdana, helvetica;
font-size : 8pt;

}


.forum_sep {

border-color: rgb(153, 153, 153); 
border-right: 1px dotted rgb(153, 153, 153);

}

.date_sujet {
font-family : verdana, helvetica;
font-size :9px;
text-align:right;
}
.rep_sujet {
font-family : verdana, helvetica;
font-size :10px;
font-weight:bold;
text-align:right;
}


#sidebar {
font-family : verdana, helvetica;
font-size :9px;
font-style:bold;
text-align:left;
}



#sidebar h2 {
background: url('/include/image-forum/fondmenubleu.gif'); 
height: 20px; 
vertical-align: middle; 
border: 1px solid; 
border-color: #336699; 
padding-top: 5px;
padding-left: 5px;
font-size: 11px;
font-style: bold;
margin: 2 0px;
}

#sidebar p {
	margin: 0 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border: 1px solid; 
	border-color: #336699; 
}

#
input.soumission {	border : 1px solid;	border-color : #000000;	background-color : #e6e6e6;}

A {COLOR: #000000; TEXT-DECORATION: none}
A:link          {BACKGROUND: none; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active        {BACKGROUND: none; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; FONT-FAMILY: Verdana, Helvetica; COLOR: #2479d7; }
A.case:hover         {BACKGROUND: #ffff66; FONT-FAMILY: Verdana, Helvetica; COLOR: #000000; }

.surligne {background:#ffff66;color:black;}

.option 	{BACKGROUND: none; COLOR: #DF1C60; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

td.menu {background: url(http://www.1cheval.com/include/image-forum/fondmenu.gif); height: 25px; vertical-align: middle; border: 1px solid; border-color: #336699; padding-top: 5px}
td.menum {background: url(http://www.1cheval.com/courses-hippiques/images/fondmenum.gif); height: 25px; vertical-align: middle; border: 1px solid; border-color: #336699; padding-top: 5px;}
 
 

  
td.bouton {

	width:150px;
	background: url(http://www.1cheval.com/include/image-forum/fondmenubleu.gif); 
	height:15px; 
	vertical-align: middle; 
	border: 1px solid; 
	border-color: #336699;
	margin:2px
}


table.menu {
background: url(http://www.1cheval.com/courses-hippiques/images/fondmenu.gif); height: 25px;	border : 1px solid;	border-color : #35395E; padding-top: 5px}


table.menu2 {	background-color : #FFFFFF;	border : 1px solid;	border-color : #336699}
table.menu2 a {	color : #000000;}
table.menu2m {	background-color : #cccccc;	border : 1px solid;	border-color : #336699}
table.menu3 {	background-color : #FFFFFF; border : 1px solid;	border-color : #336699}
table.menu4 {	background-color : #9DADC6; border : 1px solid;	border-color : #336699}
table.menu5 {	border-bottom : 4px solid;	border-color : #0f3f79}
table.menu6 {	background-color : #e5e5e5;}

div.menu {text-align: center; COLOR : #35395E; FONT-WEIGHT: bold;}

div.menu2 { margin-left: 2px; COLOR : #35395E; FONT-WEIGHT: bold;}
/*
Les cadres
*/
td.h-g {
background: url(http://www.1cheval.com/styles/h-g.gif); width: 18px;
}
td.h-d {
background: url(http://www.1cheval.com/styles/h-d.gif); width: 18px;
}	 
td.h {
background: url(http://www.1cheval.com/styles/h.gif); width: 100%;
}
td.g {
background: url(http://www.1cheval.com/styles/g.gif); width: 18px;
}
td.m {
background: url(http://www.1cheval.com/styles/fond.gif); width: 100%;
}
td.d {
background: url(http://www.1cheval.com/styles/d.gif); width: 18px;
}
td.b {
background: url(http://www.1cheval.com/styles/b.gif); width: 18px;
}

td.b-g {
background: url(http://www.1cheval.com/styles/b-g.gif); width: 18px;
}
td.b-d {
background: url(http://www.1cheval.com/styles/b-d.gif); width: 18px;
}

.titre{

	color: white; 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.rouge {FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: VERDANA,ARIAL,TAHOMA }
.toplink {FONT-SIZE: 11px; COLOR: #768294; FONT-FAMILY: VERDANA,ARIAL,TAHOMA FONT-WEIGHT: bold;}
.titrehaut {FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: VERDANA,ARIAL,TAHOMA; FONT-WEIGHT: bold;}
.vac
{margin-TOP: 2px; BORDER-RIGHT: #5555dd 0.1em solid; BORDER-TOP: #5555dd 0.1em solid;   BACKGROUND: #EFEFCC; BORDER-LEFT: #5555dd 0.1em solid; COLOR: #000066; BORDER-BOTTOM: #5555dd 0.1em solid; font-family:Verdana,Geneva,Arial; font-size: 11px;  width=150; }
.vac2
{margin-TOP: 2px;  BORDER-RIGHT: #5555dd 0.1em solid; BORDER-TOP: #5555dd 0.1em solid;   BACKGROUND: #EFEFCC; BORDER-LEFT: #5555dd 0.1em solid; COLOR: #000066; BORDER-BOTTOM: #5555dd 0.1em solid; font-family:Verdana,Geneva,Arial; font-size: 11px;  width=115; }

/*
Reste de l'ancien graphique
*/			   

.topic_masque

{
visibility: hidden;
}


td.bloc_titre {	text-align : center;	font-size : 8pt;	background-color : #9DADC6;}
td.bloc {	border : 1px solid;	border-color : #ffffff;	font-size : 8pt;	background-color : #ffffff;}	
A.lien { color : #2479d7;	}
A.lien:hover { text-decoration : underline; }  

a.info {
   position: relative;
   color: blue;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}


.boldText {

font: bold; 
color: #FF0000;

}


/*
  --> Début du menu !
  
*/

*{outline: none;}
img {border: 0;}
.containers {
	width: 990px;
	padding: 0;
	margin: 0 auto;
}

#nav_wrapper {
	clear: left;
}

span#menu_end {
	display:block;
	float:left;
	height:46px;
	width:5px;
}

span#menu_start {
	display:block;
	float:left;
	height:46px;
	width:52px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	font-size: 1em;
	background: url("/image_theme/menu/back_nav.png") repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	background: url("/image_theme/menu/li_border.png") no-repeat right top;	
}
ul#topnav li#last-li {
	background: none;
}
ul#topnav li#last-li a span.single_wrapper {
	float:left;
	margin:6px 6px 6px 10px;
	padding:0 10px;
}

ul#topnav li.liSub a, ul#topnav li a {
	color: white;
	float: left;
	height: 46px;
	line-height: 34px;
	padding: 0;
	text-decoration: none;
	text-shadow: 0 0 2px black;
	text-transform: uppercase;
	z-index: 200;
}

span#menu_start a {
	background: url("/image_theme/menu/home_nav.png") no-repeat left top;
	width: 52px; height: 46px;
	text-indent: -9999px;
	padding:0; margin:0;
}
span#menu_start a:hover  { background-position: left -46px; }
span#menu_start a:active { background-position: left -92px; }

span#menu_start a {	display:block; line-height: 46px; }

ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 10px;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	padding: 10px 10px 10px;
	float: left;
	
	border-bottom-right-radius:		    10px;
	-moz-border-radius-bottomright:     10px;
	-khtml-border-radius-bottomright:   10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-bottom-left-radius:		    10px;
	-moz-border-radius-bottomleft:      10px;
	-khtml-border-radius-bottomleft: 	10px;
	-webkit-border-bottom-left-radius:  10px;
	
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	display: none;
	z-index: 0;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 13px;
	font-weight: normal;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	color: #c10707;
}
ul#topnav .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	background: url("/image_theme/menu/navlist_arrow.png") no-repeat 0px 5px;
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:10px;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:15px;
}

ul#topnav .sub ul li span {
	float: none; 
	text-indent: 0;
	height: auto;
	
	padding: 0 0 0 18px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size:10px;
	text-shadow: none;
	border-bottom: 1px solid #e6e6d8;
	text-transform: none;
	line-height:15px;
}


ul#topnav .sub ul li a:hover {
	color: #c50a0a;
	background: url("/image_theme/menu/navlist_arrow_hover.png") no-repeat 0px 5px;
	text-decoration: underline;
}



span.dd_action {
	height:6px;
	padding:0 0 0 10px;
	width:9px;
}

span.single_wrapper {
	float:left;
	margin:6px 10px;
	padding:0 15px;
}

span.single_wrapper:hover, li.current a span.single_wrapper {
	background: white;
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);
	background-image: -moz-linear-gradient(	top, #FFFFFF, #e5e5e5);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	
	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */
	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */
	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */
	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */
	
	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */
	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */
	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */
}

span.single_wrapper:active {
	background: white;	
	color: black;
	
	/* -- CSS3 stuff -- */
	
	text-shadow: none;
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
	
	box-shadow:         0px 0px 2px #343333;
	-webkit-box-shadow: 0px 0px 2px #343333;
	-moz-box-shadow:    0px 0px 2px #343333;
}

span.dd_wrapper {
	float:left;
	margin:6px 10px 0;
	padding:0 11px 6px 18px;
}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {
	z-index:      100;
	background:   white;
	color: 		  black;
	border-top:   1px solid #e5e5e5;	
	border-right: 1px solid #989898;
	padding:	  0 10px 6px 18px;


