/*feuille de style des profils musicien*/
body{
	background-color: rgba(236, 82, 62, 255); /*ec523eff*/
  color: white;
}

a:link{color: white;}
a:visited{color:  white;}

.titre{
  text-align: center;
}

/*Boutons de navigation carrés*/
.petinav{
  text-align: center;
  width: auto;
  height: auto;
}

.petinav img {
  max-width: 4%;
  height: auto;
  float:center; 
  box-shadow:7px 7px 7px #555555;
}

footer{
	background-color: transparent;
	text-align: center;
}

footer img{
  height: auto;
  width: 3%;
}
footer p{
	text-align: center;
  	font-size: 0.8em; 
}

.copyright{
  	font-size: 0.5em;
}

/*************************************/

.cv{
	width:auto; height:auto; padding: 2em;
}

.float{
	float: left;
    width: 150px;
    margin-right: 0.7em;
}
.float img { width:150px; height:auto;}

.txt{ width:auto; height:auto; text-align:justify; font-size:1.5em; margin-top: unset;}


/************************************/

/*Modes RESPONSIVE*/
@media (max-width: 640px) {
  * {
    box-sizing: border-box;
  }
  
  /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

  body {
    width: auto;
    margin: 0;
    padding: 0;
  }
  
  /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

  img,
  table,
  td,
  blockquote,
  code,
  pre,
  textarea,
  input,
  iframe,
  object,
  embed,
  video {
    max-width: 100%;
  }
  
  /* conserver le ratio des images */

  img {
    height: auto;
  }
  
  /* gestion des mots longs */

  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    -webkit-hyphens: auto; /* césure propre */
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word; /* passage à la ligne forcé */
  }
  
  code,
  pre,
  samp {
    white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
  }
  
  /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

  .element1,
  .element2 {
    float: none;
    width: auto;
  }
  
  /* masquer les éléments superflus */

  .hide_mobile {
    display: none !important;
  }
  
  /* Un message personnalisé */

  body:before {
    content: "Version mobile du site";
    display: block;
    text-align: center;
    font-style: italic;
    color: #777;
  }
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}