body { margin: 0; font-family: arial; text-align:center; font-size:11px; width:100%;}
#conteneur { margin: 0 auto 0 auto; width:930px; text-align:left;}

/* commun à tout le site*/
a { color : black; border:0; }
a:hover  { text-decoration:none; color:black; }
img { border:none; }
.vert {color: #9ac00a; font-weight:bold;}
.gris {color: #848484; font-weight:bold;}


/* navigation + header*/
.header { position: relative;  margin: 0 auto 0 auto; text-align:center; margin-top:10px; height:auto; }
.navigation {position: relative; border: solid 1px #C7912A; height:28px; top:-4px; width:896px;  margin: 0 auto 0 auto; text-align:center;}
html>body .navigation{ top:0;}
*+html .navigation {margin-top:-3px;}
.navigation .off a { color: #826021; font-size:12px; padding:10px; font-weight:bold; height:28px; line-height:28px; text-decoration:none; } 
.navigation .on a { color: #fff; background-color: #C7912A; font-size:12px; padding:7px; font-weight:bold; height:28px; line-height:28px; text-decoration:none; } 
.trait { position: relative; border-bottom: solid 5px #C7912A;  top:-18px; width:788px; margin-left:126px; height:0;}
html>body .trait{ top:0;}
*+html .trait {top:-3px; margin-left:126px;}
.trait2 { position: relative; border-bottom: solid 5px #816021;  top:-32px;  width:618px; margin-left:296px; height:0; }
html>body .trait2{ top:0;}
*+html .trait2 {top:-3px; margin-left:296px; } 

/*message d'erreur */
.error {background-color: #eeeeee; width:500px; position: relative; left:35px; padding:10px; border: 1px solid #848484; }
.error legend {background-color : #ff3c35; padding:3px; font-weight: bolder; font-size:12px;}

/*message de confirmation */
.confirm {background-color: #D0EBAB; width:500px; position: relative; left:35px; padding:10px; border: 1px solid #9ac00a; }
.confirm legend {background-color : #ff3c35; padding:3px; font-weight: bolder; font-size:12px;}


.reset {background: url('../img/annuler.gif') no-repeat; width:195px; height:28px; }

/*  Home */
.corps          { position: relative; }

/* Partie  gauche */
.gauche { position:relative;	float: left; width: 220px;	padding-left:28px; margin-bottom:25px;}
.droite{ position:relative;	float: right; width: 220px;	padding-left:28px; margin: 0 15px 25px 0;}
html>body .droite{ margin: 0 25px 25px 0;}
.droite_demande{ position:relative;	float: right; height: 150px; width: 220px;	margin: 20px 15px 25px 0; }
html>body .droite_demande { margin: 20px 48px 25px 0; }
.droite_reservation{ position:relative;	float: right; width: 220px;	margin: 20px 15px 25px 0; }
html>body .droite_reservation { margin: 20px 45px 25px 0; }
.bloc {margin-bottom:3px; }

.partenaire {margin-bottom:3px; height:133px; width: 212px; background: url("../img/partenaire.gif") no-repeat;}
.partenaire .input{ position: relative; margin: 0 0 5px 28px; padding: 6px 48px 6px 48px; top:36px;}
.partenaire .submit{ position: relative; margin-left: 130px; top:28px; }
.partenaire .message { position: relative; margin-left: 10px; margin-top: 10px; color: red; font-size: 9px; width: 140px;}

.formation   {position: relative; margin-bottom:3px; height:183px; width: 212px; background: url("../img/formation_pro.gif") no-repeat; }
.formation  a  {position: absolute; top:140px; height:28px; width:118px; margin-left:45px;}

.devenez_partenaire   {position:relative; margin-bottom:3px; height:184px; width: 212px; background: url("../img/devenez_partenaire.gif") no-repeat;}
.devenez_partenaire a {position: absolute; margin-left:46px; height:20px; width:118px;  top:148px;}

.renseignement   { position: relative; margin-bottom:3px; height:248px; width: 212px; background: url("../img/renseignement.gif") no-repeat ;}
.renseignement a {position: absolute; margin-left:46px; height:20px; width:118px;  top:98px; } 

.liste_partenaire   {position: relative; margin-bottom:3px; height:163px; width: 212px; background: url("../img/liste_partenaire.gif") no-repeat ;}
.liste_partenaire a {position: absolute; margin-left:46px; height:20px; width:118px;  top:120px;}

.charte { position:relative; margin-bottom:3px; height:170px;  margin-right:12px; width: 238px; background: url("../img/charte.gif") no-repeat ;}
.charte a {position: absolute; margin-left:69px; height:20px; width:118px;  top:132px; }

.condition_partenariat { position:relative; margin-bottom:3px; margin-left:22px; height:244px; width: 215px; background: url("../img/condition_partenariat.gif") no-repeat;}
.condition_partenariat a {position: absolute; margin-left:7px; height:23px; width:198px;  top:212px; }

.inscription{ position:relative; margin-bottom:3px;  height:248px; width: 212px; background: url("../img/inscription.gif") no-repeat;}
.inscription a {position: absolute;margin-left:46px; height:20px; width:118px;  top:98px; }

.confiance  {position:relative; margin-bottom:3px; height:136px; width: 212px; background: url("../img/confiance.gif") no-repeat;}
.confiance a {position: absolute; margin-left:46px; height:20px; width:118px;  top:86px;}

.phone  {position:relative; margin:115px 0 3px 22px; height:172px;  width: 212px; background: url("../img/inscription_phone.gif")  no-repeat;}
.phone a {position: absolute; margin-left:46px; height:20px; width:112px;  top:133px; }

.mail  {position:relative; margin-bottom:3px; height:172px; margin-left:22px; width: 212px; background: url("../img/inscription_mail.gif")  no-repeat;}
.mail a {position: absolute; margin-left:46px; height:20px; width:113px;  top:133px; }

/* Bloc principal*/
.principal {position:relative; width:615px; margin-left:25px; }
html>/**/body .principal{ float:left; }
*+html .principal {padding-left:15px;}
.titre           { position : relative; font-size:22px; color: #906413; margin : 10px 0px 5px 0px; width:600px;}
.sstitre a { position : relative; font-size:18px; color: #906413; margin : 10px 0px 10px 0px; width:600px;}
.sous_titre { position: relative; width:600px; margin : 10px 0px 19px 7px;}


/* gabarit Home  Espace Pro */
.cartouche    { position: relative; margin-bottom: 5px; height:150px; width: 635px; background-image: url("../img/bloc_home1.gif"); }
.cartouche .image { position: absolute; float:left; top: 11px; left:11px; } 
.cartouche .titre  { position: relative; top: 11px;  margin: 0 0 10px 200px; color: #806121; font-size:11px; font-weight:bold; width:420px; }
.cartouche .texte  { position: relative; top: 8px;  margin: 0 0 10px 200px;  width:420px;}
.cartouche a { position: absolute; margin-left:505px; padding: 6px 59px 6px 60px; top:123px; }

.cartouche2  { position: relative; margin-bottom: 5px; height:150px; width: 635px; background-image: url("../img/bloc_home2.gif");  }
.cartouche2 .image { position: absolute; float:right; top: 14px; right:26px; } 
.cartouche2 .titre  { position: relative; top: 11px;  margin: 0 0 10px 20px; color: #806121; font-size:11px; font-weight:bold; width:410px;}
.cartouche2 .texte  { position: relative; top: 8px;  margin: 0 0 10px 20px;  width:410px; }
.cartouche2 a { position: absolute; margin-left:315px; padding: 6px 50px 6px 50px; top:123px; }


/* gabarit Ils nous font confiance */
.bloc1  {position:relative; width:620px; margin-top:10px; text-align:justify; }
html>body .bloc1{ width:620px; }
.video  {position: relative; float:left; padding-left:20px;}
.texte_confiance  {position:relative; float:left; width:320px;}
.texte_ffe { color: #9ac00a; font-size: 9px; text-align: center;}

.temoignage  {position: relative; top:20px; height:172px; width:626px; background: url('../img/temoignage.gif') no-repeat; clear:both; margin-bottom:55px;}
.temoin {position: relative; width:600px; top:24px; height:102px; margin: 12px 0px 0 20px;}
html>/**/body .temoin {margin: 12px 0px 0 20px; top:36px;}
*+html .temoin { top:27px; }

.temoin .img {position:absolute;  left:0; height:105px; width:77px; margin-top:3px; }
*+html .temoin .img {margin-top:0px;}
.temoin .nom { position: relative;  margin-left:85px; color : #816021; width:500px; font-weight:bold;}
.temoin .poste { position: relative; margin-left:85px; color : #816021; width:500px; }
.temoin .texte { position: relative; margin:3px 0 0 85px; width:501px; height:65px; text-align:justify;}
html>body  .temoin .texte { min-height:65px; height: auto; }


/* Gabarit demande de renseigement */
.erreur  { color : #646464; font-size:11px; }

/* Gabarit formulaire */
.form { font-size:11px; color: #848484;  }
.form .presentation { font-size:14px; padding-bottom:15px; vertical-align:top;}
.form .libelle {text-align:right; padding-right:10px;}
.form .libelle_gras { font-weight:bold; text-align:right; padding-right:10px;}
.form .libelle_gras_left { font-weight:bold; text-align:left; height:25px; }
.form .champ { padding-left:20px; height:25px;}
.form .libelle_renseignement { font-weight:bold; padding-bottom:15px; }
.form select { color:#678308; width:250px;}
.form input {  border-top: solid 1px #404040; border-left: solid 1px #404040; border-bottom: solid 1px #d1d1c7; border-right: solid 1px #d1d1c7;}
.form hr  { margin:10px 0 10px 0; }
.form .checkbox { border:none; }
.form .submit  {border:none; margin-bottom:5px; }
.form .mentions  { color:#678308; text-align:center;  padding-bottom:15px;}

.decalage_ie {margin-left:200px;}



/* Gabarit formation professionnelle */
.formation_pro {position: relative;  width:640px; clear:both;  padding-top:15px; }
.formation_pro .titre  { color : #9ac009; text-transform:uppercase; font-size:12px; top: 0; font-weight:bold;margin-left:10px; }
.formation_pro .texte { position: relative; float : left; width:425px; height:100px; margin: 10px 0 25px 10px; text-align:justify; }
.formation_pro .texte_formation { width:425px; margin: 10px 0 25px 10px; text-align:justify; }
html>body .formation_pro .texte {min-height:100px; height:auto; }
.formation_pro .image { position: relative; float:left; padding:17px 0 20px 16px; margin-left:20px; width:166px; height:237px; background: url('../img/cadre_formation.gif') no-repeat; }
html>body .formation_pro .image { width:150px; height:221px;}
.formation_pro .image .titre { position: relative; width:120px; height:20px; margin-top:2px; text-align:center; color: #a8a8a8; text-transform:none; font-weight:normal; font-size:11px ; }

.onglet { position: relative;}
.onglet .trait_onglet { width:640px; height:0px; position: relative;  margin-top:-5px;}

/* Gabarit information*/
.calandrier { height : 300px; }

/* Gabarit formation_cal */
.cadre_form {position: relative;color : #848484; padding:5px 0 0 15px; margin-left:20px; width:823px; height:429px; background: url('../img/contour1.gif') no-repeat; }
html>body .cadre_form {min-height:429px; height:auto;}
.cadre_form .libelle { font-weight:bold; padding: 3px 15px 15px 15px ; text-align:center; padding-right:10px;}
.cadre_form .date {color : #678308; font-weight:bold; width:75px; padding : 5px;}
.cadre_form .champ {font-weight:bold;  padding : 10px; }

.cadre_form2 {position: relative;color : #848484; padding:5px 0 0 15px; margin-left:20px; width:590px; background: url('../img/contour2.gif') no-repeat; }
.cadre_form2 .libelle { font-weight:bold; padding: 3px 15px 15px 15px ; text-align:center; padding-right:10px;}
.cadre_form2 .date {color : #678308; font-weight:bold; width:75px; padding : 5px;}
.cadre_form2 .champ {font-weight:bold;  padding : 10px;}


.filtre { position: relative; padding:12px 0 0 70px; margin-left:20px; width:750px; height:35px; background: url('../img/filtre.gif') no-repeat; }
.filtre .submit {margin-left:25px; border:solid #848484 1px;}
.filtre .mois { padding: 0 10px 0 25px; color : #828282; }
.filtre  select { color:#678308; }


/* reservation.php */ 
.prix { background:url('../img/prix.gif'); width:466px; height:82px; position: relative; }
.prix .titre{position: absolute; top: 20px; left: 15px; font-size:12px; width:300px;}
.prix .par_eleve {position: absolute; width:115px;  margin:20px 0 0 340px; color:#fff; font-size:13px; text-align:center; font-weight:bold; }
.prix .tarif {position: absolute; width:115px; font-size:13px; font-weight: bold; text-align:center;  margin:40px 0 0 340px;  color:#fff; font-weight:bold;}

/* gabarit reservation info personnelle */
.by_phone  {position:relative; margin-bottom:3px; height:86px; width: 510px; background: url("../img/by_phone.gif") no-repeat;}
.by_phone a {position: absolute; margin-left:46px; height:20px; width:118px;  top:86px;}

.by_mail  {position:relative; margin-bottom:3px; height:86px; width: 510px; background: url("../img/by_mail.gif") no-repeat;}
.by_mail input, .by_phone input  {position: relative; left:145px; top:23px;}
.by_mail .submit, .by_phone .submit {position: relative; left : 228px; top: 49px; width:103px; height:25px; background: url('../img/petit_valider.gif') ; }
html>/**/body .by_mail .submit, html>/**/body .by_phone .submit {top:25px;}
html>/**/body .by_mail input, html>/**/body .by_phone input {top:0px;}
*+html .by_mail .submit, *+html .by_phone .submit {top:52px;}
*+html .by_mail input, *+html .by_phone input {top:30px;}

.by_mail a {position: absolute; margin-left:46px; height:20px; width:118px;  top:86px;}

/* gabarit formation cursus*/
.formation_cursus { float:left; margin:0 16px 10px 0; }
.cursus li { color : #9ac00a;}
.cursus li span {color : black;}

.formation_ethologique {background: url('../img/formation_ethologique.gif'); width:445px; height:120px;}
.formation_ethologique a {position: absolute;  height:20px; width:100px; margin:87px 0 0 155px; }

.formation_bfee {background: url('../img/formation_bfee.gif'); width:445px; height:120px; margin:10px 0 40px 0;}
.formation_bfee a{position: absolute;  height:20px; width:100px; margin:87px 0 0 155px; }

/* gabarit formation type */
.date_formation {background: url('../img/date_formation.gif'); width:212px; height:205px; padding:45px 0 0 0; margin-bottom:25px; }
.date_formation  .titre { color: #727272; font-size:11px;  width:120px; text-align:center; float:left; padding-top:5px;}
.date_formation  .reserver { width:80px; margin: 5px 5px 0 0; float:right; text-align:right;}
.date_formation .all_date a { position: absolute; margin-left:30px; height:23px; width:152px;  top:222px;}

/* Pied de page */
.pied {  position: relative; clear:both; text-align:center; border-top: solid 4px #c6912b; width:929px; bottom:0; }
.pied  .off { position:relative; top:5px; margin-right:1px;}
.pied .off a { color: #a3a3a3; text-transform:uppercase; text-decoration:none; margin-top:45px; padding: 0 5px 0 2px; }
.pied .ligne .on { position:relative; top:5px;}
.pied  .ligne {position: relative;  border-top: solid #fff 3px; top:0px; }
.pied .ligne .on a { position:relative; color: black; text-transform:uppercase; text-decoration:none; padding: 0 5px 0 2px; }



div.form_cavaliers form select { font-family: Arial; font-size: 10px; font-weight: bold; color: #91bb0a; }
div.liste_cavaliers p, div.liste_cavaliers a { font-family: Arial; font-size: 10px; font-weight: bold; color: #91bb0a; }
div.liste_cavaliers table { font-family: Arial; font-size: 9px; font-weight: normal; color: #767676; }
div.liste_cavaliers p#partenaire_presentation { font-family: Arial; font-size: 12px; font-weight: bold; color: #314001; }
div.liste_cavaliers p#partenaire_choix{ font-family: Arial; font-size: 11px; font-weight: bold; color: #314001; }

div#result_stage {
	background-image: url('../img/image_bridees.jpg');
	background-repeat: no-repeat;
	width: 200;
	height: 150;
	
	position:absolute;
	left:30px;
	top:150px;
	z-index:1;
}
div#invite_stage {
	margin-right: 35;
	margin-left: 15;
	margin-top: 10;
	margin-bottom: 10;
	overflow: auto;
}
div#invite_stage h1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #91bb0a;
}
div#invite_stage p {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
}