Kissa Mwana

/*FICHE DE PRESENTATION PAR COBAIN.*/
/*le fond de la fiche*/
.background{
  background-color:#f0d5ba;/*modifiable, possible de remplacer par une image de fond*/
  border-radius: 0px 0px 0px 0px;
  width:450px;
  height:auto;
}

.hautfiche{
  background-image:url('https://2img.net/r/hpimg4/pics/278441Basdefiche2.png'); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

.basfiche{
  background-image:url('https://2img.net/r/hpimg4/pics/193118Hautdefiche2.png'); /*modifiable par une image personalisé, le bas de l'image se fond avec celui de la fiche*/
  width:450px;
  height:190px;
}

/*Les titres et sous titres*/
titre{
  font-family: Special Elite; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:25px;
  color:#4c191e;
  text-transform: lowercase;
}

soustitre{
  font-family:Rajdhani; /*modifiable ,penser à modifier/supprimer le premier élément du code HTML*/
  font-size:12px;
  color:#a94534;
  text-transform: uppercase;
}

tit{
  font-family: Special Elite;
  font-size:20px;
  color:#a94534;
  text-transform:uppercase;
}

/*Les images de la fiches*/
.gifsfiches1{
  width:100px;
  border-radius:100px;
}

.gifsfiches1:hover{
  filter: invert(1); /*ne pas modifier*/
        -webkit-filter: invert(1); /*ne pas modifier*/
        -moz-filter: invert(1); /*ne pas modifier*/
        -o-filter: invert(1); /*ne pas modifier*/
        -ms-filter: invert(1); /*ne pas modifier*/
  transition-duration: 0.6s; /*ne pas modifier*/
  -moz-transition-duration: 0.6s;  /*ne pas modifier*/
  -webkit-transition-duration: 0.6s; /*ne pas modifier*/
  -o-transition-duration: 0.6s; /*ne pas modifier*/
}

/*les blocs identité et anecdotes*/
.identité{
  width:200px;
  height:200px;
  overflow:auto;
  background-color:#ffffff;
  border-radius:10px;
  text-align:justify;
  color:#434747;
  font-size:11px;
  font-family:arial;
  padding:4px;
}

.anecdotes{
  width:200px;
  height:200px;
  overflow:auto;
  background-color:#ffffff;
  border-radius:10px;
  text-align:justify;
  color:#434747;
  font-size:11px;
  font-family:arial;
  padding:4px;
}

ii{
  font-weight:bold;
  color:#a94534;
}

/*le bloc membre*/
.membre{
width:400px;
  height:90px;
  overflow:auto;
  background-color:#ffffff;
  border-radius:10px;
  text-align:justify;
  color:#434747;
  font-size:11px;
  font-family:arial;
  padding:4px;
}

/*le crédit NE PAS ENLEVER MERCI!*/
credit{
  font-family:arial;
  font-size:8px;
  color:darkgrey;
}

/*le bloc histoire du membre*/

.histoire{
  width:400px;
  height:auto;
  border-radius:10px;
  background-color:#ffffff;
  font-family:arial;
  font-size:11px;
  color:#FFFFFF;
  text-align:justify;
  padding:10px;
}

/*Fiche de lien 1*/

.info {
  font-family: times new roman;
  font-size: 14px;
  font-weight: lighter;
  text-transform: uppercase;
  width: 490px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px dashed #D91828;
  border-bottom: 1px dashed #D91828;
}

.apropos {
  width: 450px;
  height: 150px;
  background-color: #EDC167;
  background-image: url(http://data.nimages.fr/fvgrgl2.png);
  overflow: auto;
  text-align: justify;
  font-size: 12px;
  border-radius: 10px 10px 10px 10px;
  margin-left: 5px; }

/*Fiche de lien 2*/

.petittexte{
  margin-left: 15px;
  margin-bottom: -8px;
}

.fondpetitcarré{
  width: 250px;
  height: 150px;
  background-color: #EDC167;
  background-image: url(http://data.nimages.fr/fvgrgl2.png);
  overflow: auto;
  text-align: justify;
  font-size: 12px;
  border-radius: 10px 10px 10px 10px;
  margin-left: 5px; }

.texte3 {
font-family: 'Romanesco', georgia;
 font-size: 15px;
color:#FAE3C3;
text-align: center; }

.titrelien {
  background-color: #EDC167;
  width: 200px;
  text-align: center;
  font-family: times new roman;
  text-transform: uppercase;
  font-weight: lighter;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 14px;
  color: black; }