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

body, td, a, p, div, input, textarea, form, select {font-family : verdana, helvetica;font-size : 8pt;}
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.menu         {BACKGROUND: none; text-align: center; COLOR : #35395E; FONT-WEIGHT: bold;}
A.menu:hover         {BACKGROUND: none; text-align: center; COLOR : #FFFFFF; FONT-WEIGHT: bold;}

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

td.menu {background: url('/image_theme/menu/back_nav.png'); height: 25px; vertical-align: middle;  padding-top: 5px}
td.menum {background: url('/image_theme/menu/back_nav.png'); height: 25px; vertical-align: middle; border: 1px solid; border-color: #336699; padding-top: 5px;}


table.menu {
background: url('/image_theme/menu/vert/back_nav.png'); height: 25px;	border : 1px solid;	border-color : #35395E; padding-top: 5px}


table.menu2 {	background-color : #FFFFFF;	border : 1px solid;	border-color : #336699}
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;}

/* Table Personalisé */
table.mil {	
	background: url(http://www.1cheval.com/courses-hippiques/images/mil.gif); 
	height: 25px;	
	border : 1px solid;	
	border-color : #35395E; 
	padding-top: 3px
}


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

div.menu2 { margin-left: 2px; COLOR : #35395E; FONT-WEIGHT: bold;}


.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
*/
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; }  



#containers {
	position: relative;
	width: 300px;
	
	text-align: left;
	
	background-color: #FFFFFF;
	z-index:20;
}
#containers * {
	margin: 0;
	padding: 0;
}
#containers ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#containers ul#menu li {
	float: left;
	display: inline;
}
#containers ul#menu li a {
	text-align: center;
	display: block;
	width: 80px;
	height: 15px;
	line-height: 8px;
	text-decoration: none;
	
}
#containers ul#menu li a:hover {
	background-color: #EFDC86;
}
#containers h1,
#containers h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#containers .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	background-color: #fdfdfd;
z-index:20;
}
#containers hr {
	clear: both;
	visibility: hidden;
}
#containers a.current {
	background-color: #fdfdfd;
	color: #000;
	COLOR : #ff0000; 
	FONT-WEIGHT: bold;
	font-size : 7pt;
}
#containers a.ghost  {
	background-color: #e3e3e3;
	color: #000;
	COLOR : #35395E; 
	FONT-WEIGHT: bold;
	font-size : 7pt;
}
#containers .on {
	display: block;
}
#containers .off {
	display: none;
}


.topic_masque

{
visibility: hidden;
}



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; }


.stfnt{FONT-SIZE: 11px; }
.lrfnt{FONT-SIZE: 11px; color: #000077;}
.stfntb{FONT-SIZE: 11px; color: #000077;}
.stfntr{FONT-SIZE: 11px; color: #770000;}
.smallfnt{FONT-SIZE: 11px;}
.smallb{FONT-SIZE: 11px; color: #000077;}
.smallr{FONT-SIZE: 11px; color: #770000;}
.smallg{FONT-SIZE: 11px; color: #007700;}
.boldtxt{FONT-WEIGHT: bold;}
 
.msgf1{FONT-WEIGHT: bold; color: #000099; FONT-SIZE: 16px;}
.msgf2{FONT-WEIGHT: bold; color: #990000; FONT-SIZE: 16px;}

.fnt1 {font-size: 11px;	font-weight: bold;}
.fnt2 {font-size: 11px; font-weight: bold;}
.fnt4 {font-size: 12px; font-weight: bold; color: #555599; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}
.fnt5 {font-size: 13px; font-weight: bold; color: #555599; TEXT-DECORATION: none;}
.fnt6 {font-size: 11px; color: #555599; TEXT-DECORATION: none;}
.fnt7 {font-size: 11px; color: #555599; TEXT-DECORATION: none;}
.fnt8 {font-size: 11px;  color: #bb0000; TEXT-DECORATION: none;}
.fnt9 {font-size: 12px;  color: #000077;}
.fnt9h {font-size: 12px;  color: #770000;}
.fnt10 {font-size: 11px;  color: #000099;  font-weight: bold;}
.fnt11 {font-size: 11px;  color: #000077;}
.fnt12 { font-size: 15px; font-weight: bold; color: #000099;} 

.fsct1 {font-size: 11px; font-weight: bold; color: #444444;  line-height: 1.8;}
.fsct2 {font-size: 11px; color: #444444; line-height: 1.8;}

.dv1{margin-left: 10px;}
.ad_title{font-size: 11px; font-weight: bold; color: #555599;}

.fldnm {font-size: 11px;  color: #555555;}
.fldvl {font-size: 11px;  color: #000077;}

.tb1 { border-top-width: 2px; border-top-style: solid; border-top-color: #7777FF;}
.tb2 {border-right-width: 2px; border-right-style: solid; border-right-color: #7777ff;}
.tb3 {	BORDER-BOTTOM: #7777ff 1px solid;}
.tb4 {BORDER-RIGHT: #9999dd 1px solid; BORDER-TOP: #9999dd 1px solid;    
BORDER-LEFT: #9999dd 1px solid;   BORDER-BOTTOM: #9999dd 1px solid;}

.categbg {background: #eeeeff;}
 
.top_city { font-size: 11px; font-weight: bold; color: #555599;}
.top_allcities {font-size: 11px; color: #555599;}
.ct_group {BORDER-BOTTOM: #7777ff 2px solid; font-size: 11px; font-weight: bold;color: #555599;}
.ct_list{font-size: 11px; line-height: 1.8;}
.ct_count{FONT-SIZE: 11px;}

.locations{FONT-SIZE: 11px; line-height: 1.5;}

.formst
{margin-TOP: 2px;  
BORDER-RIGHT: #5555dd 0.1em solid; BORDER-TOP: #5555dd 0.1em solid;   BACKGROUND: #eeeeff; 
BORDER-LEFT: #5555dd 0.1em solid; COLOR: #000066; BORDER-BOTTOM: #5555dd 0.1em solid;
font-family:Verdana,Geneva,Arial; font-size: 12px;  
}

.fntsrch {FONT-SIZE: 11px; color: #333377; font-weight: bold;}
.frmsrch
{margin-TOP: 2px;  
BORDER-RIGHT: #5555dd 0.1em solid; BORDER-TOP: #5555dd 0.1em solid;   BACKGROUND: #eeeeff; 
BORDER-LEFT: #5555dd 0.1em solid; COLOR: #000066; BORDER-BOTTOM: #5555dd 0.1em solid;
font-family:Verdana,Geneva,Arial; font-size: 11px; FONT-WEIGHT: bold;
}

.frmft1 { color: #000099; FONT-SIZE: 12px;}
.frmft2 {color: #777777; FONT-SIZE: 11px;}
.frmtb1 {background: #777799;}
.frmtb2 {background: #ffffff;}
.frmtb3 {background: #9999dd;}
.frmcp {FONT-WEIGHT: bold; color: #ffffff; FONT-SIZE: 12px;}

.df2{font-size: 11px; font-weight: bold;}
.dtb1 {background: #eeeeee;}
.df1{FONT-WEIGHT: bold; color: #000099; FONT-SIZE: 16px;}
.df3{font-size: 12px; color: #444444;}
.df4{font-size: 12px; color: #333377;}
.df5{font-size: 11px;  color: #333377;}
.df6{font-size: 11px;   color: #000077;}
.dtb2 {BORDER-RIGHT: #ddddee 1px solid; BORDER-TOP: #ddddee 1px solid;    
BORDER-LEFT: #ddddee 1px solid;   BORDER-BOTTOM: #ddddee 1px solid;}

a.current {
	
	color: #000;
	COLOR : #ff0000; 
	FONT-WEIGHT: bold;
	font-size : 7pt;
}

a.info {   
      position:relative; /* Très important */  
      z-index:10;    
      color:#000;   
      font-family:Arial, Helvetica, sans-serif;   
  }   
a.info:hover {   
      z-index:20;    
  }   
a.info span {   
      display:none;   
  }   
a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/  
      display:block;   
      position:absolute;   
      border: 2px solid #000000;

             
  

  }   


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

*{outline: none;}
img {border: 0;}
.containers {
	width: 950px;
	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: 200px;
	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;







