/*téléchargment des polices pour les diff navigateurs */
@font-face {
    font-family: 'Chiller';
    src: url('chiller/Chiller_V2.eot') format('eot'),
        url('chiller/Chiller_V2.otf') format('otf'),
        url('chiller/Chiller_V2.woff2') format('woff2'),
        url('chiller/Chiller_V2.ttf') format('ttf'),
        url('chiller/Chiller_V2.woff') format('woff');
}

  
  
/*reset des marges par défaut*/  
  *{
margin:0;
padding:0;

}
/* définition entête */
#entete {
    height : 10em;
    background-image: url(images/bv01002.png);
    background-position:  center center;
    background-repeat: repeat;
    display : flex;
    justify-content : space-around;
    align-items : center;
    }
 

 /* cadre image photo salon */
    .imageflottante {
        
        float : right;
    }

    /* cadre de gauche */ 
    #gradient {
        /*position:absolute;
        width:320px;*/
        padding : 20px;
        /*position:relative;*/
        background: linear-gradient(black, grey);
        background-size: 100%;
    }

    

    /* pied de page */
    footer{
        clear:both;
        /*position:absolute;*/
        position : bottom;
        background:#000;
        display : flex;
        align-items : center;
        justify-content : space-around;
    }



/* définition captifs */
h1 {
  text-shadow: 6px 6px 10px grey;
  font-size: 10em;
  color: #fd328e;
  font-weight: bold;
  font-family: Chiller;
 }
/* définition hommes femmes */
 h2 {
  font-size: 3em;
  color: #e2e2e2;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  opacity : 60%;
 }
 h3 {
  font-size: 1em;
  color: #e2e2e2;
  font-family: Arial,Helvetica,sans-serif;
 }
 h4 {
  font-size: 0.9em;
  color: #f8e2e2;
  font-family: Arial,Helvetica,sans-serif;
 }
 .prestations {
     font-size: 0.7em;
     color : #fae2f2;
     font-family: verdana;
 }
 .info{
     font-size: 3em;
     color: #00FF00;
     text-align:center;
     text-decoration: underline;
    }
    
.info:hover{
    border-style: ridge;
    box-shadow: 2px 2px 10px white;
    }
    .info:active{
    border-style:inset;
    box-shadows : 2px 2px 0px black inset;
    }
    
  .important{
    font-size: 1.5em;
    color : #ff0000;
    }
   .tel {
  border-radius: 20px;
  box-shadow: 1px 1px 10px white;
  padding : 5px;
  text-decoration: none;
  text-align: center;
  border-style: outset;
  border-color: #cc66cc;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #ff77ff;
  color: black;
  font-size: x-large;
  }
.tel:hover{
    border-style: ridge;
    box-shadow: 2px 2px 10px white;
}
.tel:active{
    border-style:inset;
    box-shadows : 2px 2px 0px black inset;
}
.white{
    font-size: 1em;
    color: #dddddd;
    font-family: Arial,Helvetica,sans-serif;
    display: inline;
}
.red{
    font-size: 1em;
    color: #ff0000;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    display: inline;
}
.bold{
    font-size: 1em;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    display: inline;
}