@font-face {
    font-family: 'Artifika-Medium';
    src: url('../fonts/Artifika-Medium.eot');
    src: url('../fonts/Artifika-Medium.eot') format('embedded-opentype'),
        url('../fonts/Artifika-Medium.woff') format('woff'),
        url('../fonts/Artifika-Medium.ttf') format('truetype'),
        url('../fonts/Artifika-Medium.svg#Artifika-Medium') format('svg');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Artifika-Medium';
        src: url('../fonts/Artifika-Medium.svg#Artifika-Medium') format('svg');
    }
}

.container-fluid{
  padding-left:15px;
  padding-right:15px;
}

html, body {
    height: 100%;
}

body{
	font-family: Artifika-Medium, arial, verdana, sans-serif;
}

a{
	color:#93be3c;
}

a:hover{
	color:#799d31;
}

img{
	max-width: 100%;
}

/* ZONE TELEPHONE */

.zone_telephone{
  background-image:url('../img/wallpaper.jpg');
  background-position:center center;
  background-size:cover;
  padding-top: 220px;
  padding-bottom: 50px;
}

.zone_telephone h1{
  font-family: Artifika-Medium, arial, verdana, sans-serif;
  font-weight: normal;
  text-align: center;
  color:#ffffff;
  font-size: 60px;
  margin-bottom: 140px;
}

.bloc_phone{
  background: rgba(255, 255, 255, 0.85);
  border:1px solid #fff;
  padding:30px 20px 20px 20px;
  min-height: 400px;
  margin-bottom: 30px;
}

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

.bloc_phone p.h2{
  font-family: Artifika-Medium, arial, verdana, sans-serif;
  color:#ec0518;
  font-size: 36px;
  margin-bottom: 30px;
}

.bloc_phone_not_free p.h2{
  color: #017d30;
}

.bloc_phone p.avantage{
  text-align: left;
}

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

.bloc_phone p.avantage .glyphicon-ok{
  color:#017d30;
  position: relative;
  top:5px;
}

.bloc_phone p.avantage .glyphicon-remove{
  color:#ec0518;
  position: relative;
  top:8px;
}

.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;
  text-decoration: none;
}

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

.phone-number:hover{
  color:#ffffff;
  text-decoration: none;
}

.phone-number.number-not-free.flag-france{
  background-image:url('../img/france-big.png');
}

.phone-number.number-not-free.flag-belgique{
  background-image:url('../img/belgique-big.png');
}

.phone-switch{
  position: relative;
  display: block;
  background:#ffffff;
  text-align: center;
  padding:10px 15px;
  cursor:pointer;
  opacity: 0.5;
  margin-top: 10px;
}

.phone-switch.active{
  opacity:1;
}

.switch_ok{
  position: absolute;
  right: -5px;
  bottom: -5px;
  background-color: #017d30;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
}

.switch_ok .glyphicon{
  color: #ffffff;
  font-size: 20px;
  top: 4px;
}

.phone-switch.active .switch_ok{
  display: inline-block !important;
}

/* ZONE TEXTE */

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

.zone_texte_01{
  background:#fafafa;
}

.zone_texte h2{
  font-family: Artifika-Medium, arial, verdana, sans-serif;
  font-weight: normal;
  text-align: left;
  color:#ec0518;
  font-size: 36px;
  margin-bottom: 40px;
}

.zone_texte p{
  text-align: left;
  font-size: 18px;
}

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

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

/* FOOTER */

.footer{
  background: #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer p{
  text-align: center;
}