/* CSS Document */
* {margin:0;padding:0;}
body
{
   width: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color : #ceb954;
}

#header {
width : 100%;
height : 150px;
left : 0;
text-align : center;
z-index : 1;
}
.texte {
/*border-left : 2px solid #ff0000; Une bordure pour visualiser les limites du corps de la page*/
padding-right : 20px;
font-family: Papyrus, "Trebuchet MS", Arial, serif;
text-align : justify;
font-size:1.2em;
padding-left:20px;
text-indent:10px;
font-weight:bold;
position:relative;
}
.texteNormal
{
   padding-right:20px;
   color:black;
   font-family: Papyrus, "Trebuchet MS", Arial, serif;
   font-style: normal;
   font-weight:normal;
   text-align: justify;
   font-size: 18px;
   text-indent:10px;
   padding-left:20px;
padding-right : 20px;
position:relative;
}
.texteNormalCentre
{
   padding-right:20px;
   color:black;
   font-family: Papyrus, "Trebuchet MS", Arial, serif;
   font-style: normal;
   font-weight:normal;
   text-align: center;
   font-size: 18px;
   position:relative;
}
.texteNormalCentreEncartgalerie
{
   padding-right:20px;
   color:black;
   font-family: Papyrus, "Trebuchet MS", Arial, serif;
   font-style: normal;
   font-weight:normal;
   text-align: center;
   font-size: 18px;
   border:2px solid #FEFF88;
   
}
/*Pour page de liens: taille du texte pour qu'il ne dépasse pas sous l'image*/
.texteNormalLien
{
   padding-right:15px;
   color:black;
   font-family: Papyrus, "Trebuchet MS", Arial, serif;
   font-style: normal;
   font-weight:normal;
   text-align: justify;
   font-size: 16px;
   padding-left:15px;
}
#menu /* inspiré par http://gcyrillus.free.fr/ et le site du zéro*/
{
   float: left; /* Le menu flottera à gauche */
   width: 170px; /* Très important : donner une taille au menu */
  /* position : fixed;*/
line-height:20px;
margin-left:5px;
z-index:4;
position:relative
}
#menu a:hover, #menu li span a:hover {
background-image : url("http://poneyclubdeclary.fr/puce-fer.gif");
background-repeat : no-repeat;
background-position : 2px center;
padding-left : 15px;

}
#menu a{
font-weight:bold;
font-size: 0.9em;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin : 0;
padding : 0;
list-style-type : none;
position : relative;
z-index : 7;
}
#menu li {
width : 250px;
height:25px;
background-color :#a48d24 ;
border : 1px solid #F9EA62;
padding-left : 4px;
line-height:20px;
margin-bottom:-5px;
/*left:10px;*/ /*Position du sous-menu par rapport au menu*/
top:-10px; /*Position du sous-menu par rapport au menu*/
position:relative;
}
#menu dt {
cursor : pointer;
width : 144px;
height : 38px;
/*background-color : #f2eef6;*/
/*border : 1px solid #bbbbbb;*/
margin : 0 0 1px 0; /*marges de boutons entre eux*/
padding-left : 2px;

}
#menu1
{background: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge1.gif");
line-height:30px; /*Centre verticalemen les textes d'une seule ligne*/
}
#menu2
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge2.gif");
line-height:15px; /*Centre verticalement les texte de deux lignes*/
}
#u2{
display:none; /*Le menu3 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu2*/
}
#menu3
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge3.gif");
line-height:30px; /*Centre verticalemen les textes d'une seule ligne*/

}
#menu4
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge4.gif");
line-height:30px; /*Centre verticalemen les textes d'une seule ligne*/
}
#u4{
display:none; /*Le menu5 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu4*/
}
#menu5
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge5.gif");
white-space:nowrap; /*permet d'éviter que le texte ne se coupe en deux lignes*/
line-height:30px; /*Centre verticalement les texte de deux lignes*/
}
#u5{
display:none; /*Le menu6 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu5*/
}
#menu6
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge6.gif");
line-height:30px; /*Centre verticalement les textes d'une seule ligne*/
}
#u6{
display:none; /*Le menu7 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu6*/
}
#menu7
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge7.gif");
line-height:30px; /*Centre verticalement les textes d'une seule ligne*/
white-space:nowrap; /*permet d'éviter que le texte ne se coupe en deux lignes*/
}
#menu8
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge8.gif");
line-height:30px; /*Centre verticalement les textes d'une seule ligne*/
white-space:nowrap; /*permet d'éviter que le texte ne se coupe en deux lignes*/
}
#u7{
display:none; /*Le menu8 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu7*/
}
#menu9
{background-image: url("http://poneyclubdeclary.fr/BoutonBois/Bouton_vierge9.gif");
line-height:30px; /*Centre verticalement les textes d'une seule ligne*/
white-space:nowrap; /*permet d'éviter que le texte ne se coupe en deux lignes*/
}
#u8{
display:none; /*Le menu9 n'a pas de sous-menu: à cause du calcul de positions en relatif et pour que le sous-menu suivant soit correctement positionné, on n'affiche pas le sous-menu8*/
}
#menu a {
font-family: Papyrus, "Trebuchet MS", Arial, serif;
display : block;
margin : 0;
width : 100%;
padding-left : 15px;
padding-top:5px;
}
a:link {
color:#FEFF88;
text-decoration : none;
}
a:visited { /*déjà visité*/
text-decoration : none;
color:#FEFF88;
}
a:hover { /*passage au dessus du bouton*/
text-decoration : underline;
color:#FEFF88;
}
a:active {/* lorsqu'on presse le bouton*/
text-decoration : none;
color:red;
}
ol, li {

text-align : left;
}
li span {
color : #645bb6;
}
ol {
color : #007500;
}
.arrondis { position : relative; width:100%;margin-bottom:20px; border:1px solid #F9EA62; background-color:#a48d24;}
.arrondis .haut_gauche, .arrondis .haut_droit, .arrondis .bas_gauche, .arrondis .bas_droit { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #ceb954; }
.arrondis .haut_gauche { top: -1px; left: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hg.gif"); z-index: 1; }
.arrondis .haut_droit { top: -1px; right: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hd.gif"); z-index: 2; }
.arrondis .bas_gauche { bottom: -2px; left: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bg.gif"); z-index: 3;}
.arrondis .bas_droit { bottom: -2px; right: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bd.gif"); z-index: 4; }
.arrondis .contenu{ position: relative; padding: 12px; z-index: 5; }
#corps
{
   margin-left: 190px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   width:100%;
   margin-right:5px;
}
html>body #corps { width:80%;
}

.conteneur {
position : relative;
font-family : "Times New Roman, Times, serif";
font-size : 18px;
text-align : justify;
}

html>body .conteneur {
padding-right:10px;
}

.cadre
{
background-color :#a48d24 ;
border : 1px solid #F9EA62;
padding-bottom : 2em;
padding-top:1.5em;
z-index:10;

}
html>body .cadre {
height: auto;
min-height: 200px;
} 

html>body .arrondis_cadre {position : relative; width:100%}
.arrondis_cadre {position : relative; width:100%}
.arrondis_cadre .haut_gauche, .arrondis_cadre .haut_droit, .arrondis_cadre .bas_gauche, .arrondis_cadre .bas_droit { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #ceb954; }
.arrondis_cadre .haut_gauche { top: 0px; left: 0px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hg.gif"); z-index: 1;}
.arrondis_cadre .haut_droit { top: 0px; right: 0px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hd.gif"); z-index: 2; }
.arrondis_cadre .bas_gauche { bottom: 0px; left: 0px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bg.gif"); z-index: 3; }
.arrondis_cadre .bas_droit { bottom: 0px; right: 0px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bd.gif"); z-index: 4; }
.arrondis_cadre .menu{ position: relative; padding: 12px; z-index: 5; }

.imageflotgauche
{
   float: left;
   margin-right:10px;
   margin-left: 15px;
   background-color :#a48d24 ;
}
.imageflotdroit
{
   float: right;
   margin-left:10px;
   margin-right:15px;
}
hr
{  
  clear: both;
 visibility:hidden;
}
.hr_gauche
{
 clear: right;
 visibility:hidden;
}
.hr_droit
{
 clear: left;
 visibility:hidden;
}
.courriel
{
   margin-left:80px;
   margin-right:80px;
   font-family: Papyrus, "Trebuchet MS", Arial, serif;
   font-style: normal;
   font-weight: bold;
   text-align: justify;
   font-size: 16px;
}
h1{ 
font-family: Papyrus, "Trebuchet MS", Arial, serif;
  text-align: center;
  font-variant: small-caps;
  font-size:1.5em;
  font-weight: bold;
  color: #FEFF88;
  padding-bottom:5px;}
h2{
font-family: Papyrus, "Trebuchet MS", Arial, serif;
  text-align: left;
  font-variant: small-caps;
  font-size:1.1em;
  font-weight: bold;
  color: #FEFF88;
  padding-bottom:5px;
  padding-top:5px;}
h3
{  
  font-family: Papyrus, "Trebuchet MS", Arial, serif;
  text-align: center;
  font-size:1.5em;
  font-weight: bold;
  color: #FEFF88;
}


/* Pour le formulaire*/
input, textarea
{
   font-family: Arial, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
   text-align: left;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFBD2;
}

label
{
   color: #4C4005; 
 
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FEFF88;
   font-weight: bold;
   background-image:  url("http://poneyclubdeclary.fr/phpwebgallery/template/yoga/theme/montblanc/img/tableh1_bg.png");
   background-color: #a48d24;
}

fieldset
{
   margin-right:15px;
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #B7A13A;
   border: 1px solid #F9EA62;
   margin-left:15px;

}

table 
{
   margin: auto; /* Centre le tableau */
   border: 1px solid ;
   border-collapse: collapse; 
   border-color: #F9EA62;
}

td
{
	text-align: center;
	font-size: medium;
	font-family: Arial, serif;
	padding:5px;
}
/* pour infosclary, puces et autres...*/
ul
{
margin-right:15px;
list-style-position:inside;
font-family: "arial black", arial, serif;
text-align: justify;
margin-left: 15px
}
li
{
color:#415F00;
}
li a
{
color:#FEFF88;
}
li a:hover, li a:active a
{
   color:#4C4005;
	text-decoration:underline;
}

.findepuce
{
color: black;
font-family:papyrus, "trebuchet ms", arial,serif;
}
.barre
{
color:black;
font-size:normal;
font-family:papyrus,"Trebuchet MS",arial;
text-decoration:line-through;
}
/*Pour la page Tarifs:mise en forme des tableaux*/
.tableTarifs
{
   margin: auto; /* Centre le tableau 
   border: 2px outset; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   border-color: #996600;
   background-color:#ceb954;
}

.fonce 
{
   font-size:1.5em;
   border: 2px outset;
   border-color: #996600;
   font-family: Papyrus, "Trebuchet MS", Arial, Serif;
   font-weight:bold;
   background-color: #996600;
}
.clair 
{
   border: 2px outset;
   border-color: #CC9900;
   background-color: #cc9900;
}
.souligne
{
   font-weight:normal;
   font-family: Papyrus, Arial, serif;
   font-style: italic;
}

td
{
	text-align: center;
	font-size: medium;
	font-family: Arial, serif;
	padding:5px;
	border: 1px solid black;
}

th
{
   font-family: "Comic Sans MS", "Arial black", Arial, serif;
}
.TitreStage
{
  
   font-size:2.0em;
   border: 2px outset;
   border-color: #996600;
   font-family: Papyrus, "Trebuchet MS", Arial, Serif;
   font-weight:bold;
   background-color: #996600;/* Colle les bordures entre elles */
}
}
.TarifStage li
{
font-size:12px;
color: black;
line-height:16px;
text-align: left;

}
td li
{
color: black;
text-align: left;
list-style-type: square;
}
.DescriptionStage
{
font-size: 14px;
text-decoration: none;
}
.Intitule
{
font-weight: bold;
font-size:24px;
color:#996600;
}
#ahalia
{
visibility:hidden;
}

#pied_de_page
{
text-align: center;
background-color :#a48d24 ;
border : 1px solid #F9EA62;
margin-left:10px;
margin-right:10px;
margin-top:15px;
margin-bottom:20px;
}

html>body .arrondis_pied {position : relative; width:100%}
.arrondis_pied {position : relative; width:100%;}
.arrondis_pied .haut_gauche, .arrondis_pied .haut_droit, .arrondis_pied .bas_gauche, .arrondis_pied .bas_droit { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #ceb954; }
.arrondis_pied .haut_gauche { top: -1px; left: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hg.gif"); z-index: 1; }
.arrondis_pied .haut_droit { top: -1px; right: -2px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_hd.gif"); z-index: 2; }
.arrondis_pied .bas_gauche { bottom: -1px; left: -1px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bg.gif"); z-index: 3; }
.arrondis_pied .bas_droit { bottom: -1px; right: -2px; background-image: url("http://poneyclubdeclary.fr/ImagesCoins/Coin_bd.gif"); z-index: 4; }
.arrondis_pied #pied{ position: relative; padding: 12px; z-index: 5; }
#flux li
{background-color:green;}
#flux span{background-color: blue;}