/* Définition des polices personnalisées */

@font-face {
    font-family: 'BallparkWeiner';
    src: url('/polices/ballw___-webfont.eot');
    src: url('/polices/ballw___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/polices/ballw___-webfont.woff') format('woff'),
         url('/polices/ballw___-webfont.ttf') format('truetype'),
         url('/polices/ballw___-webfont.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DayRomanRegular';
    src: url('/polices/dayrom__-webfont.eot');
    src: url('/polices/dayrom__-webfont.eot?#iefix') format('embedded-opentype'),
         url('/polices/dayrom__-webfont.woff') format('woff'),
         url('/polices/dayrom__-webfont.ttf') format('truetype'),
         url('/polices/dayrom__-webfont.svg#DayRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#Monmenu {
	position:absolute;
	left:0px;
	top:0px;
	padding:0;
	margin:0px;
	list-style-type:none;
	 
 }

#rotation {
transform:rotate(-40deg);
-ms-transform:rotate(-40deg); /* Internet Explorer */
-moz-transform:rotate(-40deg); /* Firefox */
-webkit-transform:rotate(-40deg); /* Safari et Chrome */
-o-transform:rotate(-40deg); /* Opera */
}
.centrer
 {
 	text-align:center;
 }
.marge {
   border-width:5px;
 border-style:outset;
 border-color:black;    
 width: 80px;
    height: 80px;
    background: url(images/Bcavalier.png) no-repeat top left;
}

/*.marge:hover {
	width: 85px;
    height: 85px;

}*/

/* tableau cavalier chevaux pur inscription*/
table.tble1 {
border-collapse: collapse;


}

/*select.listderoul{
	

	font-family: "Times New Roman", serif;
	font-size: 18pt;
}*/
#table-1 {

	font-family: "Times New Roman", serif;
	font-size: 12pt;
	border: 1px solid #8F98A1;
	background-color: #B2BCC6;
      padding-left:20px;  
      margin-bottom:5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	   box-shadow: 0px 4px 4px #1c1a19;
}
#table-1 p {
	margin-top: 5px;
	margin-bottom:5px;
	padding: 0;
}
#titre-1{
	font-family: "Times New Roman", serif;

	font-weight: bold;
	font-size: 14pt;
}
#table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #333;
}
#table-2 thead {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #4B4B4B;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#table-2 th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
/*#table-2 td:hover {
	background-color: #fff;
}*/

#impair{
background-color: #6C90A3;
text-decoration: line-through;
}

#pair{
background-color: #FCF7CC; 


color: red;
}


form.form2 {
width:100%;
padding:0px;
margin:30px;
border:4px;
border-collapse: collapse;

}
/*fin du tableau*/

/* calendrier*/
.ds_box {
	width: 900px;
	background-color: #8A8D92;
	border: 1px solid #000;
	position: relative;
	z-index: 32767;
}

.ds_tbl {
	width: 900px;
	background-color: White;
}

.ds_head {
	background-color: #8F98A1;
	color: #1f2f56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	
}

.ds_cell {
	background-color: #9CA6AD;
	color: black;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 12%;
	/*max-width: 20%;*/
	
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #659fdd;
	color: black;
} /* This hover code won't work for IE */

/*fin du calendrier*/
header
{

}

#titre_principal
{
    display: inline-block;
}

header h1
{
    box-shadow: 0 2px 2px #3C313A;
    color: #3C342B;
    font-family: DayRomanRegular,serif;
    font-size: 1.3em;
    text-align: center;
}


header h2
{
    font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;
}
/* Bannière */
#banniere_image2
{
    width:900px; 
  /* height:451px;*/
    border-radius: 5px;
     margin: 25px auto 10px;    
	background-size: 100% 145px;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
}
#banniere_image1
{
    margin-top: 30px;
 	width:900px; 
   	height:200px;
    border-radius: 5px;
	background-size: 100% 145px;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 20px;
}
#banniere_image3
{
    margin-top: 0px;
 	width:900px; 
   	height:231px;
    border-radius: 5px;
	background-size: 100% 145px;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 0px;
}


#banniere_image
{
    margin-top: 15px;
    width:900px;
    height: 190px;
    border-radius: 5px;
    background: url('/images/banieregestequiteric.png') no-repeat;
	background-size: 100% 145px;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}

#banniere_description
{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 99.5%;
    height: 40px;
    padding-top: 15px;
    padding-left: 4px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 0.8em;
    
}
#connect
{
    position: absolute;
    right: 5px;
    bottom: -15px;
    height:55px;
	 padding-bottom: 0;
}
#connect2
{
    position: absolute;
    right: 150px;
    bottom: 0px;
    height:55px;
	 padding-bottom: 2px;
}

#trconnect
{
     font-family: DayRomanRegular, serif;
	 color: white;
	 padding-bottom: 2px;
}
#tabconnect
{
	 padding:0;
	 border-collapse:collapse;
	 padding-bottom: 0;
}
#menu{
	position:absolute;
	left:0px;
	top:0px;
	padding:0;
	margin:0;
	list-style-type:none;
	 
 }


.lmenu {
 float:left; /*pour IE*/
 border-left:1px solid black; 
 }
.lmenu a {
 display:block;
 float:left;   
 width:222px;
 line-height:30px; /*hauteur de l'image de fond*/
 background:black url(/images/bouton-noir.png) repeat-x;
 color:white;
 text-shadow:-1px -1px 0px #000;
 text-decoration:none;
 text-align:center;
 }
 
 .lmenu2 {
 float:left; /*pour IE*/
 border-left:1px solid black; 
 }
.lmenu2 a {
 display:block;
 float:left;   
 width:143px;
 line-height:30px; /*hauteur de l'image de fond*/
background:#777484 ;
 color:white;
 text-shadow:-1px -1px 0px #000;
 text-decoration:none;
 text-align:center;
 }
.lmenu2 a:hover ,
 .lmenu2 a:focus {
 	background: rgba(255,255,255,.2);
  /* box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 
                0 -1px 0 hsl(210, 100%, 42%) inset, 
                0 -2px 0 hsl(210, 100%, 48%) inset, 
                0 -3px 0 hsl(210, 100%, 54%) inset, 
                0 -4px 0 hsl(210, 100%, 60%) inset, 
                0 -5px 0 hsl(210, 100%, 70%) inset; */
 	  /*padding: 8px 25px 17px 25px;*/
 
 }  

.bouton_rouge
{
    display: inline-block;
    height: 100%;
	
    background: url('/images/fond_degraderouge.png') ;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 100%;
    text-align: center;
    padding: 3px 8px 2px 8px;
    color: white;
    text-decoration: none;
}
#boutonessai {
	margin-top: 5px;
	margin-left: 30%;
	background-size: cover;
	background-attachement: fixed;
}

.bouton_rouge2
{
	border:none;
	border-left:1px solid black; 
	display:block;

 float:left;   
/* height: 30px;*/
 width:178px;
 padding: 0px 0px 0px 0px;
 /*line-height:30px; /*hauteur de l'image de fond*/
background:#777484 ;
 color:white;
 text-shadow:-1px -1px 0px #000;
 text-decoration:none;
 text-align:center;
 font-size:16px;*/
 }
 .bouton_rouge3
{
    display: inline-block;
    height: 100%;
	
    background: FireBrick;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 100%;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: black;
    text-decoration: none;
}

.page-td{
text-align: left;
}
.page-tdr{
text-align: right;
}
.bouton_jaune
{
    display: inline-block;
    height: 100%;
	
    background: #BBD4E1 ;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 100%;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: black;
    text-decoration: none;
}

.bouton_rouge img
{
    border: 0;
}
/* Corps */

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article
{
    width: 900px;
    margin-right: 15px;
}

.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}

article p
{
    font-size: 0.8em;
}

aside
{
    position: relative;
    width: 235px;
    background-color: #696464;
    box-shadow: 0px 12px 15px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
}

#etatClient
{
 width: 70%;
    height: auto;
    
}
#fleche_bulle
{
    position: absolute;
    top: 100px;
    left: -12px;
}

#photo_zozor
{
	
    text-align: center;
}

#photo_zozor img
{
    border: 1px solid #181818;
}

#ressociaux{
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 1px;
	padding-right: 14px;
	border-top: 2px solid white;
}

aside img
{
    margin-left: 13px;
}

/* Navigation */

nav
{
    display: inline-block;
    width: 740px;
    text-align: right;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

/*nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

/* Eléments principaux de la page */

body
{

background: #d1d0cf; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDBjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTcyNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d1d0cf 0%, #75726f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d1d0cf), color-stop(100%,#75726f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d1d0cf 0%,#75726f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d1d0cf 0%,#75726f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d1d0cf 0%,#75726f 100%); /* IE10+ */
background: linear-gradient(left,  #d1d0cf 0%,#75726f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d0cf', endColorstr='#75726f',GradientType=1 ); /* IE6-8 */

   
    font-family: Trebuchet MS, Arial, sans-serif;
    color: #181818;
}
#tx
{
	overflow: scroll;
	height: 100px;
}
#blocpage
{
    width: 900px;
    height:100%;
    margin: auto;
}
#blocpage2
{
    width: 1200px;
    margin: auto;
}

#listetelecharge {
	padding-left: 15px;
}


section h1, footer h1, nav a
{
    font-family: DayRomanRegular, serif;
    font-weight: normal;
	font-size:1.8em;
	
    /*text-transform: uppercase;*/
}

#footerbas {
	margin-top: 25px;	
}

section h2
{
    font-family: DayRomanRegular, serif;
    font-weight: normal;
	font-size:1.5em;
	
    /*text-transform: uppercase;*/
}

#sectiondoc {
	margin-bottom: 50px;
}

aside h1
{
    font-family: DayRomanRegular, serif;
    color: white;
    font-size: 1.3em;
	text-align: center;
	//box-shadow: 0px 2px 5px #1c1a19;
}

aside figure {
	margin-left: 10px;
	margin-right: 10px;	
}

#imageencadre {
	width: 215px;
	height: 157px;
	margin: 0;
}

/* Footer */

footer
{
    background:  url('images/separateur.png') repeat-x top;
    padding-top: 25px;
    margin-top: 5px;
}

footer p, footer ul
{
    font-size: 0.8em;
}

footer h1
{
    font-size: 1.1em;
}
#prix{
	color: #760001;
	opacity: 0.7;
}

#tweet, #mes_photos, #mes_amis
{
    display: inline-block;
    vertical-align: top;
}

#tweet
{
    width: 10%;
}

#mes_photos
{
    width: 37%;
}

#mes_amis
{
    width: 45%;
}

#mes_photos img
{
    border: 1px solid #181818;
    margin-right: 2px;
}

#mes_amis ul
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 48%;
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;
}

#mes_amis a
{
    text-decoration: none;
    color: #760001;
}
table.thumbs1
{
	width: 900px;
	vertical-align:middle;
	align-vertical:center;
	margin-top: 25px;
	padding:20px;
	font-size:20px;
	font-family:Arial;
	font-weight:normal;
	background-color: #696464;
    border-radius: 5px;
    box-shadow: 0 12px 15px black;
    
}
table.thumbs1 tr
{
	padding:20px;
	align vertical:center;
}
table.thumbs1 td
{
	margin-top: 5px;
	padding:10px;
	width:600px;
	align vertical:center;
}

.pup

{
	
	height: 200px;
    font-family: Trebuchet MS, Arial, sans-serif;
    color: white;
    font-size:1em;
	text-align: center;
	box-shadow: 0px 2px 5px #1c1a19;
}
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:1px;
	-webkit-border-bottom-left-radius:1px;
	border-bottom-left-radius:1px;
	
	-moz-border-radius-bottomright:1px;
	-webkit-border-bottom-right-radius:1px;
	border-bottom-right-radius:1px;
	
	-moz-border-radius-topright:1px;
	-webkit-border-top-right-radius:1px;
	border-top-right-radius:1px;
	
	-moz-border-radius-topleft:1px;
	-webkit-border-top-left-radius:1px;
	border-top-left-radius:1px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:1px;
	-webkit-border-bottom-right-radius:1px;
	border-bottom-right-radius:1px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:1px;
	-webkit-border-top-left-radius:1px;
	border-top-left-radius:1px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:1px;
	-webkit-border-top-right-radius:1px;
	border-top-right-radius:1px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:1px;
	-webkit-border-bottom-left-radius:1px;
	border-bottom-left-radius:1px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:2px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

form#paiement {
  background: #696464;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 20px;
  width: 860px;
}
form#paiement fieldset {
  border: none;
  margin-bottom: 10px;
}
form#paiement fieldset:last-of-type {
  margin-bottom: 0;
}
form#paiement legend {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.titreform {
	color: white;	
}

body {
   counter-reset: chapter;
}
form#paiement > fieldset > legend:before {
 
  counter-increment: chapter;
  content:"Étape " counter(chapter) " : ";

}
form#paiement fieldset fieldset legend {
  color: #h11111;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 0;
}
form#paiement ol li {
  background: #hhhf6a;
  background: rgba(255,255,255,.5);
  border-color: #e3ebc3;
  border-color: rgba(255,255,255,.7);
  border-style: solid;
  border-width: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 30px;
  list-style: none;
  padding: 5px 10px;
  margin-bottom: 2px;
}
form#paiement ol ol li {
  background: none;
  border: none;
  float: left;
}
form#paiement button {
  background: #h14313;
  border: none;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #00000;
  display: block;
  font: 18px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  margin: auto;
  padding: 7px 25px;
  text-shadow: 0 1px 1px #ffffff;
  text-transform: uppercase;
}
form#paiement button:hover {
  background: #1e2506;
  color: #ffffff;
  cursor: pointer;
}

#tableauhistorique {
	margin-top: 15px;
	width: 900px;
}

#titrecontact {
	text-align: center;
	color: white;	
}


.toutepage {
	width: 100%;	
}

#boutonbas {
	margin-tp: 2px;
	margin-right: 0;
	margin-left:  0;
	margin-bottom: 2px;
}

#basfieldset{
	padding-bottom: 0;
}

#legende {
	font-size: 1em;
}

.choixpref {
	width: 220px;
}


.infobulle{
position: absolute;
visibility : hidden;
border: 1px solid#CCCCCC;
padding: 10px;
font-family: Verdana, Arial;
font-size: 0.7em;
background-color:#FFFFFF;
color:#339933;
}

#enteteN{
position: absolute;
border: 1px solid#CCCCCC;
padding: 10px;
font-family: Verdana, Arial;
top: 0;
center:20px;
}


