/* CSS Document */
body 
{
	font-family: Time New Roman;
	font-size: 16px;
        color:#708090;
	background-color:#FFFFFF;
	margin-top:10px;
}
a:link 
{
	color: #708090;
}
a:visited 
{
	color: #708090;
}
a:hover 
{
	color: #708090;
}
a:active 
{
	color: #708090;
}
/* Empèche les image lien d'etre encadrées */
img
{
  border:0px;
}
/* Bloc unique(#) gérant la bannière de la page premier flux de la page */
#en_tete
{
	position:relative;
	/* on centre dans la page */
        margin-left:450px;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:400px;
	width:400px;
	/* image de fond, sans répétition et couleur de fond */
	background-image:url(roseaux.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	/* on donne un style (trait noir 1px) au bord gauche,haut,droit */
	border-left:#FFFFFF solid 1px;
	border-top: #FFFFFF solid 1px;
	border-right: #FFFFFF solid 1px;
}
/* Style du titre dans la banière (premier flux dans en_tete) */
#en_tete h1
{
	/* taille et couleur du texte en italique*/
  font-size:36px;
	color:#BC8F8F;
	font-style:italic;
	/* on décale de 180 a gauche et de 20 en haut*/
  margin-left:20px;
	margin-top:50px;
}
/* Style des coordonées dans la banière (second flux dans en_tete) */
#en_tete .info
{
	/* le positionnement n'aura pas de rapport avec le reste */
  position:absolute;
	/* on positionne comme on veut*/
  top:85px;
	left:10px;
	font-style:italic;
	clear:inline;
	color:#BC8F8F;
	font-weight:bold;
}
/*style pour chaque ligne de la liste des coordonées
(permet par exemple de les alignée horizontalement avec display:inline */
#en_tete .info li
{
  /* on supprime la décoration par default */
  list-style-type: none;
  display: inline;
  padding:10px;
}
/* Bloc unique(#) gérant le menu + le contenue principal de la page*/
#principal
{
	/* on centre dans la page */
  margin-left:20;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:800px;
	width:1200;
	/* on donne un style (trait noir 2px) à tout les bords*/
	border: #708090 solid 1px;
	background-image:url(k3.gif);
        background-color:#E5E5E5;
}
.spacer 
{
  clear: both;
  margin-bottom:-15px;
}
/* Bloc unique(#) gérant le menu de la page premier flux de principal*/
#menu
{
	/* on place a gauche */
  float:left;
	/* hauteur,  largeur*/
	height:auto;
	width:27%;
	/*couleur de fond */
        background-image:url(k3.gif);
        background-color:#E5E5E5;
	padding-top:14px;
}
/* Bloc unique(#) gérant le contenu principal de la page second flux de principal*/
#cadre_principal
{
	float:right;
	/* hauteur,  largeur*/
	height:auto;
	min-height:600px;
	width:73%;
	/*couleur de fond */
	background-color:#FFFFFF;
	/* Pour firefox marge a gauche de la taille du menu */
	padding-top:14px;
}
/*Cadre des langue premier flux du menu */
.langue
{
  /* centrer et gras */
  text-align:center;
  font-weight:700;
  /* marges */
  margin-top:10px;
}
/* formulaire dans le menu(choix des langues)*/
#menu form
{
  /* on remet juste les marge a 0 pour éviter les différence
  entre les valeurs par défault des navigateurs */
  margin:0;
}
/* Style du conteneur des rubriques dans le menu (second flux dans le menu) */
#menu .rubrique
{
  margin-top:30px;
  margin-left:5px;
  margin-right:5px;
  font-size:14px;
}
/*couleur du lien au départ*/
#menu .rubrique a:link 
{
	color:#708090;
}
/*couleur du lien au visité*/
#menu .rubrique a:visited 
{
	color:#708090;
}
/*couleur du lien au survol*/
#menu .rubrique a:hover 
{
	color: #778899;
	background-color:#FFFFFF;
}
/*couleur du lien au click*/
#menu .rubrique a:active 
{
	color: #708090;
}
/*style pour chaque rubrique*/
#menu .rubrique li
{
	/* on supprime la décoration par default */
        list-style-type: none;
        font-size: 16px;
        height:25px;
       	background-color: #D3D3D3;
        padding-left:5px;
}
/* Style du conteneur des rubriques dans le menu (second flux dans le menu) */
#menu .chien_dispo
{
  margin-top:30px;
  margin-left:5px;
  margin-right:5px;
  color:#708090;
  font-weight:700;
  text-align:center;
}
/* cadre centré */
.cadre_centre
{
	/* on centre dans la page */
  margin-left:auto;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:auto;
	width:90%;
	/* on donne un style (trait noir 1px) à tout les bords*/
	border: #708090 solid 1px;
	background-color:#E5E5E5;
	padding:10px;
}
/* style de la présentation d'un chien dans les liste */
.chien_liste
{
	/* on centre dans la page */
  margin-left:325px;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:auto;
	width:auto;
	border-bottom: #D3D3D3 solid 1px;
	border-right: #D3D3D3 solid 1px;
	border-left: #D3D3D3 solid 1px;
        background-image:url(k3.gif);
	background-color:#FFFFFF;
}
/* style pour la miniature du chien dans les liste de chiens*/
.chien_liste .miniature
{
  float:left;
  height:110px;
  width:110px;
  padding-top:10px;
  text-align:center;
}
/* partie avec les lien vers fiche chie, pedigree.. dans les liste de chien*/
.chien_liste .liens
{
  padding:10px;
  border-left: #708090 solid 1px;
  margin-left:110px;
  min-height:95px;
}
/* liste voir fiche, voir pedig, voir expo*/
.chien_liste li
{
  list-style-type: none;
  display: inline;
  padding: 10px;
}
/*style du cadre affichant les conditions de vente*/
.condi_vente
{
  width:90%
  height: 50px;
  max-height: 60px;
  overflow:auto;
  border: #000000 solid 1px;
}
/* style du cadre d'une fiche chien */
.cadre_fiche_chien
{
  background-image:url(k3.gif);
  background-color:#FFFFFF;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  border: #708090 solid 1px;
}
/* placement de l'image du chien et rubrique frere/soeur */
.cadre_fiche_chien .droite_cadre
{
  float:right;
  width:auto;
  height:auto;
  border: #708090 solid 1px;
}
/* style pour le titre de la fiche (nom-affixe)*/
#principal .cadre_fiche_chien h1
{
    font-size:16px;
    background-color:#FFFFFF;
}
/* style du titre de la rubrique freres et soeurs*/
.cadre_fiche_chien h3
{
    font-size:14px;
    font-weight:700;
}
/*style de la liste des info dans la fiche chien*/
.propertylist 
{
  width:380px;
  overflow:auto;
}
.propertylist dt 
{
  width:150px;
  float:left;
}
.propertylist dd 
{
  width:150px
  float:left;
}
/*couleur male femelle*/
.femelle
{
  color:#DB7093;
}
.male
{
  color:#4682B4;
}
/*couleur du texte femmelle et male* (titre dans les liste)*/
.titre_femelle
{
  color:#DB7093;
  font-weight:700;
  font-size:14px
}
.titre_male
{
  color:#4682B4;
  font-weight:700;
  font-size:14px
}
/*couleur des liens pour femmelles et males*/
.femelle a
{
  color:#DB7093;
}
.male a
{
  color:#4682B4;
}
/* style du conteneur des listes d'exposition*/
.cadre_expo
{
  background-color:#708090;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  border: #000000 solid 1px;
}
.cadre_expo h1
{
  font-size:22px;
}
/* titre de chaque page (nos champions, nos male...), */
#principal h1
{
  font-size:22px;
  color:#708090;
  padding-left:12px;
}
/* style de la légende des tableau (liste des expo) */
tr.titre
{
  background-color:#FFFFFF;
}
/* style des ligne du tableau expo*/
tr.expo
{
 background-color:#FFFFFF;
}
.rouge
{
  color:#FF0000;
}
.centrer
{
  text-align:center;
}
.genere_par
{
  font-size:10px;
}
label 
{
  padding-right:5px;
  padding-top:2px;
  text-align:right;
  float:left;
	width: 150px;
}
.alert
{ 
  color: #708090;
  margin-left:25px;
  font-weight:700;
}
/*/////////////////////////////////////////////////*/
/* PARTIE STYLE DU PEDIGREE*/
#pedig
{
  margin-left:10px;
  margin-right:0px;
  padding-top:0px;
  width:auto;
  height:1200px;
  background-color:#000000;
  border: #000000 solid 1px;
  
}
#pedig_info
{
  height:0px;
  margin-left:10px;
  margin-right:0px;

}
#pedig_info h2
{
  font-size:14px;
  margin:0px;
  margin-left:10px;
  margin-right:0px;
}
#pedig_info h3
{
  font-size:14px;
  margin:0px;
  margin-left:10px;
  margin-right:0px;

}
.bas_pedig
{
  background-image: url('PETIT LOGO - Copie.jpg');
  
}
/* fond des cellules male/femelle */
td.male 
{
  background-image: url('fond_cell_male.png');
  border: #708090 solid 1px
  font-size:12px;
  padding-left:0px;
  text-align:center;
  margin-left:10px;
  margin-right:0px;
}
td.femelle 
{
  background-image:url('fond_cell_femelle.png');
  border: #708090 solid 1px
  font-size:12px;
  padding-left:0px;
  text-align:center;
}
/* positionne en partie le pedigree pour style d'abre genéalogique
attention au modifications*/
.gen1
{
  float:left;
  width: 0px;
  height:0px;
  margin-top:0px;
}
.gen2
{
  float:left;
  width: 0px;
  height:0px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
}
.gen3
{
  float:left;
  width: 0px;
  height: 0px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
}
.gen4
{
  float:left;
  width: 0px;
  height: 0px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
}