16:17 03/10/200616:17 03/10/2006/* At-Rules */
@charset "iso-8859-1";


.clear {clear: both; visibility: hidden;}

body {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
line-height:150%;
color: 006600;
background-color: cccccc;
}

span {display:none;}

#global {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}

/************************* Caractéristiques dela zone de titre ****************/
/* C'est ici que l'on met l'image de fond                                     */
.tete {
position: absolute;
top: -15px;
left: 50% ;
width: 800px;
margin-left: -400px;
height: 748px;
background-image: url(site.png);
}

/************************* Caractéristiques du menu ***************************/
ul#menuContainer {
position: absolute;
left: 0px; top: 140px;
width: 125px;
text-align: center;
margin: 0; padding: 0;
/*border: 1px solid red;*/
}

ul#menuContainer li {
display:block;width: 100px;height:40px;list-style:none;
}

ul#menuContainer a {
display:block;height:40px;
}

/*Les liens par défaut*/
ul#menuContainer li#accueil 		{background: url(accueil.png) 0 0 no-repeat;}
ul#menuContainer li#presentation 	{background: url(presentation.png) 0 0 no-repeat;}
ul#menuContainer li#poulinieres		{background: url(poulinieres.png) 0 0 no-repeat;}
ul#menuContainer li#etalons		{background: url(etalons.png) 0 0 no-repeat;}
ul#menuContainer li#produits		{background: url(produits.png) 0 0 no-repeat;}
ul#menuContainer li#ecuries		{background: url(ecuries.png) 0 0 no-repeat;}
ul#menuContainer li#contacts		{background: url(contacts.png) 0 0 no-repeat;}

/*La page actuelle*/
ul#menuContainer li#accueil-s 		{background: url(accueil-s.png) 0 0 no-repeat;}
ul#menuContainer li#presentation-s 	{background: url(presentation-s.png) 0 0 no-repeat;}
ul#menuContainer li#poulinieres-s	{background: url(poulinieres-s.png) 0 0 no-repeat;}
ul#menuContainer li#etalons-s		{background: url(etalons-s.png) 0 0 no-repeat;}
ul#menuContainer li#produits-s		{background: url(produits-s.png) 0 0 no-repeat;}
ul#menuContainer li#ecuries-s		{background: url(ecuries-s.png) 0 0 no-repeat;}
ul#menuContainer li#contacts-s		{background: url(contacts-s.png) 0 0 no-repeat;}

/*Au survol du lien*/
ul#menuContainer li#accueil 	 a:hover	{background: url(accueil-h.png) 0 0 no-repeat;}
ul#menuContainer li#presentation a:hover	{background: url(presentation-h.png) 0 0 no-repeat;}
ul#menuContainer li#poulinieres	 a:hover	{background: url(poulinieres-h.png) 0 0 no-repeat;}
ul#menuContainer li#etalons	 a:hover	{background: url(etalons-h.png) 0 0 no-repeat;}
ul#menuContainer li#produits	 a:hover	{background: url(produits-h.png) 0 0 no-repeat;}
ul#menuContainer li#ecuries	 a:hover	{background: url(ecuries-h.png) 0 0 no-repeat;}
ul#menuContainer li#contacts	 a:hover	{background: url(contacts-h.png) 0 0 no-repeat;}


/*********************** Caractéristiques de la zone principale *****************/
.pageContainer{
position: absolute;
top: 130px;
left: 130px;
width: 82%;
/*border: 1px solid red;*/
}

.page {
display: block;
top: 78px;
width: 100%;
/*border: 1px solid #000000;*/
margin: 5px;
padding:  1em;
padding-top: 0;
text-align: left;
}

h1{
display: block;
width: 610;
height: 60;
padding: 20 0 0 100; margin: 0 0 10 0;
font-size: 200%;
background: url(titre.png) 0 0 no-repeat;
}
	
/*********************** Caractéristiques des tableaux *****************/
table#chevaux{
/*border: 1px solid #000000;*/
margin: auto;
font-size: 100%;
border-collapse: collapse;
}

/* Les lignes */
tr{
border: 1px solid #000000;
background-color= #cccccc;
}

/* Les cellules */
th{
background-color= #999999;
color: white;
}

td{
padding: 5px;
border-bottom: 1px solid #006600;
}

td#principal{font-weight:bold;}
td#centre{text-align: center;}

#parents{
display: block;
padding-right: 5px;
text-align: right;
font-weight: normal;
font-size: 80%;
}




.pageTitre {
display: block;
top: 78px;
width: 100%;
font-weight: bold;
text-align: left;
}

/*Les fiches descriptives*/
.fiche {
float: left;
background-color: #ffcc33;
border: 1px solid red;
padding: 10px;
margin: 10px;
}



















a.test:hover {
background: none;
}

/*Dans le pageContainer,
les flèches de navigation*/
a.flecheGauche {
display: inline;
width: 76px;
height: 76px;
background-image: url(arrow-off-left.html);
background-repeat: no-repeat;
}

a.flecheGauche:hover {
background-color: #5991d6;
background-image: url(arrow-on-left.html);
}

a.flecheDroite {
display: inline;
width: 76px;
height: 76px;
background-image: url(arrow-off-right.html);
background-repeat: no-repeat;
}

a.flecheDroite:hover {
background-color: #5991d6;
background-image: url(arrow-on-right.html);
}









a.interne:hover {
background-color: #d6d6d6;
border: 2px solid #a1a1a1;
}

a.vertical:hover {
background-color: #5991d6;
background-image: url(button2.html);
}



a:link {text-decoration:none;}

a:visited { text-decoration:none ;}

a:hover {background-color: #33ccff; color: black; text-transform: bold;}













.fin {
display: block;
height: 20px;
text-align: center;
background-image: url(userbar.html);
background-repeat: no-repeat;
}