/* REGLES DE BASE POUR MOBILES */

.zone_telephone{
  padding-top: 50px;
}

.zone_telephone h1{
  font-size: 36px;
  margin-bottom: 60px;
}

.phone-number{
  display: inline-block;
  font-size: 30px;
  line-height: 50px;
  font-weight: bold;
  padding:10px 15px 10px 15px;
  color:#ffffff;
  margin-top:15px;
  background-color: #ec0518;
  background-image:url('../img/france-big.png');
  background-repeat: no-repeat;
  background-position: center 15px;
  padding-top: 60px;
  padding-left: 15px;
}

.phone-number.number-not-free{
  background-color: #017d30;
  background-repeat: no-repeat;
  background-position: center 15px;
  padding-top: 60px;
  padding-left: 15px;
}

.zone_texte{
  padding-top: 40px;
  padding-bottom: 40px;
}

.zone_texte_01 img{
  margin-top: 30px;
}

.zone_texte_02 img{
  margin-top: 30px;
}

/* REGLES POUR TOUS < 768px */

@media(min-width:768px){

.zone_telephone{
  padding-top: 80px;
}

.zone_telephone h1{
  font-size: 48px;
  margin-bottom: 80px;
}

.phone-number{
  font-size: 36px;
}

.phone-number{
  display: inline-block;
  font-size: 36px;
  line-height: 50px;
  font-weight: bold;
  padding:10px 30px;
  color:#ffffff;
  margin-top:15px;
  background-color: #ec0518;
  background-image:url('../img/france-big.png');
  background-repeat: no-repeat;
  background-position: 20px center;
  padding-top: 10px;
  padding-left: 100px;
}

.phone-number.number-not-free{
  background-color: #017d30;
  background-repeat: no-repeat;
  background-position: 20px center;
  padding-top: 10px;
  padding-left: 100px;
}

}

/* REGLES POUR TOUS < 992px */

@media(min-width:992px){

.zone_telephone{
  padding-top: 80px;
}

.zone_telephone h1{
  font-size: 48px;
  margin-bottom: 80px;
}

.bloc_phone{
  min-height: 360px;
}

.bloc_phone p{
  font-size: 14px;
}

.bloc_phone p.h2{
  font-size: 30px;
  margin-bottom: 20px;
}

.bloc_phone p.avantage .glyphicon{
  margin-right: 10px;
  font-size: 20px;
}

.zone_texte{
  padding-top: 80px;
  padding-bottom: 80px;
}

.zone_texte_01 img{
  margin-top: 70px;
}

.zone_texte_02 img{
  margin-top: 30px;
}

}

/* REGLES POUR TOUS < 1200px */

@media(min-width:1200px){

.zone_telephone{
  padding-top: 220px;
}

.zone_telephone h1{
  font-size: 60px;
  margin-bottom: 140px;
}

.bloc_phone{
  min-height: 400px;
}

.bloc_phone p{
  font-size: 18px;
}

.bloc_phone p.h2{
  font-size: 36px;
  margin-bottom: 30px;
}

.bloc_phone p.avantage .glyphicon{
  margin-right: 10px;
  font-size: 30px;
}

}