<center><div class="fichepresentation"><div class="titrepresentation">Titre de la fiche d'identification de Liintu</div><div id="blocalignement"><div class="blocidentite"><span class="champid">N°sire : </span><span class="repid">Numéro</span>
<span class="champid">Né le : </span><span class="repid">00/00/0000</span>
<span class="champid">Âge : </span><span class="repid">x ans</span><div class="originesid">Origines</div><span class="racechamp">Race : </span><span class="racerep">Nom de la race</span><div class="barreidentite">80%<div class="barreidentiteprogression" style="width:80%"></div></div></div><div class="imageidentite" style="background:url('https://www.zupimages.net/up/18/26/0pub.png') center center;background-size:100%;"></div><div class="blocidentitesuite"><span class="champid">Naisseur : </span><span class="repid">Inconnu</span>
<span class="champid">Propriétaire : </span><span class="repid">Inconnu</span>
<span class="champid">Prix : </span><span class="repid">Inconnu</span>
<span class="champid">Débourrage : </span><span class="repid">Terminé</span>
<span class="champid">Evolution : </span><span class="repid">00 %</span>
</div></div><div id="blocalignement"><div class="blocgenealogie"><div class="soustitre_1">Arbre généalogique de</div><div class="nomcheval">Nom du cheval</div><div class="genealogie1"></div><div class="genealogie2"></div><div class="genealogie3"><div class="genealogie4"><img src="https://zupimages.net/up/18/26/nx4s.png" class="imgparent"/><div class="genealogie6"></div><div class="genealogie7"></div><img src="https://zupimages.net/up/18/26/yh9x.png" class="imgenfant"/> <img src="https://zupimages.net/up/18/26/yh9x.png" class="imgenfant"/></div><div class="genealogie5"><img src="https://zupimages.net/up/18/26/nx4s.png" class="imgparent"/><div class="genealogie6"></div><div class="genealogie7"></div><img src="https://zupimages.net/up/18/26/yh9x.png" class="imgenfant"/> <img src="https://zupimages.net/up/18/26/yh9x.png" class="imgenfant"/></div></div></div><div class="infogenealogie"><span class="champgenea">Fertilité : </span><span class="repgenea">Non testé</span><span class="champgenea">Nombre de saillies : </span><span class="repgenea">Aucune</span><div class="descendants">Descendants</div><div class="poulains">Nom du poulain - [url=http://grey-stables.forumactif.com/]Link[/url]<br>Nom du poulain - [url=http://grey-stables.forumactif.com/]Link[/url]<br>Nom du poulain - [url=http://grey-stables.forumactif.com/]Link[/url]<br>Nom du poulain - [url=http://grey-stables.forumactif.com/]Link[/url]</div></div></div><div id="blocalignement"><div class="blocsoins"><div class="soustitre_4">Dossier médicale</div><div id="blocalignement"><div class="champsante">Santé<br>Energie<br>Morale<br>Confiance</div><div class="blocbarresante"><!-SANTE--><div class="barresante"><div class="textebarresante">100%</div><div class="barresanteprogression" style="width:100%"></div></div><!-ENERGIE--><div class="barresante"><div class="textebarresante">80%</div><div class="barresanteprogressionenergie" style="width:80%"></div></div><!-MORAL--><div class="barresante"><div class="textebarresante">80%</div><div class="barresanteprogressionmoral" style="width:80%"></div></div><!-CONFIANCE--><div class="barresante"><div class="textebarresante">90%</div><div class="barresanteprogressionconfiance" style="width:90%"></div></div></div></div><div class="soustitre_1">Carnet de santé</div><div class="carnetdesante">• Date - [url=http://grey-stables.forumactif.com/]Soin[/url] - [url=http://grey-stables.forumactif.com/]Spécialiste[/url]<br>• Date - [url=http://grey-stables.forumactif.com/]Soin[/url] - [url=http://grey-stables.forumactif.com/]Spécialiste[/url]<br>• Date - [url=http://grey-stables.forumactif.com/]Soin[/url] - [url=http://grey-stables.forumactif.com/]Spécialiste[/url]</div></div><div class="blocpalmares"><div id="blocalignement"><div class="medailles"><div class="nombremed"><!--OR-->0 <!--ARGENT-->0 <!--BRONZE-->0</div><div class="imgmed"><img src="https://zupimages.net/up/18/26/cace.png"> <img src="https://zupimages.net/up/18/26/5hb3.png"> <img src="https://zupimages.net/up/18/26/5ccf.png"></div></div><div class="partigain">Nombre de participations : 0<br>Gains totaux : 0</div></div><div class="soustitre_1">Palmarès</div><div class="palmares">• 00/00/0000 - Compétition de ... - Résultats<br>• 00/00/0000 - Compétition de ... - Résultats<br>• 00/00/0000 - Compétition de ... - Résultats<br>• 00/00/0000 - Compétition de ... - Résultats</div></div></div><div id="blocalignement"><div class="blocaptitude"><div class="soustitre_3">Aptitudes physiques</div><div class="soustitre_2">Equilibre</div><div class="barreaptitude"><div class="textebarreaptitude">80%</div><div class="barreaptitudeprogression" style="width:80%"></div></div><div class="soustitre_2">Puissance</div><div class="barreaptitude"><div class="textebarreaptitude">50%</div><div class="barreaptitudeprogression" style="width:50%"></div></div><div class="soustitre_2">Impulsion</div><div class="barreaptitude"><div class="textebarreaptitude">70%</div><div class="barreaptitudeprogression" style="width:70%"></div></div><div class="soustitre_2">Impulsion</div><div class="barreaptitude"><div class="textebarreaptitude">70%</div><div class="barreaptitudeprogression" style="width:70%"></div></div><div class="soustitre_2">Souplesse</div><div class="barreaptitude"><div class="textebarreaptitude">90%</div><div class="barreaptitudeprogression" style="width:90%"></div></div></div><div class="imageaptitude" style="background:url('https://www.zupimages.net/up/18/26/b7if.png') center center;background-size:100%;"></div><div class="blocaptitude"><div class="soustitre_3">Aptitudes psychiques</div><div class="soustitre_2">Respect</div><div class="barreaptitude"><div class="textebarreaptitude">80%</div><div class="barreaptitudeprogression" style="width:80%"></div></div><div class="soustitre_2">Compétitivité</div><div class="barreaptitude"><div class="textebarreaptitude">50%</div><div class="barreaptitudeprogression" style="width:50%"></div></div><div class="soustitre_2">Docilité</div><div class="barreaptitude"><div class="textebarreaptitude">70%</div><div class="barreaptitudeprogression" style="width:70%"></div></div><div class="soustitre_2">Franchise</div><div class="barreaptitude"><div class="textebarreaptitude">90%</div><div class="barreaptitudeprogression" style="width:90%"></div></div></div></div><div id="blocalignementdisci"><div class="blocdiscipline"><div class="blochampdisci"><div class="soustitre_5">Dressage</div><div class="soustitre_5">Obstacle</div><div class="soustitre_5">Cross</div><div class="soustitre_5">Hunter</div></div><div class="blocbarredisci"><!-DRESSAGE--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-OBSTACLE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-CROSS--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HUNTER--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="titreclassi">Classique</div></div><div class="blocdiscipline"><div class="titrehipp">Hippique</div><div class="blocbarredisci"><!-TROT--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-GALOP--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HAIE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-ENDURANCE--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="blochampdisci"><div class="soustitre_5">Trot</div><div class="soustitre_5">Galop</div><div class="soustitre_5">Haie</div><div class="soustitre_5">Endurance</div></div></div><div class="blocdiscipline"><div class="blochampdisci"><div class="soustitre_5">Equifeel</div><div class="soustitre_5">Attelage</div><div class="soustitre_5">Horse ball</div><div class="soustitre_5">Pony Games</div></div><div class="blocbarredisci"><!-EQUIFEEL--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-ATTELAGE--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-HORSE BALL--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-PONY GAMES--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="titreloisi">Loisir</div></div><div class="blocdiscipline"><div class="titrewest">Western</div><div class="blocbarredisci"><!-BAREEL RACE--><div class="barredisciplines"><div class="textebarredisciplines">500 points</div><div class="barredisciplinesprogression" style="width:100%"></div></div><!-CUTTING--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-POLE BENDING--><div class="barredisciplines"><div class="textebarredisciplines">400 points</div><div class="barredisciplinesprogression" style="width:80%"></div></div><!-REIMING--><div class="barredisciplines"><div class="textebarredisciplines">450 points</div><div class="barredisciplinesprogression" style="width:90%"></div></div></div><div class="blochampdisci"><div class="soustitre_5">Barrel race</div><div class="soustitre_5">Cutting</div><div class="soustitre_5">Pole bending</div><div class="soustitre_5">Reiming</div></div></div></div><div class="soustitre_1">Inventaire</div><div class="blocinventaire"><div id="blocalignement"><div class="imginventaire" style="background:url('https://zupimages.net/up/18/26/650n.png');background-size:100%;"></div><div class="imginventaire" style="background:url('https://zupimages.net/up/18/26/650n.png');background-size:100%;"></div><div class="imginventaire" style="background:url('https://zupimages.net/up/18/26/650n.png');background-size:100%;"></div></div></div><div class="credit">Fiche par Liintu - Code par Libella - Pour Grey Stables</div></div></center>

/***FICHE DE PRESENTATION***/
/*CADRE, TITRE ET MISE EN PLACE DES ELEMENTS DE LA FICHE*/
.fichepresentation {
  width:600px;
  background:#AACCB1;
  color:#28382b;
  font-family:verdana;
  font-size:12px
}
/*pour alignement des blocs horizontalement*/
#blocalignement {
  display: flex;
  margin-bottom:15px;
}
/*pour alignement des blocs horizontalement partie discipline*/
#blocalignementdisci {
  display: flex;
  flex-wrap: wrap;
  margin-bottom:15px;
}

.titrepresentation {
  width:600px;
  height:25px;
  padding-top:3px;
  line-height:22px;
  font-family: 'Song Myung', serif;
  font-size:28px;
  color:#28382b;
  background:#58AE87
}
/*titre des parties : inventaire, arbre généalogique, etc*/
.soustitre_1 {
  font-family: 'Song Myung', serif;
  font-size:18px;
  text-align:center;
  color:#28382b;
}

/*les barres pourcentages et points*/
/*forme et texte de la barre pourcentage dans la partie identité*/
.barreidentite {
  width:160px;
  height:10px;
  padding-bottom:10px;
  margin-top:8px;
  text-align:center;
  font-size:11px;
  font-family:verdana;
  border:1px solid #28382b;
}

.barreidentiteprogression {
  height:20px;
  margin-top:-18px;
  background:#75a57f;
}

/*forme et texte de la barre pourcentage des aptitudes physiques et psychologiques*/
.barreaptitude {
  width:125px;
  height:10px;
  margin-top:3px;
  border:1px solid #28382b;
}

/*mise en forme de la progression des barres aptitude et psychologique*/
.barreaptitudeprogression {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}
/*mise en forme du texte du pourcentage*/
.textebarreaptitude {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}

/*forme et texte de la barre pourcentage de la partie dossier medicale */
.barresante {
  width:170px;
  height:10px;
  margin-top:8px;
  border:1px solid #28382b;
}

/*mise en forme du texte du pourcentage*/
.textebarresante {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}

/*mise en forme de la progression de la barre santé*/
.barresanteprogression {
  height:10px;
  margin-top:-13px;
  background:#AC6F6F;
  float:left;
}
/*mise en forme de la progression de la barre énergie*/
.barresanteprogressionenergie {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}

/*mise en forme de la progression de la barre moral*/
.barresanteprogressionmoral {
  height:10px;
  margin-top:-13px;
  background:#F3E427;
  float:left;
}
/*mise en forme de la progression de la barre confiance*/
.barresanteprogressionconfiance {
  height:10px;
  margin-top:-13px;
  background:#53ADC8;
  float:left;
}

/*forme et texte de la barre pourcentage de la partie disciplines */
.barredisciplines {
  width:190px;
  height:10px;
  margin-top:8px;
  border:1px solid #28382b
}

/*mise en forme de la progression de la barre disciplines*/
.barredisciplinesprogression {
  height:10px;
  margin-top:-13px;
  background:#75a57f;
  float:left;
}
/*mise en forme du texte du pourcentage*/
.textebarredisciplines {
  margin-top:-5px;
  text-align:center;
  font-size:11px;
  font-family:verdana;}

/*INFORMATION CHEVAL*/
/*bloc identité gauche*/
.blocidentite {
  width:175px;
  height:150px;
}
/*bloc identité droite*/
.blocidentitesuite {
  width:175px;
  height:150px;
}
/*nom du champ, n° sire, né le, etc*/
.champid {
  display: inline-block;
  vertical-align: top;
  width:87px;
  text-align:left;
}
/*réponse aux informations dans le bloc identité*/
.repid {
  display: inline-block;
  vertical-align: top;
  width:80px;
  text-align:right;
}

.racechamp {
  display: inline-block;
  vertical-align: top;
  width:50px;
  text-align:center;
}

.racerep {
 display: inline-block;
  vertical-align: top;
  width:118px;
  text-align:right;
}
/*le titre origines*/
.originesid {
  width:130px;
  height:15px;
  padding-bottom:3px;
  text-transform:uppercase;
  margin-top:10px;
  margin-bottom:5px;
  border: 1px solid #000;
}

.imageidentite {
  width:250px;
  height:150px;
  border:1px solid #28382b;
  margin-top:3px
}

/*GENEALOGIE*/
/*bloc avec l'arbre généalogique*/
.blocgenealogie {
  width:350px;
  height:200px;
  border: 1px solid #28382b
}

.nomcheval {
  width:150px;
  font-family: 'Song Myung', serif;
  font-size:15px;
  color:#28382b;
  border-bottom:1px solid #28382b
}
/*barre verticale allant de nom du cheval à premier embranchement*/
.genealogie1 {
  height:10px;
  width:1px;
  background:#28382b;
}
/*barre horizontale du premier embranchement*/
.genealogie2 {
  height:6px;
  width:180px;
  border-top:1px solid #28382b;
  border-left:1px solid #28382b;
  border-right:1px solid #28382b
}
/*bloc alignement des deux branches*/
.genealogie3 {
  display:flex;
}
/*bloc branche gauche*/
.genealogie4 {
  float:left;
  margin-left:30px;
  margin-right:70px;
  width:110px;
}
/*bloc branche droite*/
.genealogie5 {
  width:110px;
}
/*barre verticale allant de parent à embranchement*/
.genealogie6 {
  height:8px;
  width:1px;
  background:#28382b;
}
/*barre horizontale embranchement enfant*/
.genealogie7 {
  height:4px;
  width:62px;
  border-top:1px solid #28382b;
  border-left:1px solid #28382b;
  border-right:1px solid #28382b
}

.imgparent {
  width:75px;
  height:75px;
  border:1px solid #28382b
}

.imgenfant {
  width:50px;
  height:50px;
  border:1px solid #28382b
}
/*bloc de droite avec les informations*/
.infogenealogie {
  width:250px;
  height:200px;
}

.champgenea {
  display: inline-block;
  vertical-align: top;
  width:140px;
  text-align:left;
}

.repgenea {
  display: inline-block;
  vertical-align: top;
  width:90px;
  text-align:right;
}

.descendants {
  width:220px;
  height:20px;
  padding:5px;
  margin-top:12px;
  text-transform:uppercase;
  border: 1px solid #28382b
}

.poulains {
  width:210px;
  height:95px;
  overflow:auto;
  padding:10px;
  margin-top:5px;
  text-transform:uppercase;
  border: 1px solid #28382b
}

/*liens cadre poulains*/
.poulains a {
  border-top: 1px solid #28382b;
  border-bottom: 1px solid #28382b;
}
/*liens au survol*/
.poulains a:hover {
  font-style:italic;
  border-top: 1px solid #578661;
  border-bottom: 1px solid #578661;
}

/*SOINS*/
.blocsoins {
  width:250px;
  height:200px;
}

.champsante {
  height:70px;
  padding:2px;
  margin-bottom:8px;
  text-align:left;
  font-family:verdana;
  font-size:12px;
  line-height:19px
}

/*titre dossier medical*/
.soustitre_4 {
  width:250px;
  height:20px;
  font-family: 'Song Myung', serif;
  font-size:18px;
  border:1px solid #28382b;
}

/*bloc englobant le placement des barres*/
.blocbarresante {
  width:180px;
  height:70px;
  margin-top:-5px;
  margin-bottom:8px;
}

/*les infos dans le cadre dans carnet de santé*/
.carnetdesante {
  width:230px;
  height:70px;
  overflow:auto;
  margin-top:5px;
  border:1px solid #28382b}

/*liens cadre carnet de santé*/
.carnetdesante a {
  border-top: 1px solid #28382b;
  border-bottom: 1px solid #28382b
}
/*liens au survol*/
.carnetdesante a:hover {
  font-style:italic;
  border-top: 1px solid #578661;
  border-bottom: 1px solid #578661;
}
/*PALMARES*/
.blocpalmares {
  width:350px;
  height:200px;
}
/*bloc médaille*/
.medailles {
  width:80px;
  height:50px;
  margin-top:20px;
  margin-left:20px;
}
/*mise en forme bloc et texte du nombre de médailles*/
.nombremed {
  width:80px;
  height:15px;
  word-spacing:9px;
  font-family:verdana;
  font-size:11px;
}
/*bloc image des médailles*/
.imgmed {
  width:80px;
  height:27px;
  margin-top:5px
}
/*bloc du nombre de participations et des gains*/
.partigain {
  width:220px;
  height:50px;
  padding-left:25px;
  margin-top:20px;
  text-align:left;
}
/*bloc des infos du palmares : compettion et résultat*/
.palmares {
  width:320px;
  height:90px;
  overflow:auto;
  padding:5px;
  margin-top:8px;
  border:1px solid #28382b
}

/*APTITUDES*/
.blocaptitude {
  width:150px;
  height:200px;
  overflow:auto;
  margin-top:10px;
}

/*titre des champs aptitude*/
.soustitre_2 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  text-align:center;
}

/*titre aptitude physique et psychologique*/
.soustitre_3 {
  font-family: 'Song Myung', serif;
  font-size:15px;
  text-align:center;
  color:#28382b;
}

.imageaptitude {
  width:300px;
  height:200px;
  margin-top:10px;
  border:1px solid #28382b
}

/*DISCIPLINES*/
/*un bloc discipline*/
.blocdiscipline {
  display:flex;
  width:298px;
  height:95px;
  border:1px solid #28382b;
}
/*le bloc contenant les barres*/
.blocbarredisci {
  height:95px;
  width:205px;
}
/*le bloc contenant les 4 champs des barres*/
.blochampdisci {
  width:75px;
  height:90px;
  padding-top:3px;
}
/*titre des disciplines : classique */
.titreclassi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:2px;
}

/*titre des disciplines : loisir */
.titreloisi {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:15px;
}

/*titre des disciplines : hippique */
.titrehipp {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:8px;
  padding-left:5px;
}
/*titre des disciplines : western */
.titrewest {
  width:8px;
  height:95;
  line-height:10px;
  word-wrap:break-word;
  text-align:center;
  text-transform:uppercase;
  padding-top:11px;
  padding-left:5px;
}
/*titre des champs dans chaque discipline*/
.soustitre_5 {
  font-family: 'Song Myung', serif;
  font-size:13px;
  line-height:19px;
  text-align:center;
  color:#28382b;
}

/*INVENTAIRE*/
.blocinventaire {
  width:350px;
  margin:0 auto;
}

.imginventaire {
  width:100px;
  height:50px;
  margin:8px
}

.credit {
  padding:8px;
  color:#75A57F;
  border-top:1px solid #28382b
}

/***FIN FICHE DE PRESENTATION***/