/* CSS Document */
body 
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-top:5px;
}
a:link 
{
	color: #0000FF;
}
a:visited 
{
	color: #000033;
}
a:hover 
{
	color: #0000ff;
}
a:active 
{
	color: #000000;
}
/* 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:auto;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:100px;
	width:950px;
	/* image de fond, sans répétition et couleur de fond */
	background-image:url(design.jpg);
	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:#FF6600;
	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:#FFFFFF;
  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:5px;
}
/* Bloc unique(#) gérant le menu + le contenue principal de la page*/
#principal
{
	/* on centre dans la page */
  margin-left:auto;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:auto;
	width:950px;
	/* on donne un style (trait noir 1px) à tout les bords*/
	border: #FFFFFF solid 1px;
	background-color:#333333;
}
.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:20%;
	/*couleur de fond */
	background-color:#333333;
	padding-top:10px;
}
/* Bloc unique(#) gérant le contenu principal de la page seocnd flux de principal*/
#cadre_principal
{
	float:right;
	/* hauteur,  largeur*/
	height:auto;
	min-height:450px;
	width:80%;
	/*couleur de fond */
	background-color:#9DACBF;
	/* Pour firefox marge a gauche de la taille du menu */
	padding-top:10px;
}
/*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: #FFFFFF;
}
/*couleur du lien au visité*/
#menu .rubrique a:visited 
{
	color: #FFFFCC;
}
/*couleur du lien au survol*/
#menu .rubrique a:hover 
{
	color: #CCFF66;
	background-color:#353755;
}
/*couleur du lien au click*/
#menu .rubrique a:active 
{
	color: #FF0000;
}
/*style pour chaque rubrique*/
#menu .rubrique li
{
	/* on supprime la décoration par default */
  list-style-type: none;
	height:25px;
	background-color:#353755;
	padding-left:10px;
}
/* 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:#FFFFFF;
  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: #FFFFFF solid 1px;
	background-color:#FFFFFF;
	padding:5px;
}
/*style de l'en tête indiquant la race dans lors des liste de chiens (male, femelle...) */
.titre_race
{
	/* on centre dans la page */
  margin-left:auto;
	margin-right:auto;
	/* hauteur,  largeur*/
	height:auto;
	width:90%;
	border: #000000 solid 1px;
	background-color:#353755;
	font-weight:700;
	color:#FFFFFF;
	padding:0.5%;
	font-size:16px;
}
/* style de la présentation d'un chien dans les liste */
.chien_liste
{
   /* on centre dans la page */
  margin-left:auto;
  margin-right:auto;
  /* hauteur,  largeur*/
	height:auto;
	width:auto;
	/* pour taille identique a titre_race sans padding(+1%)*/
	width:91%;
	border-bottom: #000000 solid 1px;
	border-right: #000000 solid 1px;
	border-left: #000000 solid 1px;
	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:5px;
  text-align:center;
}
/* partie avec les lien vers fiche chie, pedigree.. dans les liste de chien*/
.chien_liste .liens
{
  padding:10px;
  border-left: #000000 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 pour le commentaire du chien sans les liste des chiens*/
.coment
{
    background-color:#CCCCFF;
}
/* style du cadre d'une fiche chien */
.cadre_fiche_chien
{
  background-color:#FFFFFF;
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  border: #000000 solid 1px;
}
/* placement de l'image du chien et rubrique frere/soeur */
.cadre_fiche_chien .droite_cadre
{
  float:right;
  width:auto;
  height:auto;
  border: #000000 solid 1px;
}
/* style pour le titre de la fiche (nom-affixe)*/
#principal .cadre_fiche_chien h1
{
    font-size:22px;
    color:#000000;
}
/* style du titre de la rubrique freres et soeurs*/
.cadre_fiche_chien h3
{
    font-size:12px;
    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:#EA005E;
}
.male
{
  color:#0033CC;
}
/*couleur du texte femmelle et male* (titre dans les liste)*/
.titre_femelle
{
  color:#EA005E;
  font-weight:700;
  font-size:14px
}
.titre_male
{
  color:#0033CC;
  font-weight:700;
  font-size:14px
}
/*couleur des liens pour femmelles et males*/
.femelle a
{
  color:#EA005E;
}
.male a
{
  color:#0033CC;
}
/* style du conteneur des listes d'exposition*/
.cadre_expo
{
  background-color:#FFFFFF;
  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:#336699;
  padding-left:10px;
}
/* style de la légende des tableau (liste des expo) */
tr.titre
{
  background-image:url('./taskbar.gif');
}
/* style des ligne du tableau expo*/
tr.expo
{
  background-color:#CCCCFF;
}
.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: #FF0000;
  margin-left:25px;
  font-weight:700;
  background-color:#FFFFFF;
}
/*/////////////////////////////////////////////////*/
/* PARTIE STYLE DU PEDIGREE*/
#pedig
{
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
  width:950px;
  height:660px;
  background-color:#ffffff;
  border: #000000 solid 1px;
}
#pedig_info
{
  height:100px;
}
#pedig_info h2
{
  font-size:18px;
  margin:0px;
}
#pedig_info h3
{
  font-size:12px;
  margin:0px;
}
.bas_pedig
{
  padding:7px;
  color:#000000;
  text-align:right;
  font-weight:400;
}
/* fond des cellules male/femelle */
td.male 
{
  color: black;
  font-weight: bold;
  background-image:url('./fond_cell_male.png');
  background-repeat:no-repeat;
  font-size:10px;
  padding-left:5px;
}
td.femelle 
{
  color: black;
  font-weight: bold;
  background-image:url('./fond_cell_femelle.png');
  background-repeat:no-repeat;
  font-size:10px;
  padding-left:5px;
}
/* positionne en partie le pedigree pour style d'abre genéalogique
attention au modifications*/
.gen1
{
  float:left;
  width: 305px;
  height: auto;
  margin-top:200px;
}
.gen2
{
  float:left;
  width: 305px;
  height: auto;
  margin-top:63px;
}
.gen3
{
  float:left;
  width: 305px;
  height: auto;
}