.span-rtc-numero {
    font-weight:bold;
    font-size:16px;
}


.span-rtc-numero-etoile {
    font-weight:bold;
    font-size:14px;
    color:#6d6d6d;
}



.div-conditions-tarifaires {
    font-size: 10px;
    margin-top: 15px;
    font-style: italic;
}

.div-cartouche {
    padding: 4px; 
    border-radius: 999px; 
    border: 2px solid #7e2a68; 
    line-height: 14px; 
    width: 280px;
    display: inline-block;
}

.div-cartouche .content {
    border-radius: 999px; 
    overflow: hidden;
    
}

.div-cartouche .haut {
    background: linear-gradient(to right,#f6d4b9,#f5e6f0); 
    text-align:center;
    font-weight: bold; 
    padding-top: 15px; 
    padding-bottom: 2px; 
    padding-left: 15px; 
    padding-right: 15px;
    color: #7e2a68;
    position: relative; 
    line-height: 21px;
}

.div-cartouche .bas {
    text-align:left;
    font-size: 12px; 
    padding-left: 30px;
    color: #e5d8dd;
    padding-top: 11px; 
    padding-bottom: 13px; 
    background: linear-gradient(135deg,#b50092,#4f0069); 
}

.div-cartouche .fleche {
    display: inline-block; 
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #f6d4b9;
    position: absolute; 
    bottom: -7px; 
    left: 30px; 
    margin: 0 6px;
    line-height: 14px;
}

.div-cartouche .span-1 {
    font-size: 18px;
}

.div-cartouche .span-2 {
    font-size: 14px;
}

.div-cartouche .span-3 {
    font-size: 18px;
    
}

.a-cartouche-sms:hover {
	text-decoration:none;
}

.a-cartouche-sms .span-sms1,
.a-cartouche-sms .span-sms2 {
    font-size:16px;
    font-weight:bold;
}
.a-sms-au {
    font-size:16px;
    font-weight:bold;
}

.span-sms-conditions {
    font-size:12px;
    color: #565656;
}





.shortcodes-container {
    text-align:center;
    margin-top:20px;
}
.shortcodes-container p {
    margin-left:0px !important;
    margin-right:0px !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
}
.shortcodes-container .app-cover--container {
    flex-direction: column;
    padding: 1rem 1rem 1rem;
    display: inline-block;
}
.shortcodes-container .app-cover--container .app-cover {
    box-shadow: 0.25rem 0.25rem 2rem rgba(255, 255, 255,.35);
    justify-content: center;
    overflow: hidden;
    padding: 0.25rem;
    position: relative;
}

.shortcodes-container .app-cover--container img {
    max-width: 82px;
    border-radius: 20px;

}

.shortcodes-container .app-cover--container .app-cover {
    align-items: center;
    display: inline-block;
    border-radius: 24px;
}

.shortcodes-container .app-cover--container .fr-button {
	font-weight:bold;
    border-radius:30px;
    background: 0 0;
	border: 0.125rem solid #425fff;
	background:#425fff;
    color: #ffffff !important;
    display: inline-flex;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0.25rem 1rem;
    transition: color .1s ease-out,background .1s ease-out,border-color .1s ease-out;
}
.shortcodes-container .app-cover--container .fr-button:hover {
	background:#2c3049;
	border: 0.125rem solid #2c3049;
	color:#ffffff;
}

@media print, screen and (min-width: 769px){
    .shortcodes-container .app-cover--container .fr-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}
.shortcodes-container .app-cover--container .app-cover--platforms span {
    font-size: 1.15rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.shortcodes-container .app-cover--container .app-cover--platforms {
	color:#b6b4ca;
	text-align:center;
}






.sms-box{
    padding:5px; border-radius: 7px; position: relative; text-align: left; color: #000000; font-weight: bold; font-family: sans-serif; line-height: 1.25; height: 70px; 
    transition: none 0s ease 0s; top: 0px; left: 0px;
    margin-top:15px;
    margin-bottom:20px;
    display:inline-block;
}

.sms-box .frame {
    position: relative;
    width: 260px;
    display: inline-block;
    border-radius: 20px;
    background: #ffffff;
    display: inline-block;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
}


.sms-box .main {
    position: relative; font-size: 23px !important;
    font-size: 23px !important;
}
.sms-box .main a {
    margin: 0; outline: none; padding: 0; color: #000000; font-weight: 700;
}
    
.sms-box .main a span {
    color:#000000 !important;
    font-size: 23px !important;    
    font-style: normal !important;
}
.sms-box .shortcode { 
    position: relative;
}
.sms-box .cartouche-short {
    display: inline-block; width: 18px; height: 18px; 
}

.sms-box .cartouche-short img {
    margin-left: 2px;
    height: 100%;
    vertical-align: top;
    margin-top: 4px;
}

.sms-box .pricing {
    position: relative; height: 25%; font-size: 100% !important;
}

.sms-box .cartouche {
    position: relative; float: left; height: 15px;
}

.sms-box strong { 
    margin: 0; outline: none; padding: 0; color: #000000; font-weight: 700; height:15px; vertical-align: top;
}

.sms-box .img-plus { 
    height: 100%; padding-right: 6px;
}

.sms-box .price {
    position: relative; font-size: 14px !important; 
}
@font-face {
  font-family: Calibrib;
  font-style: bold;
  src: url('//affiliation.voyance.fr/css/font/Calibri/calibrib.ttf');
}



.audiotel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;    
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/* AUDIOTEL - BOX */
.audiotel-box { font-family: Arialb; }
.audiotel-box .pricing .arrow { top: 0px !important; }
.audiotel-box .pricing .arrow.bottom {  }
.audiotel-box.mini .pricing .arrow.bottom { margin-left: 14%; margin-top: -2px; }
.audiotel-box.mini .number { max-height: 88px; }
.audiotel-box.large .pricing .arrow.bottom { margin-left: 26px; margin-top: -2px; }

.audiotel-box, .audiotel-box *, .boostraped { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.audiotel-box { position: relative !important; width: 520px; height: 90px; min-height: 19px; max-height: 120px; color: #AF007D; background-color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1.25; }



.audiotel-box, .audiotel-box * { font-family: Arial; }

.audiotel-box .frame { position: relative !important; height: 54%; top: 1px; }
.audiotel-box.grayscale { color: #000000; }
.audiotel-box.grayscale .pricing .text { background-color: #000000; }

/* NORMAL BOX */
.audiotel-box .border { position: absolute; width: 100%; height: 100%; border: solid 2px #CDCDCD; }
.audiotel-box .number { position: relative !important; width: 55%; height: 100%; float: left; font-size: inherit !important; }

.audiotel-box .number .audiotel { position: relative !important; width: 100%; height: 100%; font-size: 210%;padding-left: 25px;; }
.audiotel-box .number .affiliate-code { position: relative !important; width: 100%; margin-top: 3%; text-align: center; font-size: 120%; clear: both; }

.audiotel-box .pricing { position: relative !important; width: 45%; height: calc(100% + 2px); margin-top: -1px; background-color: transparent; float: left; }

.audiotel-box .pricing .text { height: 100%; font-size: 120%; line-height: 100%; padding-top: 2.1%;  padding-left: 8%; padding-right: 5%; color: #FFFFFF; background-color: #AF007D; }
.audiotel-box .pricing .text span { font-weight: bold; position: relative !important; }
.audiotel-box .pricing .text span:first-child:after { content: ""; display: inline-block; width: 100%; }
.audiotel-box .pricing .text span + span { display: block; clear: both; }

.audiotel-box .pricing .arrow { position: absolute; width: 26px; left: -1px; top: 13px; }
.audiotel-box .pricing .arrow svg { position: relative !important; z-index: 5; }
.audiotel-box .pricing .arrow path { fill: #FFFFFF; }

.audiotel-box .pricing .arrow.bottom { width: 20px; top: 0px; margin-top: 0px; }
.audiotel-box .pricing .arrow.bottom svg { 
    -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}

/* MINI BOX */
.audiotel-box.mini { top: 0px; }
.audiotel-box.mini .code-less { margin-top: 6%; }
.audiotel-box.mini { width: 250px; height: 120px; max-height: 150px; }
.audiotel-box.mini .frame { height: 100%; }
.audiotel-box.mini .number { width: 100%; height: 58%; padding-top: 2%; float: none; line-height: 200%; }
.audiotel-box.mini .number .audiotel { font-size: 190%; height: auto; }
.audiotel-box.mini .number .affiliate-code { margin-top: 0%; }

.audiotel-box.mini .pricing { width: 98%; height: 40%; float: none; margin-left: 1% !important; }
.audiotel-box.mini .pricing .text { width: 100%; padding-left: 14%; text-align: left; }
.audiotel-box.mini .pricing .text span:after { display: block; }
.audiotel-box.mini .pricing .arrow.bottom { width: 22px; left: 3%; top: -1px; }

.audiotel-box.mini .arrow-box { line-height: 220%; }

/* LARGE BOX */
.audiotel-box.large { top: 0px; }
.audiotel-box.large { width: 400px; height: 100px; max-height: 130px; }
.audiotel-box.large .frame { height: 100%; }
.audiotel-box.large .number { width: 100%; height: 48%; top: 3%; }
.audiotel-box.large .number .audiotel { width: 65%; height: auto; float: left; }
.audiotel-box.large .number .affiliate-code { width: 35%; margin-top: 8px; font-size: 130%; padding-right: 4%; clear: none; float: left; }

.audiotel-box.large .pricing { width: 98%; height: 52%; margin-left: 1% !important; }
.audiotel-box.large .pricing .text { width: 100%; padding-left: 4%; padding-top: 4%; padding-right: 0px; }
.audiotel-box.large .pricing .text span + span { display: inline; }
.audiotel-box.large .pricing .text span:after { display: inline; }

.audiotel-box.large .pricing .arrow.bottom { width: 26px; height: 26px; left: 4px; top: -5%; }

.audiotel-box.shadow .frame {
    -webkit-box-shadow: 0 6px #999999 inset;
    -moz-box-shadow: 0 0 6px #999999 inset;
    -ms-box-shadow: 0 0 6px #999999 inset;
    -o-box-shadow: 0 0 6px #999999 inset;
    box-shadow: 0 0 6px #999999 inset;
}

.audiotel-box.gradient .pricing .text {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af007d+47,600060+100 */
    /*background: #af007d;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNhZjAwN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjAwMDYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #af007d 47%, #600060 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#af007d), color-stop(100%,#600060)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #af007d 47%,#600060 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #af007d 47%,#600060 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #af007d 47%,#600060 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #af007d 47%,#600060 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af007d', endColorstr='#600060',GradientType=0 ); /* IE6-8 */
}

.audiotel-box.gradient.grayscale .pricing .text {
    background: -moz-linear-gradient(top,  #989A9D 47%, #000003232340 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#989A9D), color-stop(100%,#323234)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #989A9D 47%,#323234 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #989A9D 47%,#323234 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #989A9D 47%,#323234 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #989A9D 47%,#323234 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989A9D', endColorstr='#323234',GradientType=0 ); /* IE6-8 */
}

.audiotel-box.grayscale .pricing .text {
  background: none;
  background-color: #000000;
}

.audiotel-box .border, .audiotel-box, .audiotel-box .number, .audiotel-box .number * {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}

.audiotel-box .pricing, .audiotel-box .pricing * {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@font-face {
  font-family: Arialb;
  font-style: bold;
  src: url('/css/font/Arial/arialbd.ttf');
}